Project

General

Profile

1
<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle"   >
2
  <div uk-grid>
3
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
4

    
5
      <div class="uk-container organization">
6
        <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning  uk-margin-large-top"
7
             role="alert">{{warningMessage}}</div>
8
        <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger  uk-margin-large-top"
9
             role="alert">{{errorMessage}}</div>
10
        <div [style.display]="showLoading ? 'inline' : 'none'"
11
             class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><span
12
          class="loading-gif  uk-align-center"></span></div>
13
        <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
14
                [texts]="pageContents['top']"></helper>
15
        <div *ngIf="organizationInfo != null"  class="uk-grid">
16

    
17
          <div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom">
18
            <schema2jsonld *ngIf="organizationInfo" [data]=organizationInfo
19
                           [URL]="properties.baseLink+'/search/organization?organizationId='+organizationId"
20
                           type="organization"></schema2jsonld>
21

    
22
<!--            <showTitle [title]="organizationInfo.title"></showTitle>-->
23
            <showTitle [title]="organizationInfo.title" [classNames]="(properties.environment != 'production' && organizationInfo.deletedByInferenceIds) ? 'uk-margin-remove-bottom' : ''"></showTitle>
24

    
25
            <div *ngIf="properties.environment != 'production' && organizationInfo.deletedByInferenceIds"
26
                 class="uk-text-muted uk-text-small uk-margin-bottom" (click)="openDeletedByInference()">
27
              The following information is the result of merging
28
              <a>{{organizationInfo.deletedByInferenceIds.length}} original versions</a>
29
            </div>
30
            <div class="uk-text-large "
31
                 *ngIf="organizationInfo.title.name && organizationInfo.title.name != organizationInfo.name ">{{organizationInfo.name}}</div>
32
            <span class="uk-label custom-label label-blue label-organization" title="Type">Organization</span>{{" "}}
33
            <span *ngIf="organizationInfo.country" class="uk-label custom-label label-country "
34
                  title="Country">{{organizationInfo.country}}</span>{{" "}}
35

    
36
            <ul class="custom-accordion" uk-accordion>
37

    
38
              <li *ngIf="fetchPublications.searchUtils.totalResults > 0"
39
                  (click)="activeTab='Publications'; searchPublicationsInit()">
40
                <a class="uk-accordion-title" href="#">
41
                  Publications
42
                  <!-- <span class="uk-badge uk-badge-notification"> -->
43
                  <!-- ({{fetchPublications.searchUtils.totalResults | number}}) -->
44
                  <!-- </span> -->
45
                </a>
46
                <div class="uk-accordion-content">
47
                  <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'"
48
                                 tab_error_class=true></errorMessages>
49

    
50
                  <div *ngIf="fetchPublications.searchUtils.status == errorCodes.DONE">
51
                    <div class="uk-text-right" *ngIf="fetchPublications.searchUtils.totalResults > 10">
52
                      <a [queryParams]="routerHelper.createQueryParams(['organization', 'og'], [organizationId, 'and'])"
53
                         routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications"
54
                         class="uk-button uk-button-text">
55
                        View all {{fetchPublications.searchUtils.totalResults | number}} results
56
                      </a>
57
                    </div>
58
                    <tab-result [(results)]="fetchPublications.results"
59
                                [(status)]="fetchPublications.status"
60
                                type="publication" urlParam="articleId">
61
                    </tab-result>
62
                  </div>
63
                </div>
64
              </li>
65

    
66
              <!-- <li (click)="activeTab='Research Data'; searchDatasetsInit()">
67
                  <a class="uk-accordion-title" href="#">
68
                    Research Data
69
                    <span class="uk-badge uk-badge-notification">
70
                      {{fetchDatasets.searchUtils.totalResults | number}}
71
                    </span>
72
                  </a>
73
                  <div class="uk-accordion-content">
74
                    <errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages>
75

    
76
                    <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.DONE">
77
                        <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults > 10">
78
                            <a  [queryParams]="routerHelper.createQueryParams(['organization', 'og'], [organizationId, 'and'])"
79
                                routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
80
                                View all {{fetchDatasets.searchUtils.totalResults | number}} results
81
                            </a>
82
                        </div>
83
                        <tab-result [(results)]="fetchDatasets.results"
84
                                    [(status)]= "fetchDatasets.status"
85
                                    type="dataset" urlParam="datasetId">
86
                        </tab-result>
87
                    </div>
88
                  </div>
89
               </li> -->
90

    
91
              <li (click)="activeTab='Projects'; projectsClicked=true;">
92
                <a class="uk-accordion-title" href="#">
93
                  Projects
94
                  <!-- <span class="uk-badge uk-badge-notification"> -->
95
                  ({{fetchProjects.searchUtils.totalResultsNoFilters | number}})
96
                  <!-- </span> -->
97
                </a>
98
                <div class="uk-accordion-content">
99
                  <searchingProjectsTab *ngIf="projectsClicked" [(fetchProjects)]="fetchProjects"
100
                                        [organizationId]="organizationId"
101
                                        [(properties)]=properties></searchingProjectsTab>
102
                </div>
103
              </li>
104

    
105
              <li (click)="activeTab='Content Providers'; searchDataprovidersInit()">
106
                <a class="uk-accordion-title" href="#">
107
                  Content Providers
108
                  <!-- <span class="uk-badge uk-badge-notification"> -->
109
                  ({{fetchDataproviders.searchUtils.totalResults | number}})
110
                  <!-- </span> -->
111
                </a>
112
                <div class="uk-accordion-content">
113
                  <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"
114
                                 tab_error_class=true></errorMessages>
115

    
116
                  <div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.DONE">
117

    
118
                    <div class="uk-text-right" *ngIf="fetchDataproviders.searchUtils.totalResults > 10">
119
                      <a [queryParams]="routerHelper.createQueryParams(['organization', 'og'], [organizationId, 'and'])"
120
                         routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders"
121
                         class="uk-button uk-button-text">
122
                        View all {{fetchDataproviders.searchUtils.totalResults | number}} results
123
                      </a>
124
                    </div>
125
                    <tab-result [(results)]="fetchDataproviders.results"
126
                                [(status)]="fetchDataproviders.status"
127
                                type="dataprovider" urlParam="datasourceId">
128
                    </tab-result>
129
                  </div>
130
                </div>
131
              </li>
132
            </ul>
133
          </div>
134

    
135
          <div class="uk-width-1-3@m uk-width-1-1@s">
136
            <div class="uk-card uk-card-default uk-padding-small">
137
              <div>
138
                <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>
139
                <addThis></addThis>
140
              </div>
141
              <div
142
                *ngIf="fetchPublications.searchUtils.totalResults > 0 || (fetchProjects && fetchProjects.funders.length > 0)"
143
                class="uk-margin-medium-top uk-margin-medium-bottom">
144
                <div class="uk-text-center uk-text-large">
145
                  Application Box
146
                </div>
147
                <div class="app-box app-box uk-padding-small">
148
                  <ul class="uk-list">
149

    
150
                    <ng-container *ngIf="fetchProjects && fetchProjects.funders.length  > 0">
151
                      <li *ngFor="let funder of fetchProjects.funders">
152
                        <!--a href="{{downloadURLAPI}}resources?size={{organizationInfo.projects.get(key).length}}&{{csvProjectParamsHead}}{{organizationInfo.projects.get(key)[0]['funderId']}}{{csvParamsTail}}">
153
                            Download projects report (CSV) for {{key}}
154
                        </a-->
155
                        <a class="clickable"
156
                           (click)="downloadFile(downloadURLAPI+'?'+csvProjectParamsHead+encodeURI(funder.id)+csvParamsTail, 'funder-projects-report')">
157
                          <!--span class="clickable" (click)="downloadProjectsFile(downloadURLAPI+'organizations/'+organizationId+'/projects?fq=(funderid exact '+funder.id+')&size='+funder.number)"-->
158
                          <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
159
                                                     xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline
160
                            fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
161
                                                                                                    width="13"
162
                                                                                                    height="1"></rect><line
163
                            fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
164
                          <span class="uk-icon-download"> Project list for {{funder.name}} (CSV)</span>
165
                        </a>
166
                      </li>
167

    
168
                      <li *ngFor="let funder of fetchProjects.funders">
169
                        <a class="clickable"
170
                           (click)="confirmOpenApplyAll(funder.name,encodeURI(funder.id), funder.number)">
171
                          <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
172
                                                     xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline
173
                            fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
174
                                                                                                    width="13"
175
                                                                                                    height="1"></rect><line
176
                            fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
177
                          <span class="uk-icon-download"> Project Publications for {{funder.name}} (CSV)</span>
178
                        </a>
179
                      </li>
180
                    </ng-container>
181
                    <li *ngIf="fetchPublications.searchUtils.totalResults > 0">
182
                      <!--                      url = this.downloadURLAPI+"format=csv-special&type=publications&fq=(((oaftype exact result) and (resulttypeid exact publication)) and (relprojectid exact '"+projects[index].id+"'))"-->
183

    
184
                      <!-- <a class="clickable" (click)="downloadFile(downloadURLAPI+'/organizations/'+organizationId+'?type=publications&format=csv')"> -->
185
                      <a class="clickable"
186
                         (click)="downloadFile(csvAffiliatedPublications, 'organization-publications-report')">
187
                        <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
188
                                                   xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline
189
                          fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
190
                                                                                                  width="13"
191
                                                                                                  height="1"></rect><line
192
                          fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
193
                        <span class="uk-icon-download"> Publications of organization (CSV) - based on the affiliation information.</span>
194
                      </a>
195
                    </li>
196
                  </ul>
197
                </div>
198
              </div>
199
            </div>
200

    
201
          </div>
202

    
203
          <modal-alert *ngIf="organizationInfo.deletedByInferenceIds"
204
                       #AlertModalDeletedByInference classBody="uk-width-xxlarge">
205
            <deletedByInference *ngIf="deleteByInferenceOpened"
206
                                [id]="organizationInfo.objIdentifier" [ids]="organizationInfo.deletedByInferenceIds" [type]="'organizations'"></deletedByInference>
207
          </modal-alert>
208
        </div>
209
        <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
210
                [texts]="pageContents['bottom']"></helper>
211
        <modal-loading></modal-loading>
212
        <modal-alert #AlertModalApplyAll (alertOutput)="confirmCloseApplyAll($event)"></modal-alert>
213
        <modal-alert #AlertModalCsvError></modal-alert>
214
      </div>
215
    </div>
216
  </div>
217
</div>
(2-2/4)