Project

General

Profile

1
import {Component, Input}           from '@angular/core';
2
import {ZenodoInformationClass} from './utils/zenodoInformation.class';
3
import {EnvProperties} from "../utils/properties/env-properties";
4
import {ActivatedRoute, Router} from "@angular/router";
5
import {PiwikService} from "../utils/piwik/piwik.service";
6
import {HelperService} from "../utils/helper/helper.service";
7
import {RouterHelper} from "../utils/routerHelper.class";
8
import {SEOService} from "../sharedComponents/SEO/SEO.service";
9
import {Meta, Title} from "@angular/platform-browser";
10
import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
11

    
12
@Component({
13
  selector: 'deposit-first-page',
14
  template: `
15
   
16

    
17
    <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
18
      <div class="explorePanelBackground communityPanelBackground uk-padding-small">
19
        <div class="uk-align-center uk-container uk-container-large uk-margin-medium-top uk-margin-large-bottom">
20
          <breadcrumbs [breadcrumbs]="breadcrumbs" [light]="!!(this.communityId)"></breadcrumbs>
21
          <div class="uk-h1 uk-width-1-2@m uk-width-1-1@s ">
22
            <span class="uk-text-bold">Deposit</span> or <span class="uk-text-bold">publish</span> your research in <span class="uk-text-bold">Open Access</span>
23
          </div>
24

    
25
          <div class="uk-container uk-container-large uk-margin-medium-top">
26
            <div class="uk-grid-divider uk-grid" uk-grid>
27
              <div class="uk-width-1-2@m uk-width-1-1@s">
28
<!--                <p class="uk-margin-auto uk-text-large">How to <span class="uk-text-bold">deposit</span> your research...</p>-->
29
                <span class="uk-grid">
30
                  <span class="uk-margin-top uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="search"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span>
31
<!--                  <span class="uk-margin-small-right" uk-icon="search"></span>-->
32
                  <span class="uk-width-expand">
33
                    <div class="uk-margin-small-bottom uk-h6 uk-text-normal"><span class="uk-text-bold"> Find </span><span class="uk-text-normal">the appropriate</span> <span class="uk-text-bold"> repository </span> or <span class="uk-text-bold"> journal </span></div>
34
                    <div class="">
35
                      Find the appropriate repository to deposit your research products of any type (publication, data, software, other) or to include in your data management plan.
36
                      Search and browse for OpenAIRE compliant repositories registered in OpenDOAR and re3data.
37
                      <br>
38
                      Looking for Open Access journals? Find those that suit your 
39
                      <span *ngIf="communityId && communityId != 'openaire'">community </span><span *ngIf="!communityId || communityId == 'openaire'">needs </span> 
40
                      among the journals registered in the Directory of Open Access Journals (DOAJ).
41
                      <br>
42
                      To know more, read the OpenAIRE Open Access primer (<a target="_blank" href="https://www.openaire.eu/oa-basics">https://www.openaire.eu/oa-basics</a>)
43
                    </div>
44
                  </span>
45
                </span>
46
                <span class="uk-margin-top uk-grid">
47
                  <span class="uk-margin-top uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="upload"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg></span>
48
<!--                  <span class="uk-margin-small-right" uk-icon="upload"></span>-->
49
                  <span class="uk-width-expand">
50
                    <div class="uk-margin-small-bottom uk-h6">Deposit</div>
51
                    <div class="">
52
                      Find the repository to deposit your research or use the Zenodo<span *ngIf="communityId && communityId != 'openaire'"> communities suggested by the community curators</span><span *ngIf="!communityId || communityId == 'openaire'"> repository</span>.                    
53
                    </div>
54
                  </span>
55
                  <span class="uk-margin-top uk-grid">
56
                  <span class="uk-margin-top uk-icon">
57
<!--                    <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="upload"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg>-->
58
                    <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="push"><polygon points="12.15,4 9.5,1.4 6.85,4 6.15,3.3 9.5,0 12.85,3.3"></polygon><line fill="none" stroke="#000" x1="9.5" y1="10" x2="9.5" y2="1"></line><polyline fill="none" stroke="#000" points="6 5.5 3.5 5.5 3.5 18.5 15.5 18.5 15.5 5.5 13 5.5"></polyline></svg>
59
                  </span>
60
<!--                                      <span class="uk-margin-small-right" uk-icon="push"></span>-->
61
                  <span class="uk-width-expand">
62
                    <div class="uk-margin-small-bottom uk-h6">Publish</div>
63
                    <div class="">
64
                      Find the Open Access journals that suit your 
65
                      <span *ngIf="communityId && communityId != 'openaire'">community </span><span *ngIf="!communityId || communityId == 'openaire'">needs </span> 
66
                      among those registered in the Directory of Open Access Journals (DOAJ).
67
                    </div>
68
                  </span>
69
                  </span>
70
                </span>
71
                <div></div>
72
              </div>
73
              <div class="uk-width-1-2@m uk-width-1-1@s">
74
                <!--<p class="uk-margin-auto-top uk-margin-remove-bottom uk-h5">
75
                  Start by <span class="uk-text-bold">searching</span> repositories and journals
76
                </p>-->
77
                <div class="">
78
                  <form class=" uk-flex uk-margin">
79
<!--                    <span uk-search-icon class="uk-icon"></span>-->
80
<!--                    <button routerLinkActive="uk-link"-->
81
<!--                       routerLink="{{depositRoute}}" [queryParams]="{keyword: keyword}"  class="uk-search-icon uk-icon" uk-search-icon>-->
82
<!--                    </button>-->
83
                    <input class="uk-search-input uk-input uk-width-expand uk-margin-small-right" 
84
                           type="search"  [(ngModel)]="keyword"  name="keyword"
85
                           placeholder="{{searchPlaceHolder}}">
86
                    <div class="uk-padding-remove-left">
87
                      <button routerLinkActive="uk-link" routerLink="{{depositRoute}}" [queryParams]="{'f0':'q','fv0': keyword}" [class]="'uk-button  uk-text-bold '+ (!!(communityId)?'':' portal-button')"> Search
88
                      </button>
89
                      <div class="uk-padding-small">
90
                        <a  [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" routerLinkActive="router-link-active" [routerLink]="depositRoute"
91
                            type="submit" class=" ">
92
                          <span><span>Browse all </span><!--<span uk-icon="arrow-right"></span>--></span>
93
                        </a>
94
                      </div>
95
                    </div>
96
                  </form>
97
                </div>
98
                <div class="uk-width-1-6 uk-text-right">
99
<!--                  <hr class="uk-divider-vertical">-->
100
<!--                  <div class=" uk-margin-top uk-margin-bottom uk-padding-small uk-text-bold">OR</div>-->
101
<!--                  <img src="assets/common-assets/OR.svg">-->
102
                  <div class="uk-margin-bottom">
103
                    <svg xmlns="http://www.w3.org/2000/svg" width="27" height="88" viewBox="0 0 27 88">
104
                      <g id="Group_749" data-name="Group 749" transform="translate(-872.168 -490.5)">
105
                        <text class="fill_text" id="OR" transform="translate(872.168 540.271)" font-size="18" font-family="OpenSans-Bold, Open Sans" font-weight="700" opacity="0.8"><tspan x="0" y="0">OR</tspan></text>
106
                        <line class="stroke_line" id="Line_225" data-name="Line 225" y2="30" transform="translate(885.5 490.5)" fill="none" stroke="#000" stroke-width="1" opacity="0.2"/>
107
                        <line class="stroke_line" id="Line_226" data-name="Line 226" y2="30" transform="translate(885.5 548.5)" fill="none" stroke="#000" stroke-width="1" opacity="0.2"/>
108
                      </g>
109
                    </svg>
110
                  </div>
111
                  <!--                  <hr class="uk-divider-vertical">-->
112
                </div>
113
                  
114
                <div>
115
                  <!--<a  [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" routerLinkActive="router-link-active" [routerLink]="depositRoute" 
116
                      type="submit" class="uk-button uk-button-large portal-button uk-padding uk-padding-remove-vertical">
117
                    <span><span>Browse all </span><span uk-icon="arrow-right"></span></span>
118
                  </a>-->
119
                  <a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit"
120
                     [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)"
121
                     routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl"
122
                     class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom ">
123
                    <span><span> Use related zenodo communities</span><span uk-icon="arrow-right"></span></span>
124
                  </a>
125
                  <a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" href="{{zenodoInformation.url}}" type="submit"
126
                     [class]="'uk-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom   ' +
127
                        ((communityId && communityId != 'openaire') ? ' portal-button' : ' uk-button-primary')">
128
                    <span><span>Deposit in Zenodo</span><span uk-icon="arrow-right"></span></span>
129
                  </a>
130
<!--                    <a class="uk-flex">View more info</a>-->
131
                </div>
132
              </div>
133
            </div>
134
          </div>
135
        </div>
136
      </div>
137
    </div>
138
    <div class="">
139
      <schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other" description=" Find the appropriate repository to deposit your research products of any type (publication, data, software, other) or to include in your data management plan. Search and browse for OpenAIRE compliant repositories registered in OpenDOAR and re3data. "></schema2jsonld>
140
    <div class="uk-section tm-middle uk-container uk-container-large uk-margin-small-top uk-padding-remove-top uk-padding-remove-bottom ">
141
      <div class="uk-container uk-container-large uk-margin-bottom uk-margin-medium-top">
142
        <div class="uk-grid uk-padding">
143
          <div class="uk-width-1-2 uk-text-center">
144
            <div class="uk-margin-top">
145
              <svg xmlns="http://www.w3.org/2000/svg" width="173" height="56.685" viewBox="0 0 173 56.685"><defs><style>.a{fill:#191919;}</style></defs><path class="a" d="M171.749,22.311a16.158,16.158,0,0,0-3.364-4.953A15.511,15.511,0,0,0,157.4,12.837a15.213,15.213,0,0,0-6.074,1.206,16.4,16.4,0,0,0-2.63,1.424,16.2,16.2,0,0,0-2.325,1.891,14.893,14.893,0,0,0-1.242,1.383,19.241,19.241,0,0,0-1.173,1.7,19.372,19.372,0,0,0-1.482,3.343c.048-1.943.332-4.842,1.482-6.468V3.272a3.081,3.081,0,0,0-.993-2.323,3.251,3.251,0,0,0-5.556,2.323V15.765a17.084,17.084,0,0,0-4.261-2.156,14.8,14.8,0,0,0-4.781-.773,15.314,15.314,0,0,0-6.028,1.206,15.575,15.575,0,0,0-4.959,3.316,16.056,16.056,0,0,0-3.352,4.953c-.063.142-.118.286-.177.43-.056-.144-.111-.288-.173-.43a16.158,16.158,0,0,0-3.364-4.953,15.519,15.519,0,0,0-4.95-3.316,15.795,15.795,0,0,0-12.105,0,16.068,16.068,0,0,0-4.954,3.316,15.182,15.182,0,0,0-3.359,4.953c-.058.136-.109.272-.162.407-.056-.135-.109-.271-.167-.407a16.056,16.056,0,0,0-3.357-4.953,15.532,15.532,0,0,0-4.956-3.316,15.795,15.795,0,0,0-12.105,0,16.084,16.084,0,0,0-4.948,3.316,15.129,15.129,0,0,0-3.366,4.953c-.051.125-.1.253-.148.378-.051-.125-.1-.253-.155-.378a16.165,16.165,0,0,0-3.366-4.953,15.489,15.489,0,0,0-10.979-4.521,15.185,15.185,0,0,0-6.072,1.206,16.01,16.01,0,0,0-4.622,3.017v-.521A3.335,3.335,0,0,0,27.211,13.2H3.837a3.334,3.334,0,0,0,0,6.669h18.37L.658,48.884A3.333,3.333,0,0,0,0,50.872v2.176a3.337,3.337,0,0,0,3.336,3.336H28.214a3.335,3.335,0,0,0,3.324-3.09,15.693,15.693,0,0,0,3.675,2.184,15.189,15.189,0,0,0,6.031,1.207A14.892,14.892,0,0,0,49.857,54.1a15.447,15.447,0,0,0,4.827-5.188v4.5a3.245,3.245,0,0,0,3.277,3.275,3.194,3.194,0,0,0,2.281-.949,3.077,3.077,0,0,0,.991-2.326V41.733h-.012a.087.087,0,0,1,.012-.015h-8.17a3.175,3.175,0,0,0-1.851.558,3.007,3.007,0,0,0-1.161,1.507l-.535,1.1a8.969,8.969,0,0,1-8.271,5.254,9.141,9.141,0,0,1-3.493-.684,8.463,8.463,0,0,1-2.883-1.939,9.963,9.963,0,0,1-1.94-2.888,8.4,8.4,0,0,1-.729-3.447V38.252H61.234V28.34a8.74,8.74,0,0,1,.688-3.442,8.959,8.959,0,0,1,8.355-5.515,9.117,9.117,0,0,1,3.493.687,8.459,8.459,0,0,1,2.883,1.94,10.032,10.032,0,0,1,1.94,2.889,8.36,8.36,0,0,1,.734,3.442V53.409A3.233,3.233,0,0,0,82.6,56.684a3.211,3.211,0,0,0,2.286-.949,3.107,3.107,0,0,0,.986-2.326v-4.5a15.828,15.828,0,0,0,2.482,3.249,15.454,15.454,0,0,0,4.954,3.314,15.671,15.671,0,0,0,12.061,0,16.035,16.035,0,0,0,5-3.314,15.226,15.226,0,0,0,3.359-4.951c.044-.112.087-.225.129-.338.046.113.087.226.134.338a15.068,15.068,0,0,0,3.359,4.951,16.075,16.075,0,0,0,4.951,3.314,15.79,15.79,0,0,0,12.109,0,15.476,15.476,0,0,0,4.946-3.314,16.166,16.166,0,0,0,3.366-4.951c.06-.142.116-.283.173-.426.058.143.111.284.173.426a16.07,16.07,0,0,0,3.359,4.951,15.454,15.454,0,0,0,4.954,3.314,15.671,15.671,0,0,0,12.061,0,16.008,16.008,0,0,0,5-3.314A15.314,15.314,0,0,0,173,41.178V28.341A14.991,14.991,0,0,0,171.749,22.311ZM8.35,49.716,25.794,26.224a16.054,16.054,0,0,0-.143,2.117V41.178A14.759,14.759,0,0,0,26.9,47.211a16.514,16.514,0,0,0,1.366,2.5H8.35ZM50.285,31.7H32.2V28.34a8.738,8.738,0,0,1,.686-3.442,8.951,8.951,0,0,1,8.36-5.515,9.1,9.1,0,0,1,3.486.687,8.423,8.423,0,0,1,2.885,1.94,10.033,10.033,0,0,1,1.94,2.889,8.318,8.318,0,0,1,.729,3.442V31.7Zm58.093,9.48a8.7,8.7,0,0,1-.688,3.447,8.941,8.941,0,0,1-8.352,5.511,9.141,9.141,0,0,1-3.493-.684,8.417,8.417,0,0,1-2.883-1.939,9.917,9.917,0,0,1-1.94-2.888,8.353,8.353,0,0,1-.729-3.447V28.341A8.74,8.74,0,0,1,90.98,24.9a8.935,8.935,0,0,1,1.937-2.889,9.165,9.165,0,0,1,9.9-1.94,8.433,8.433,0,0,1,2.888,1.94,10.129,10.129,0,0,1,1.94,2.889,8.356,8.356,0,0,1,.729,3.442V41.178Zm29.035,0a8.32,8.32,0,0,1-.729,3.447,9.947,9.947,0,0,1-1.94,2.888,8.358,8.358,0,0,1-2.888,1.939,9.337,9.337,0,0,1-7.018,0,9.046,9.046,0,0,1-4.825-4.826,8.735,8.735,0,0,1-.69-3.447V28.341a8.439,8.439,0,0,1,.732-3.442,10.1,10.1,0,0,1,1.94-2.889,8.522,8.522,0,0,1,2.883-1.94,9.152,9.152,0,0,1,3.493-.687,8.985,8.985,0,0,1,8.357,5.515,8.775,8.775,0,0,1,.686,3.442V41.178Zm29.035,0a8.82,8.82,0,0,1-.686,3.447,9.129,9.129,0,0,1-11.85,4.826,8.424,8.424,0,0,1-2.882-1.939,9.946,9.946,0,0,1-1.942-2.888,8.337,8.337,0,0,1-.732-3.447V28.341a8.742,8.742,0,0,1,.69-3.442,8.935,8.935,0,0,1,1.937-2.889,9.169,9.169,0,0,1,9.905-1.94,8.423,8.423,0,0,1,2.885,1.94,10.088,10.088,0,0,1,1.942,2.889,8.356,8.356,0,0,1,.729,3.442V41.178Z"/></svg>
146
            </div>
147
            <div class="uk-margin-top">
148
              <span class="uk-text-bold">Deposit</span> your research now. <span class="uk-text-bold">Instantly and easily.</span>
149
            </div>
150
            <a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit"
151
               [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" 
152
               routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl"
153
               class="uk-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom uk-button-primary">
154
              <span><span>Related zenodo communities</span><span uk-icon="arrow-right"></span></span>
155
            </a>
156
            <a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" href="{{zenodoInformation.url}}" type="submit"
157
               class="uk-button uk-padding uk-padding-remove-vertical uk-margin-medium-top uk-margin-bottom  uk-button-primary">
158
              <span><span>Deposit in Zenodo</span><span uk-icon="arrow-right"></span></span>
159
            </a>
160
          </div>
161
          <div class="uk-width-1-2">
162
            <div class="uk-margin-top">
163
              <div class="uk-text-bold">Research. Shared.</div>
164
              <div>
165
                All research outputs from across all fields of research are welcome! Sciences and Humanities, really!              </div>
166
            </div>
167
            <div class="uk-margin-top">
168
              <div class="uk-text-bold">Citeable. Discoverable. </div>
169
              <div>
170
                Uploads gets a Digital Object Identifier (DOI) to make them easily and uniquely citeable.
171
              </div>
172
            </div>
173
            <div class="uk-margin-top">
174
              <div class="uk-text-bold">Funding</div>
175
              <div>
176
<!--                Identify grants, integrated in reporting lines for research funded by the European Commission via OpenAIRE.-->
177
                Link your upload to its funding projects. For research funded by the European Commission, your upload will automatically be available for reporting on the EC participant portal.
178
              </div>
179
            </div>
180
            <div class="uk-margin-top">
181
              <div class="uk-text-bold">Flexible licensing</div>
182
              <div>
183
                Because not everything is under Creative Commons.
184
              </div>
185
            </div>
186
            <div class="uk-margin-top">
187
              <div class="uk-text-bold">Safe</div>
188
              <div>
189
                Your research output is stored safely for the future in the same cloud infrastructure as CERN's own LHC research data.
190
              </div>
191
            </div>
192
          </div>
193
        </div>
194
      </div>
195
    </div>
196

    
197
    <!--<div class="uk-section uk-section-muted uk-margin-large-top uk-padding-remove-bottom uk-padding-remove-top">
198
&lt;!&ndash;      grey-background&ndash;&gt;
199
      <div class="uk-margin-top uk-padding-small">
200
        <div class="uk-align-center uk-container uk-container-large uk-margin-top uk-margin-bottom">
201
          <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
202
        </div>
203
      </div>
204
    </div>-->
205
   <div class="uk-section">   
206
      <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
207
   </div>
208
    </div>
209
  `
210
})
211

    
212
export class DepositFirstPageComponent {
213
  public url: string = null;
214
  public title: string = "Deposit or publish your research in Open Access";
215

    
216
  @Input() public zenodoInformation: ZenodoInformationClass = new ZenodoInformationClass();
217
  @Input() piwikSiteId = null;
218
  piwiksub:any;
219

    
220
  @Input() communityId = null;
221

    
222
  public pageContents = null;
223
  public divContents = null;
224

    
225
  public keyword: string;
226
  public depositRoute: string;
227
  public searchPlaceHolder = "Search by title, country, organization, subject, type...";
228
  properties:EnvProperties;
229
  public routerHelper:RouterHelper = new RouterHelper();
230
  @Input() showBreadcrumb:boolean = false;
231
  breadcrumbs:Breadcrumb[] = [];
232
  constructor (private  route: ActivatedRoute, private _piwikService:PiwikService,
233
               private helper: HelperService,
234
               private _router: Router,
235
               private _meta: Meta, private _title: Title,
236
               private seoService: SEOService) {
237
  }
238

    
239

    
240
  ngOnInit() {
241
    this.route.data
242
      .subscribe((data: { envSpecific: EnvProperties }) => {
243
        this.properties = data.envSpecific;
244
        this.url = this.properties.domain+this.properties.baseLink + this._router.url;
245
        this.seoService.createLinkForCanonicalURL(this.url, false);
246

    
247
        var description = "Find the appropriate repository or journal or use Zenodo repository to deposit your research and publish in  the Open Access journals that suit your needs.";
248
        this.updateTitle(this.title);
249
        this.updateDescription(description);
250
        this.updateUrl(this.url);
251

    
252
        this.depositRoute = this.properties.depositSearchPage;
253
        //this.getDivContents();
254
        this.getPageContents();
255
        if (!this.zenodoInformation) {
256
          this.zenodoInformation = new ZenodoInformationClass();
257
        }
258
        if (!this.zenodoInformation.shareInZenodoUrl) {
259
          this.zenodoInformation.url = this.properties.zenodo;
260
        }
261
        if (!this.zenodoInformation.name) {
262
          this.zenodoInformation.name = "Zenodo";
263
        }
264

    
265
        if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){
266
          this.piwiksub = this._piwikService.trackView(this.properties, this.title, this.piwikSiteId).subscribe();
267
        }
268
        this.breadcrumbs.push({name: 'home', route: '/'}, {name: "Deposit", route: null});
269
      });
270
  }
271

    
272
  public getPageContents() {
273
    this.helper.getPageHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {
274
      this.pageContents = contents;
275
    })
276
  }
277

    
278
  public getDivContents() {
279
    this.helper.getDivHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {
280
      this.divContents = contents;
281
    })
282
  }
283

    
284
  ngOnDestroy() {
285
    if(this.piwiksub){
286
      this.piwiksub.unsubscribe();
287
    }
288
  }
289

    
290
  private updateDescription(description:string) {
291
    this._meta.updateTag({content:description},"name='description'");
292
    this._meta.updateTag({content:description},"property='og:description'");
293
  }
294
  private updateTitle(title:string) {
295
    var _prefix ="";
296
    if(!this.communityId) {
297
      _prefix ="OpenAIRE | ";
298
    }
299
    var _title = _prefix + ((title.length> 50 ) ?title.substring(0,50):title);
300
    this._title.setTitle(_title);
301
    this._meta.updateTag({content:_title},"property='og:title'");
302
  }
303
  private updateUrl(url:string) {
304
    this._meta.updateTag({content:url},"property='og:url'");
305
  }
306
}
(1-1/7)