Project

General

Profile

« Previous | Next » 

Revision 56695

[Library|newlinking]

Merge trunk to Branch rev 56554:56686

View differences:

project.component.html
1
<div id="tm-main" class=" uk-section  uk-margin-small-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 ">
1
<div id="tm-main" class=" uk-section  uk-padding-remove-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 4

  
5
<div id="project" class="uk-container uk-margin-top project">
6
    <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" role="alert">{{warningMessage}}</div>
7
    <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger  uk-margin-large-top" role="alert">{{errorMessage}}</div>
8
    <div [style.display]="showLoading ? 'inline' : 'none'" class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><span class="loading-gif  uk-align-center" ></span></div>
9

  
10
    <div *ngIf="projectInfo != null" uk-grid class="uk-grid-large">
11
        <div class="uk-width-expand@m uk-width-1-1@s">
12
          <schema2jsonld *ngIf="projectInfo" [data]=projectInfo [URL]="properties.baseLink+'/search/project?projectId='+projectId" type="project"></schema2jsonld>
5
      <div id="project" class="uk-container project">
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']" styleName="uk-width-1-1"></helper>
15
        <div *ngIf="projectInfo != null" uk-grid class="uk-grid-large">
16
          <div class="uk-width-expand@m uk-width-1-1@s">
17
            <schema2jsonld *ngIf="projectInfo" [data]=projectInfo
18
                           [URL]="properties.baseLink+'/search/project?projectId='+projectId"
19
                           type="project"></schema2jsonld>
13 20
            <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
14 21
            <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
15 22
            <h2 class="projectIcon">
......
17 24
              <!-- <span *ngIf="projectInfo.specialClause39==true" class="sc39">{{projectName}}</span>
18 25
              <span *ngIf="projectInfo.specialClause39!=true">{{projectName}}</span> -->
19 26
              <span>{{projectName}}</span>
20
              <span  *ngIf="  projectInfo.title == projectName ">({{projectInfo.contractNum}})</span>
27
              <span *ngIf="  projectInfo.title == projectName ">({{projectInfo.contractNum}})</span>
21 28
            </h2>
22
            <div class="uk-text-large " *ngIf="projectInfo.title && projectInfo.title != projectName ">{{projectInfo.title}} ({{projectInfo.contractNum}})</div>
29
            <div class="uk-text-large "
30
                 *ngIf="projectInfo.title && projectInfo.title != projectName ">{{projectInfo.title}}
31
              ({{projectInfo.contractNum}})
32
            </div>
23 33
            <div>
24 34
              <span class="uk-label custom-label label-blue label-project" title="Type">Project</span>{{" "}}
25 35
              <span class="uk-label custom-label label-funder " title="Funder">{{projectInfo.funder}}</span>{{" "}}
26 36

  
27
              <span *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets"
28
                    class="uk-label custom-label label-openaccessmandate " title="Open Access mandate for Publications and Research Data">
37
              <span
38
                *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets"
39
                class="uk-label custom-label label-openaccessmandate "
40
                title="Open Access mandate for Publications and Research Data">
29 41
                    Open Access mandate for Publications and Research Data
30 42
              </span>{{" "}}
31
              <span *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)"
32
                    class="uk-label custom-label label-openaccessmandate " title="Open Access mandate for Publications">Open Access mandate for Publications</span>{{" "}}
33
              <span *ngIf="projectInfo.specialClause39" class="uk-label custom-label label-sc39 " title="Special Clause 39">Special Clause 39</span>{{" "}}
34
              <span *ngIf="projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)"
35
                    class="uk-label custom-label label-openaccessmandate " title="Open Access mandate for Research Data">Open Access mandate for Research Data</span>{{" "}}
43
              <span
44
                *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)"
45
                class="uk-label custom-label label-openaccessmandate "
46
                title="Open Access mandate for Publications">Open Access mandate for Publications</span>{{" "}}
47
              <span *ngIf="projectInfo.specialClause39" class="uk-label custom-label label-sc39 "
48
                    title="Special Clause 39">Special Clause 39</span>{{" "}}
49
              <span
50
                *ngIf="projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets && (projectInfo.openAccessMandatePublications == undefined || !projectInfo.openAccessMandatePublications)"
51
                class="uk-label custom-label label-openaccessmandate "
52
                title="Open Access mandate for Research Data">Open Access mandate for Research Data</span>{{" "}}
36 53
            </div>
37 54
            <ul class="uk-list">
38
              <li  *ngIf="projectInfo.funding"><span class="uk-text-bold">Funding:</span> {{projectInfo.funding}}</li>
39
              <li  *ngIf="projectInfo.startDate"><span class="uk-text-bold">Start Date:</span> {{projectInfo.startDate}}</li>
40
              <li  *ngIf="projectInfo.endDate"><span class="uk-text-bold">End Date:</span> {{projectInfo.endDate}}</li>
41
              <li  *ngIf="projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications "><span class="uk-text-bold">Open Access mandate for Publications:</span> no</li>
42
              <li  *ngIf="projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets "><span class="uk-text-bold">Open Access mandate for Research Data:</span> no</li>
43
              <li *ngIf="projectInfo.organizations && projectInfo.organizations.length > 0"><span class="uk-text-bold">Organization:</span>
55
              <li *ngIf="projectInfo.funding"><span class="uk-text-bold">Funding:</span> {{projectInfo.funding}}</li>
56
              <li *ngIf="projectInfo.startDate"><span class="uk-text-bold">Start Date:</span> {{projectInfo.startDate}}
57
              </li>
58
              <li *ngIf="projectInfo.endDate"><span class="uk-text-bold">End Date:</span> {{projectInfo.endDate}}</li>
59
              <li
60
                *ngIf="projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications ">
61
                <span class="uk-text-bold">Open Access mandate for Publications:</span> no
62
              </li>
63
              <li *ngIf="projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets ">
64
                <span class="uk-text-bold">Open Access mandate for Research Data:</span> no
65
              </li>
66
              <li *ngIf="projectInfo.organizations && projectInfo.organizations.length > 0"><span
67
                class="uk-text-bold">Organization:</span>
44 68

  
45 69
                <span class="list-horizontal-line">
46 70
                  <span *ngFor="let organization of projectInfo.organizations let i=index"
47 71
                        [attr.uk-tooltip]="organization.acronym && organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'"
48 72
                        [title]="organization.name">
49 73
                        <a *ngIf="organization.id"
50
                            [queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" routerLink="/search/organization">
51
                            {{(organization.acronym)?organization.acronym:''}} {{(!organization.acronym && organization.name)?organization.name:''}}</a>
74
                           [queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active"
75
                           routerLink="/search/organization">
76
                            {{(organization.acronym) ? organization.acronym : ''}} {{(!organization.acronym && organization.name) ? organization.name : ''}}</a>
52 77
                              <span
53 78

  
54
                        *ngIf="!organization.id">
79
                                *ngIf="!organization.id">
55 80
                          <span *ngIf="organization.acronym">{{organization.acronym}}</span><span
56
                          *ngIf="!organization.acronym && organization.name">{{organization.name}}</span></span>
81
                                *ngIf="!organization.acronym && organization.name">{{organization.name}}</span></span>
57 82
                  </span>
58 83
                </span>
59 84
              </li>
......
66 91
              </li>
67 92
            </ul>
68 93

  
69
            <!-- <div class="uk-clearfix"><div class="uk-button-group uk-float-right  uk-margin-top">
70
                <button class="uk-button uk-button-small uk-button-action">
71
                  <span class="uk-icon" >
72
                         <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span>
73
                  Link this project to
74
                </button>
75
                <div class="uk-inline">
76
                    <button class="uk-button uk-button-small uk-button-action" type="button">
77
                      <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="triangle-down" ratio="1"><polygon points="5 7 15 7 10 12"></polygon></svg></span>
78
                    </button>
79
                    <div uk-dropdown="mode: click; boundary: ! .uk-button-group; boundary-align: true;"
80
                    class="uk-dropdown uk-dropdown-boundary uk-dropdown-bottom-left" style="top: 40px;    left: -236.5px;">
81
                        <ul class="uk-nav uk-dropdown-nav uk-padding-small" >
94
            <ul class="custom-accordion" uk-accordion>
82 95

  
83
                            <li><a   class="uk-width-1-1"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
84
                              Other research results</a></li>
96
              <li (click)="activeTab='Publications'; searchPublicationsInit()">
97
                <a class="uk-accordion-title" href="#">
98
                  Publications
99
                  <!-- <span class="uk-badge uk-badge-notification"> -->
100
                  ({{fetchPublications.searchUtils.totalResults | number}})
101
                  <!-- </span> -->
102
                </a>
103
                <div class="uk-accordion-content">
104
                  <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'"
105
                                 tab_error_class=true></errorMessages>
85 106

  
86
                        </ul>
107
                  <div *ngIf="fetchPublications.searchUtils.status == errorCodes.DONE">
108
                    <div class="uk-text-right" *ngIf="fetchPublications.searchUtils.totalResults > 10">
109
                      <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
110
                         routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications"
111
                         class="uk-button uk-button-text">
112
                        View all {{fetchPublications.searchUtils.totalResults | number}} results
113
                      </a>
87 114
                    </div>
115
                    <tab-result [(results)]="fetchPublications.results"
116
                                [(status)]="fetchPublications.searchUtils.status"
117
                                type="publication" urlParam="articleId">
118
                    </tab-result>
119
                  </div>
88 120
                </div>
89
            </div></div> -->
121
              </li>
90 122

  
91
            <ul class="custom-accordion" uk-accordion>
123
              <li (click)="activeTab='Research Data'; searchDatasetsInit()">
124
                <a class="uk-accordion-title" href="#">
125
                  Research Data
126
                  <!-- <span class="uk-badge uk-badge-notification"> -->
127
                  ({{fetchDatasets.searchUtils.totalResults | number}})
128
                  <!-- </span> -->
129
                </a>
130
                <div class="uk-accordion-content">
131
                  <errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'research data'"
132
                                 tab_error_class=true></errorMessages>
92 133

  
93
               <li (click)="activeTab='Publications'; searchPublicationsInit()">
94
                   <a class="uk-accordion-title" href="#">
95
                     Publications
96
                     <!-- <span class="uk-badge uk-badge-notification"> -->
97
                         ({{fetchPublications.searchUtils.totalResults | number}})
98
                     <!-- </span> -->
99
                   </a>
100
                   <div class="uk-accordion-content">
101
                     <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages>
134
                  <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.DONE">
102 135

  
103
                     <div *ngIf="fetchPublications.searchUtils.status == errorCodes.DONE">
104
                         <div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults > 10" >
105
                             <a  [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
106
                                 routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">
107
                                 View all {{fetchPublications.searchUtils.totalResults | number}} results
108
                             </a>
109
                         </div>
110
                         <tab-result  [(results)]="fetchPublications.results"
111
                                      [(status)]= "fetchPublications.searchUtils.status"
112
                                      type="publication" urlParam="articleId">
113
                         </tab-result>
114
                     </div>
115
                   </div>
116
                </li>
136
                    <div class="uk-text-right" *ngIf="fetchDatasets.searchUtils.totalResults > 10">
137
                      <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
138
                         routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets"
139
                         class="uk-button uk-button-text">
140
                        View all {{fetchDatasets.searchUtils.totalResults | number}} results
141
                      </a>
142
                    </div>
143
                    <tab-result [(results)]="fetchDatasets.results"
144
                                [(status)]="fetchDatasets.searchUtils.status"
145
                                type="dataset" urlParam="datasetId">
146
                    </tab-result>
147
                  </div>
148
                </div>
149
              </li>
117 150

  
118
                <li (click)="activeTab='Research Data'; searchDatasetsInit()">
119
                    <a class="uk-accordion-title" href="#">
120
                        Research Data
121
                        <!-- <span class="uk-badge uk-badge-notification"> -->
122
                            ({{fetchDatasets.searchUtils.totalResults | number}})
123
                        <!-- </span> -->
124
                    </a>
125
                    <div class="uk-accordion-content">
126
                      <errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'research data'" tab_error_class=true></errorMessages>
151
              <li (click)="activeTab='Software'; searchSoftwareInit()">
152
                <a class="uk-accordion-title" href="#">
153
                  Software
154
                  <!-- <span class="uk-badge uk-badge-notification"> -->
155
                  ({{fetchSoftware.searchUtils.totalResults | number}})
156
                  <!-- </span> -->
157
                </a>
158
                <div class="uk-accordion-content">
159
                  <errorMessages [status]="[fetchSoftware.searchUtils.status]" [type]="'software'"
160
                                 tab_error_class=true></errorMessages>
127 161

  
128
                      <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.DONE">
162
                  <div *ngIf="fetchSoftware.searchUtils.status == errorCodes.DONE">
129 163

  
130
                          <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults > 10">
131
                              <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
132
                                  routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
133
                                  View all {{fetchDatasets.searchUtils.totalResults | number}} results
134
                              </a>
135
                          </div>
136
                          <tab-result  [(results)]="fetchDatasets.results"
137
                                          [(status)]= "fetchDatasets.searchUtils.status"
138
                                          type="dataset" urlParam="datasetId">
139
                          </tab-result>
140
                      </div>
164
                    <div class="uk-text-right" *ngIf="fetchSoftware.searchUtils.totalResults > 10">
165
                      <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
166
                         routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware"
167
                         class="uk-button uk-button-text">
168
                        View all {{fetchSoftware.searchUtils.totalResults | number}} results
169
                      </a>
141 170
                    </div>
142
                 </li>
171
                    <tab-result [(results)]="fetchSoftware.results"
172
                                [(status)]="fetchSoftware.searchUtils.status"
173
                                type="software" urlParam="softwareId">
174
                    </tab-result>
175
                  </div>
176
                </div>
177
              </li>
143 178

  
144
                 <li (click)="activeTab='Software'; searchSoftwareInit()">
145
                     <a class="uk-accordion-title" href="#">
146
                         Software
147
                         <!-- <span class="uk-badge uk-badge-notification"> -->
148
                             ({{fetchSoftware.searchUtils.totalResults | number}})
149
                         <!-- </span> -->
150
                     </a>
151
                     <div class="uk-accordion-content">
152
                       <errorMessages [status]="[fetchSoftware.searchUtils.status]" [type]="'software'" tab_error_class=true></errorMessages>
179
              <li (click)="activeTab='Other Research Products'; searchOrpsInit()">
180
                <a class="uk-accordion-title" href="#">
181
                  Other Research Products
182
                  <!-- <span class="uk-badge uk-badge-notification"> -->
183
                  ({{fetchOrps.searchUtils.totalResults | number}})
184
                  <!-- </span> -->
185
                </a>
186
                <div class="uk-accordion-content">
187
                  <errorMessages [status]="[fetchOrps.searchUtils.status]" [type]="'other research products'"
188
                                 tab_error_class=true></errorMessages>
153 189

  
154
                       <div *ngIf="fetchSoftware.searchUtils.status == errorCodes.DONE">
190
                  <div *ngIf="fetchOrps.searchUtils.status == errorCodes.DONE">
155 191

  
156
                           <div class = "uk-text-right" *ngIf = "fetchSoftware.searchUtils.totalResults > 10">
157
                               <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
158
                                   routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">
159
                                   View all {{fetchSoftware.searchUtils.totalResults | number}} results
160
                               </a>
161
                           </div>
162
                           <tab-result  [(results)]="fetchSoftware.results"
163
                                           [(status)]= "fetchSoftware.searchUtils.status"
164
                                           type="software" urlParam="softwareId">
165
                           </tab-result>
166
                       </div>
167
                     </div>
168
                  </li>
169

  
170
                  <li (click)="activeTab='Other Research Products'; searchOrpsInit()">
171
                      <a class="uk-accordion-title" href="#">
172
                          Other Research Products
173
                          <!-- <span class="uk-badge uk-badge-notification"> -->
174
                              ({{fetchOrps.searchUtils.totalResults | number}})
175
                          <!-- </span> -->
192
                    <div class="uk-text-right" *ngIf="fetchOrps.searchUtils.totalResults > 10">
193
                      <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
194
                         routerLinkActive="router-link-active" [routerLink]="linkToSearchOrps"
195
                         class="uk-button uk-button-text">
196
                        View all {{fetchOrps.searchUtils.totalResults | number}} results
176 197
                      </a>
177
                      <div class="uk-accordion-content">
178
                        <errorMessages [status]="[fetchOrps.searchUtils.status]" [type]="'other research products'" tab_error_class=true></errorMessages>
198
                    </div>
199
                    <tab-result [(results)]="fetchOrps.results"
200
                                [(status)]="fetchOrps.searchUtils.status"
201
                                type="other" urlParam="orpId">
202
                    </tab-result>
203
                  </div>
204
                </div>
205
              </li>
179 206

  
180
                        <div *ngIf="fetchOrps.searchUtils.status == errorCodes.DONE">
207
              <li (click)="activeTab='Statistics'; statsClicked=true">
208
                <a class="uk-accordion-title" href="#">
209
                  Statistics
210
                </a>
211
                <div class="uk-accordion-content">
212
                  <errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status]"
213
                                 [type]="'statistics'" tab_error_class=true></errorMessages>
181 214

  
182
                            <div class = "uk-text-right" *ngIf = "fetchOrps.searchUtils.totalResults > 10">
183
                                <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"
184
                                    routerLinkActive="router-link-active" [routerLink]="linkToSearchOrps" class="uk-button uk-button-text">
185
                                    View all {{fetchOrps.searchUtils.totalResults | number}} results
186
                                </a>
187
                            </div>
188
                            <tab-result  [(results)]="fetchOrps.results"
189
                                            [(status)]= "fetchOrps.searchUtils.status"
190
                                            type="other" urlParam="orpId">
191
                            </tab-result>
192
                        </div>
193
                      </div>
194
                   </li>
215
                  <div
216
                    *ngIf="statsClicked && (fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE)">
195 217

  
196
                 <li (click)="activeTab='Statistics'; statsClicked=true">
197
                   <a class="uk-accordion-title" href="#">
198
                     Statistics
199
                   </a>
200
                   <div class="uk-accordion-content">
201
                     <errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status]" [type]="'statistics'" tab_error_class=true></errorMessages>
218
                    <div>
219
                      <p class="uk-text-bold">Research Results</p>
220
                      <i-frame [url]=chartScientificResultsUrl width="100%" height="350"></i-frame>
221
                      <p class="uk-text-bold">Access Mode of Research Results</p>
222
                      <i-frame [url]=chartAccessModeUrl width="100%" height="350"></i-frame>
223
                      <p class="uk-text-bold">By Datasource of Research Results</p>
224
                      <i-frame [url]=chartDatasourcesUrl width="100%" height="350"></i-frame>
225
                    </div>
226
                  </div>
227
                </div>
228
              </li>
202 229

  
203
                     <div *ngIf="statsClicked && (fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE)">
204

  
205
                         <div>
206
                           <p class="uk-text-bold">Research Results</p>
207
                           <i-frame  [url]=chartScientificResultsUrl width="100%" height="350"></i-frame>
208
                           <p class="uk-text-bold">Access Mode of Research Results</p>
209
                           <i-frame [url]=chartAccessModeUrl width="100%" height="350"></i-frame>
210
                           <p class="uk-text-bold">By Datasource of Research Results</p>
211
                           <i-frame  [url]=chartDatasourcesUrl width="100%" height="350"></i-frame>
212
                         </div>
213
                     </div>
214
                   </div>
215
                 </li>
216

  
217
                 <li (click)="metricsClicked=true; activeTab='Metrics'">
218
                     <a class="uk-accordion-title" href="#">
219
                         Metrics
220
                     </a>
221
                     <div class="uk-accordion-content">
222
                       <metrics [pageViews]="pageViews"
230
              <li (click)="metricsClicked=true; activeTab='Metrics'">
231
                <a class="uk-accordion-title" href="#">
232
                  Metrics
233
                </a>
234
                <div class="uk-accordion-content">
235
                  <metrics [pageViews]="pageViews"
223 236
                           [id]="projectId" [entityType]="'projects'" [entity]="'Project'"
224
                           (metricsResults)="metricsResults($event)" [(properties)] = properties>
225
                       </metrics>
226
                       <i-frame *ngIf="metricsClicked && totalViews > 0"
237
                           (metricsResults)="metricsResults($event)" [(properties)]=properties>
238
                  </metrics>
239
                  <i-frame *ngIf="metricsClicked && totalViews > 0"
227 240
                           [url]=viewsFrameUrl width="100%" height="250">
228
                       </i-frame>
229
                       <i-frame *ngIf="metricsClicked && totalDownloads > 0"
241
                  </i-frame>
242
                  <i-frame *ngIf="metricsClicked && totalDownloads > 0"
230 243
                           [url]=downloadsFrameUrl width="100%" height="250">
231
                       </i-frame>
232
                     </div>
233
                  </li>
244
                  </i-frame>
245
                </div>
246
              </li>
234 247
            </ul>
235 248

  
236 249

  
......
403 416
                    </i-frame>
404 417
                </div>
405 418
          </div> -->
406
        </div>
419
          </div>
407 420

  
408
        <div class="uk-width-large@m uk-width-1-1@s">
409
          <div *ngIf="isRouteAvailable('participate/direct-claim') " class="uk-card uk-card-default uk-padding-small">
410
            <button   class="   uk-button portal-button uk-margin-small-top uk-width-1-1">
421

  
422
          <div class="uk-width-large@m uk-width-1-1@s">
423
            <div class="uk-card uk-card-default uk-padding-small">
424
              <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-margin-small-bottom">
425

  
426
                <button class="   uk-button portal-button uk-margin-small-top uk-width-1-1">
411 427
              <span class="uk-icon">
412
                   <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
428
                   <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20"
429
                        height="25"><path
430
                     d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"
431
                     fill="none" stroke="#000" stroke-width="1.1"></path><path
432
                     d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"
433
                     fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975"
434
                                                                               fill="none" stroke="#000"
435
                                                                               stroke-width="1.1"></path></svg>
413 436
                 </span> Link this project to...
414
            </button>
437
                </button>
415 438

  
416 439

  
417
            <div  class="  uk-text-center uk-margin-expand uk-padding-small    uk-margin-auto  default-dropdown "
418
                  uk-dropdown="mode:click" >
419
              <div   class="uk-grid    uk-child-width-1-3  uk-width-large ">
440
                <div class="  uk-text-center uk-margin-expand uk-padding-small    uk-margin-auto  default-dropdown "
441
                     uk-dropdown="mode:click">
442
                  <div class="uk-grid    uk-child-width-1-3  uk-width-large ">
420 443

  
421
                <div><a
422
                  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
423
                  <button class="uk-icon-button portal-button">
444
                    <div><a
445
                      [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"
446
                      routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
447
                      <button class="uk-icon-button portal-button">
424 448
                      <span class="uk-icon">
425 449
                           <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"
426 450
                                xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"
427 451
                                                                         width="12" x="3.5" y="2.5"></rect><polyline
428 452
                             fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>
429
                  </button>
430
                  <div>Research results</div>
431
                </a></div>
453
                      </button>
454
                      <div>Research results</div>
455
                    </a></div>
432 456

  
457
                  </div>
458
                </div>
433 459
              </div>
434
            </div>
435 460

  
436
          <div>
437
            Share - Bookmark<addThis ></addThis>
438
          </div>
439
          <div class="uk-margin-medium-top uk-margin-medium-bottom  uk-margin-medium-top">
440
              <div class="uk-text-center uk-text-large">
441
                Application Box
461
              <div>
462
                Share - Bookmark
463
                <addThis></addThis>
442 464
              </div>
443
            <div  class="app-box" >
444
            <ul class="uk-tab" uk-tab="connect: #tab-app-box-project">
445
                <li>
446
                    <a>Publications</a>
447
                </li>
448
                <li>
449
                    <a>Research Data</a>
450
                </li>
451
              </ul>
452
              <ul id="tab-app-box-project" class="uk-switcher uk-margin uk-padding-small">
453
                  <li class="uk-animation-fade">
454
                     <!-- Publication box-->
455
                     <ul class="uk-list">
456
                       <li>
457
                         <a class="clickable" uk-toggle="target: #publications_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>
458
                         <div hidden id="publications_dynamic" class="widget-box uk-padding-small uk-card uk-card-default ">
459
                           <div class="  uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right">
460
                             For further information please contact us <a href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a>
461
                           </div>
462
                             <div class="uk-grid">
463
                               <a class="    publ_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target="#publ_clipboard" title="Copy to clipboard">
464
                                    <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
465
                               </a>
466
                              </div>
465
              <div class="uk-margin-medium-top uk-margin-medium-bottom  uk-margin-medium-top">
466
                <div class="uk-text-center uk-text-large">
467
                  Application Box
468
                </div>
469
                <div class="app-box">
470
                  <ul class="uk-tab" uk-tab="connect: #tab-app-box-project">
471
                    <li>
472
                      <a>Publications</a>
473
                    </li>
474
                    <li>
475
                      <a>Research Data</a>
476
                    </li>
477
                  </ul>
478
                  <ul id="tab-app-box-project" class="uk-switcher uk-margin uk-padding-small">
479
                    <li class="uk-animation-fade">
480
                      <!-- Publication box-->
481
                      <ul class="uk-list">
482
                        <li>
483
                          <a class="clickable"
484
                             uk-toggle="target: #publications_dynamic; animation:uk-animation-fade"><span
485
                            class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
486
                                                 xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline
487
                            fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline
488
                            fill="none" stroke="#000" stroke-width="1.01"
489
                            points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>
490
                          <div hidden id="publications_dynamic"
491
                               class="widget-box uk-padding-small uk-card uk-card-default ">
492
                            <div
493
                              class="  uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right">
494
                              For further information please contact us <a
495
                              href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a>
496
                            </div>
497
                            <div class="uk-grid">
498
                              <a
499
                                class="    publ_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 "
500
                                data-clipboard-target="#publ_clipboard" title="Copy to clipboard">
501
                                <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
502
                                                           xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect
503
                                  fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline
504
                                  fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
505
                              </a>
506
                            </div>
467 507

  
468
                             <pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
469
                         </div>
470
                       </li>
471
                       <li>
508
                            <pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code
509
                              id="publ_clipboard">{{publications_dynamic}}</code></pre>
510
                          </div>
511
                        </li>
512
                        <li>
472 513
                          <a target="_blank"
473 514
                             href="/project-report?projectId={{projectId}}&size={{fetchPublications.searchUtils.totalResults}}&type=publication">
474
                              <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span> Get {{projectInfo.funder}} report (HTML)
475
                         </a>
476
                       </li>
477
                       <li>
478
                         <a class="clickable" (click)="downloadfile(downloadURLAPI+csvParams, 'funder-publications-report')">
479
                              <span  class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> Get {{projectInfo.funder}} report (CSV)
480
                         </a>
481
                       </li>
482
                       <li *ngIf="isRouteAvailable('participate/deposit-publications') ">
483
                         <a  routerLinkActive="router-link-active" routerLink="/participate/deposit-publications">
515
                            <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
516
                                                       xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect
517
                              x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect
518
                              x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>
519
                            Get {{projectInfo.funder}} report (HTML)
520
                          </a>
521
                        </li>
522
                        <li>
523
                          <a class="clickable"
524
                             (click)="downloadfile(downloadURLAPI+csvParams, 'funder-publications-report')">
525
                            <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
526
                                                       xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline
527
                              fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
528
                                                                                                      width="13"
529
                                                                                                      height="1"></rect><line
530
                              fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
531
                            Get {{projectInfo.funder}} report (CSV)
532
                          </a>
533
                        </li>
534
                        <li *ngIf="isRouteAvailable('participate/deposit-publications') ">
535
                          <a routerLinkActive="router-link-active" routerLink="/participate/deposit-publications">
484 536
                             <span class="uk-icon">
485
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><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>
537
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none"
538
                                                                                                       stroke="#000"
539
                                                                                                       points="5 8 9.5 3.5 14 8 "></polyline><rect
540
  x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5"
541
                                                  y2="4"></line></svg>
486 542
</span> Deposit
487
                           </a>
488
                       </li>
489
                   </ul>
490
                  </li>
491
                  <li class="uk-animation-fade">
492
                    <!-- Dataset box-->
493
                    <ul class="uk-list">
494
                      <li>
495
                        <a class="clickable" uk-toggle="target: #datasets_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML) </a>
496
                        <div hidden id="datasets_dynamic"  class="widget-box uk-padding-small uk-card uk-card-default ">
497
                          <div class="  uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right">
498
                            For further information please contact us <a href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a>
543
                          </a>
544
                        </li>
545
                      </ul>
546
                    </li>
547
                    <li class="uk-animation-fade">
548
                      <!-- Dataset box-->
549
                      <ul class="uk-list">
550
                        <li>
551
                          <a class="clickable" uk-toggle="target: #datasets_dynamic; animation:uk-animation-fade"><span
552
                            class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
553
                                                 xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline
554
                            fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline
555
                            fill="none" stroke="#000" stroke-width="1.01"
556
                            points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML) </a>
557
                          <div hidden id="datasets_dynamic"
558
                               class="widget-box uk-padding-small uk-card uk-card-default ">
559
                            <div
560
                              class="  uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right">
561
                              For further information please contact us <a
562
                              href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a>
563
                            </div>
564
                            <div class="uk-grid">
565
                              <a
566
                                class="    datasets_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 "
567
                                data-clipboard-target="#datasets_clipboard" title="Copy to clipboard">
568
                                <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
569
                                                           xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect
570
                                  fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline
571
                                  fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
572
                              </a>
573
                            </div>
574
                            <pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code
575
                              id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
499 576
                          </div>
500
                          <div class="uk-grid">
501
                            <a class="    datasets_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target="#datasets_clipboard" title="Copy to clipboard">
502
                                 <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
503
                            </a>
504
                           </div>
505
                            <pre  class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
506
                        </div>
507
                    </li>
508
                    <li>
509
                       <a target="_blank"
510
                          href="/project-report?projectId={{projectId}}&size={{fetchDatasets.searchUtils.totalResults}}&type=dataset">
511
                           <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span> Get {{projectInfo.funder}} report (HTML)
512
                      </a>
513
                    </li>
514
                    <li>
515
                      <a class="clickable" (click)="downloadfile(downloadURLAPI+csvParamsDatasets, 'funder-research-data-report')">
516
                           <span  class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> Get {{projectInfo.funder}} report (CSV)
517
                      </a>
518
                    </li>
519
                    <li *ngIf="isRouteAvailable('participate/deposit-datasets') ">
520
                         <a  routerLinkActive="router-link-active" routerLink="/participate/deposit-datasets">
577
                        </li>
578
                        <li>
579
                          <a target="_blank"
580
                             href="/project-report?projectId={{projectId}}&size={{fetchDatasets.searchUtils.totalResults}}&type=dataset">
581
                            <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
582
                                                       xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect
583
                              x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect
584
                              x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>
585
                            Get {{projectInfo.funder}} report (HTML)
586
                          </a>
587
                        </li>
588
                        <li>
589
                          <a class="clickable"
590
                             (click)="downloadfile(downloadURLAPI+csvParamsDatasets, 'funder-research-data-report')">
591
                            <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
592
                                                       xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline
593
                              fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17"
594
                                                                                                      width="13"
595
                                                                                                      height="1"></rect><line
596
                              fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span>
597
                            Get {{projectInfo.funder}} report (CSV)
598
                          </a>
599
                        </li>
600
                        <li *ngIf="isRouteAvailable('participate/deposit-datasets') ">
601
                          <a routerLinkActive="router-link-active" routerLink="/participate/deposit-datasets">
521 602
                              <span class="uk-icon">
522
                              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><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>
603
                              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
604
                                   ratio="1"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline><rect
605
                                x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5"
606
                                                                                y1="15" x2="9.5" y2="4"></line></svg>
523 607
                              </span> Deposit
524
                         </a>
608
                          </a>
609
                        </li>
610
                      </ul>
525 611
                    </li>
526 612
                  </ul>
527
                </li>
528
              </ul>
529 613

  
614

  
615
                </div>
616
                <!--metrics [pageViews]="pageViews" shortView=true
617
                                [id]="projectId" [entityType]="'projects'" [entity]="'Project'"
618
                                (metricsResults)="metricsResults($event)" [(properties)] = properties>
619
                            </metrics-->
620

  
621

  
622
              </div>
623

  
530 624
            </div>
625
          </div>
626
        </div>
627
        <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
628
                [texts]="pageContents['bottom']" styleName="uk-width-1-1"></helper>
531 629

  
532
          <!--metrics [pageViews]="pageViews" shortView=true
533
              [id]="projectId" [entityType]="'projects'" [entity]="'Project'"
534
              (metricsResults)="metricsResults($event)" [(properties)] = properties>
535
          </metrics-->
536
        </div>
630
        <modal-loading></modal-loading>
631
        <modal-alert #AlertModalCsvError></modal-alert>
632

  
537 633
      </div>
538 634
    </div>
539
    </div>
540
    <modal-loading></modal-loading>
541
    <modal-alert #AlertModalCsvError></modal-alert>
542
    <!-- Claiming FAB -->
543
    <!--div class="uk-inline">
544
       <div   class="   uk-float-right  " style="z-index: 200; bottom: 55px; position: fixed; right: 45%;">
545
         < !--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  shadowBox"   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
546
           <span class="uk-icon">
547
                <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
548
              </span>
549
         </a- ->
550
         <button   class="   uk-button uk-button-danger  ">
551
           <span class="uk-icon">
552
                <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
553
              </span> Link this project to
554
         </button>
555

  
556
       <div   uk-dropdown="pos: top-right; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
557
           <ul class="uk-iconnav uk-iconnav-vertical">
558
              <li uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light uk-margin-small'>Research results</div>">
559
                <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
560
                  <span class="uk-icon" >
561
                       <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
562
                </a>
563
              </li>
564

  
565
          </ul>
566
       </div>
567
       </div>
568
    </div-->
635
  </div>
569 636
</div>
570
</div>
571
</div>
572
</div>

Also available in: Unified diff