Project

General

Profile

1
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle"   >
2
  <div uk-grid 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

    
14
        <div *ngIf="organizationInfo != null" uk-grid class="uk-grid-large">
15
          <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
16
                  [texts]="pageContents['top']" styleName="uk-width-1-1"></helper>
17
          <div class="uk-width-expand@m uk-width-1-1@s">
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
            <div class="uk-text-large "
24
                 *ngIf="organizationInfo.title.name && organizationInfo.title.name != organizationInfo.name ">{{organizationInfo.name}}</div>
25
            <span class="uk-label custom-label label-blue label-organization" title="Type">Organization</span>{{" "}}
26
            <span *ngIf="organizationInfo.country" class="uk-label custom-label label-country "
27
                  title="Country">{{organizationInfo.country}}</span>{{" "}}
28

    
29
            <ul class="custom-accordion" uk-accordion>
30

    
31
              <li *ngIf="fetchPublications.searchUtils.totalResults > 0"
32
                  (click)="activeTab='Publications'; searchPublicationsInit()">
33
                <a class="uk-accordion-title" href="#">
34
                  Publications
35
                  <!-- <span class="uk-badge uk-badge-notification"> -->
36
                  <!-- ({{fetchPublications.searchUtils.totalResults | number}}) -->
37
                  <!-- </span> -->
38
                </a>
39
                <div class="uk-accordion-content">
40
                  <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'"
41
                                 tab_error_class=true></errorMessages>
42

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

    
59
              <!-- <li (click)="activeTab='Research Data'; searchDatasetsInit()">
60
                  <a class="uk-accordion-title" href="#">
61
                    Research Data
62
                    <span class="uk-badge uk-badge-notification">
63
                      {{fetchDatasets.searchUtils.totalResults | number}}
64
                    </span>
65
                  </a>
66
                  <div class="uk-accordion-content">
67
                    <errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages>
68

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

    
84
              <li (click)="activeTab='Projects'; projectsClicked=true;">
85
                <a class="uk-accordion-title" href="#">
86
                  Projects
87
                  <!-- <span class="uk-badge uk-badge-notification"> -->
88
                  ({{fetchProjects.searchUtils.totalResultsNoFilters | number}})
89
                  <!-- </span> -->
90
                </a>
91
                <div class="uk-accordion-content">
92
                  <searchingProjectsTab *ngIf="projectsClicked" [(fetchProjects)]="fetchProjects"
93
                                        [organizationId]="organizationId"
94
                                        [(properties)]=properties></searchingProjectsTab>
95
                </div>
96
              </li>
97

    
98
              <li (click)="activeTab='Content Providers'; searchDataprovidersInit()">
99
                <a class="uk-accordion-title" href="#">
100
                  Content Providers
101
                  <!-- <span class="uk-badge uk-badge-notification"> -->
102
                  ({{fetchDataproviders.searchUtils.totalResults | number}})
103
                  <!-- </span> -->
104
                </a>
105
                <div class="uk-accordion-content">
106
                  <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"
107
                                 tab_error_class=true></errorMessages>
108

    
109
                  <div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.DONE">
110

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

    
128
          <div class="uk-width-large@m uk-width-1-1@s">
129
            <div class="uk-card uk-card-default uk-padding-small">
130
              <div>
131
                Share - Bookmark
132
                <addThis></addThis>
133
              </div>
134
              <div
135
                *ngIf="fetchPublications.searchUtils.totalResults > 0 || (fetchProjects && fetchProjects.funders.length > 0)"
136
                class="uk-margin-medium-top uk-margin-medium-bottom">
137
                <div class="uk-text-center uk-text-large">
138
                  Application Box
139
                </div>
140
                <div class="app-box app-box uk-padding-small">
141
                  <ul class="uk-list">
142

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

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

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

    
194
          </div>
195
          <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
196
                  [texts]="pageContents['bottom']" styleName="uk-width-1-1"></helper>
197
        </div>
198
        <modal-loading></modal-loading>
199
        <modal-alert #AlertModalApplyAll (alertOutput)="confirmCloseApplyAll($event)"></modal-alert>
200
        <modal-alert #AlertModalCsvError></modal-alert>
201
      </div>
202
    </div>
203
  </div>
204
</div>
(2-2/4)