Revision 61551
Added by Stefania Martziou over 2 years ago
country-os-datasets-indicators.component.html | ||
---|---|---|
1 |
<div *ngIf="indicator && indicator=='pid'" class="pidIndicator">
|
|
2 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
|
1 |
<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator">
|
|
2 |
<div class="uk-grid uk-grid-match uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
|
|
3 | 3 |
|
4 | 4 |
<div class="uk-grid-margin"> |
5 | 5 |
<div class="md-card chartCard"> |
6 |
<div class="md-card-content uk-margin-large-top"> |
|
7 |
<iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe> |
|
8 |
</div> |
|
9 |
</div> |
|
10 |
</div> |
|
11 |
|
|
12 |
<div class="uk-grid-margin"> |
|
13 |
<div class="md-card chartCard"> |
|
6 | 14 |
<div class="md-card-content"> |
7 |
<iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe> |
|
15 |
|
|
16 |
<!--MOBILE & PAD PORTRAIT--> |
|
17 |
<div class="uk-hidden@m"> |
|
18 |
<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom"> |
|
19 |
<label class="uk-margin-right">Show by: </label> |
|
20 |
<select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block"> |
|
21 |
<option value="datasource">datasource</option> |
|
22 |
<option value="organization">organization</option> |
|
23 |
<option value="funder">funder</option> |
|
24 |
</select> |
|
25 |
</div> |
|
26 |
|
|
27 |
<iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURL" |
|
28 |
width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe> |
|
29 |
<iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURL" |
|
30 |
width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe> |
|
31 |
<app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData" |
|
32 |
[chartTitle]="'Open Access datasets with licence'" [chartSubtitle]="'by funder'" |
|
33 |
[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart> |
|
34 |
|
|
35 |
</div> |
|
36 |
|
|
37 |
<!--LAPTOP & PAD LANDSCAPE--> |
|
38 |
<div class="uk-visible@m"> |
|
39 |
<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin |
|
40 |
data-uk-switcher="{connect:'#switcher-content-a-fade-datasets-licence', animation: 'fade'}"> |
|
41 |
<li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li> |
|
42 |
<li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li> |
|
43 |
<li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li> |
|
44 |
</ul> |
|
45 |
|
|
46 |
<ul id="switcher-content-a-fade-datasets-licence" class="uk-switcher uk-margin"> |
|
47 |
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;" class=""> |
|
48 |
<iframe *ngIf="datasetsWithLicenceByDatasourceChartURL" |
|
49 |
width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe> |
|
50 |
</li> |
|
51 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
|
52 |
<iframe *ngIf="datasetsWithLicenceByOrganizationChartURL" |
|
53 |
width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe> |
|
54 |
</li> |
|
55 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
|
56 |
<app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData" |
|
57 |
[chartTitle]="'Open Access datasets with licence'" [chartSubtitle]="'by funder'" |
|
58 |
[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart> |
|
59 |
</li> |
|
60 |
</ul> |
|
61 |
</div> |
|
62 |
|
|
8 | 63 |
</div> |
9 | 64 |
</div> |
10 | 65 |
</div> |
11 | 66 |
|
12 | 67 |
<div class="uk-grid-margin"> |
13 | 68 |
<div class="md-card chartCard"> |
69 |
<div class="md-card-content uk-margin-large-top"> |
|
70 |
<iframe *ngIf="datasetsWithCCLicenceTimeline" width="100%" height="550" [src]="datasetsWithCCLicenceTimeline"></iframe> |
|
71 |
</div> |
|
72 |
</div> |
|
73 |
</div> |
|
74 |
|
|
75 |
<div class="uk-grid-margin"> |
|
76 |
<div class="md-card chartCard"> |
|
14 | 77 |
<div class="md-card-content"> |
15 | 78 |
|
16 | 79 |
<!--MOBILE & PAD PORTRAIT--> |
17 | 80 |
<div class="uk-hidden@m"> |
18 | 81 |
<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom"> |
19 | 82 |
<label class="uk-margin-right">Show by: </label> |
20 |
<select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">
|
|
83 |
<select class="md-input" #selectCCLicenceGroupBy (change)="getDatasetsWithCCLicenceGroupByMobile(selectCCLicenceGroupBy.value)" style="width: 230px; display: inline-block">
|
|
21 | 84 |
<option value="datasource">datasource</option> |
22 | 85 |
<option value="organization">organization</option> |
23 | 86 |
<option value="funder">funder</option> |
24 | 87 |
</select> |
25 | 88 |
</div> |
26 | 89 |
|
27 |
<iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURLMobile"
|
|
28 |
width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURLMobile"></iframe>
|
|
29 |
<iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURLMobile"
|
|
30 |
width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURLMobile"></iframe>
|
|
31 |
<app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"
|
|
32 |
[chartTitle]="'OA Datasets with PID by funder'"
|
|
33 |
[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
90 |
<iframe *ngIf="datasetsWithCCLicenceGroupByView==='datasource' && datasetsWithCCLicenceByDatasourceChartURL"
|
|
91 |
width="100%" height="550" [src]="datasetsWithCCLicenceByDatasourceChartURL"></iframe>
|
|
92 |
<iframe *ngIf="datasetsWithCCLicenceGroupByView==='organization' && datasetsWithCCLicenceByOrganizationChartURL"
|
|
93 |
width="100%" height="550" [src]="datasetsWithCCLicenceByOrganizationChartURL"></iframe>
|
|
94 |
<app-treemap-highchart *ngIf="datasetsWithCCLicenceGroupByView==='funder' && datasetsWithCCLicenceByFunderData"
|
|
95 |
[chartTitle]="'Open Access datasets with CC licence'" [chartSubtitle]="'by funder'"
|
|
96 |
[chartData]="datasetsWithCCLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
34 | 97 |
|
35 | 98 |
</div> |
36 | 99 |
|
37 | 100 |
<!--LAPTOP & PAD LANDSCAPE--> |
38 | 101 |
<div class="uk-visible@m"> |
39 | 102 |
<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin |
40 |
data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">
|
|
41 |
<li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>
|
|
42 |
<li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>
|
|
43 |
<li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>
|
|
103 |
data-uk-switcher="{connect:'#switcher-content-a-fade-datasets-cc-licence', animation: 'fade'}">
|
|
104 |
<li class="uk-active"><a (click)="getDatasetsWithCCLicenceGroupBy('datasource')">Datasource</a></li>
|
|
105 |
<li><a (click)="getDatasetsWithCCLicenceGroupBy('organization')">Organization</a></li>
|
|
106 |
<li><a (click)="getDatasetsWithCCLicenceGroupBy('funder')">Funder</a></li>
|
|
44 | 107 |
</ul> |
45 | 108 |
|
46 |
<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">
|
|
47 |
<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
|
|
48 |
<iframe *ngIf="datasetsWithPIDByDatasourceChartURL"
|
|
49 |
width="100%" height="350" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>
|
|
109 |
<ul id="switcher-content-a-fade-datasets-cc-licence" class="uk-switcher uk-margin">
|
|
110 |
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;" class="">
|
|
111 |
<iframe *ngIf="datasetsWithCCLicenceByDatasourceChartURL"
|
|
112 |
width="100%" height="550" [src]="datasetsWithCCLicenceByDatasourceChartURL"></iframe>
|
|
50 | 113 |
</li> |
51 | 114 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
52 |
<iframe *ngIf="datasetsWithPIDByOrganizationChartURL"
|
|
53 |
width="100%" height="350" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>
|
|
115 |
<iframe *ngIf="datasetsWithCCLicenceByOrganizationChartURL"
|
|
116 |
width="100%" height="550" [src]="datasetsWithCCLicenceByOrganizationChartURL"></iframe>
|
|
54 | 117 |
</li> |
55 | 118 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
56 |
<app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"
|
|
57 |
[chartTitle]="'OA Datasets with PID by funder'"
|
|
58 |
[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
119 |
<app-treemap-highchart *ngIf="datasetsWithCCLicenceByFunderData"
|
|
120 |
[chartTitle]="'Open Access datasets with CC licence'" [chartSubtitle]="'by funder'"
|
|
121 |
[chartData]="datasetsWithCCLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
59 | 122 |
</li> |
60 | 123 |
</ul> |
61 | 124 |
</div> |
... | ... | |
66 | 129 |
|
67 | 130 |
</div> |
68 | 131 |
</div> |
69 |
<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator"> |
|
70 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
|
71 | 132 |
|
72 |
<div class="uk-grid-margin"> |
|
133 |
<div *ngIf="indicator && indicator=='pid'" class="pidIndicator"> |
|
134 |
|
|
135 |
<div class="uk-grid uk-grid-margin"> |
|
136 |
<div class="uk-width-3-4@l uk-width-1-1@m uk-width-1-1@s"> |
|
73 | 137 |
<div class="md-card chartCard"> |
74 | 138 |
<div class="md-card-content"> |
75 |
<iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>
|
|
139 |
<iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>
|
|
76 | 140 |
</div> |
77 | 141 |
</div> |
78 | 142 |
</div> |
143 |
</div> |
|
79 | 144 |
|
80 |
<div class="uk-grid-margin"> |
|
145 |
<div class="uk-grid uk-grid-margin"> |
|
146 |
<div class="uk-width-3-4@l uk-width-1-1@m uk-width-1-1@s"> |
|
81 | 147 |
<div class="md-card chartCard"> |
82 | 148 |
<div class="md-card-content"> |
83 | 149 |
|
... | ... | |
85 | 151 |
<div class="uk-hidden@m"> |
86 | 152 |
<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom"> |
87 | 153 |
<label class="uk-margin-right">Show by: </label> |
88 |
<select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block">
|
|
154 |
<select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">
|
|
89 | 155 |
<option value="datasource">datasource</option> |
90 | 156 |
<option value="organization">organization</option> |
91 | 157 |
<option value="funder">funder</option> |
92 | 158 |
</select> |
93 | 159 |
</div> |
94 | 160 |
|
95 |
<iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURLMobile"
|
|
96 |
width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURLMobile"></iframe>
|
|
97 |
<iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURLMobile"
|
|
98 |
width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURLMobile"></iframe>
|
|
99 |
<app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData"
|
|
100 |
[chartTitle]="'OA Datasets with licence by funder'"
|
|
101 |
[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
161 |
<iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURL"
|
|
162 |
width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>
|
|
163 |
<iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURL"
|
|
164 |
width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>
|
|
165 |
<app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"
|
|
166 |
[chartTitle]="'Open Access datasets with PID'" [chartSubtitle]="'by funder'"
|
|
167 |
[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
102 | 168 |
|
103 | 169 |
</div> |
104 | 170 |
|
105 | 171 |
<!--LAPTOP & PAD LANDSCAPE--> |
106 | 172 |
<div class="uk-visible@m"> |
107 | 173 |
<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin |
108 |
data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">
|
|
109 |
<li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li>
|
|
110 |
<li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li>
|
|
111 |
<li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li>
|
|
174 |
data-uk-switcher="{connect:'#switcher-content-a-fade-datasets-pid', animation: 'fade'}">
|
|
175 |
<li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>
|
|
176 |
<li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>
|
|
177 |
<li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>
|
|
112 | 178 |
</ul> |
113 | 179 |
|
114 |
<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">
|
|
115 |
<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
|
|
116 |
<iframe *ngIf="datasetsWithLicenceByDatasourceChartURL"
|
|
117 |
width="100%" height="350" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>
|
|
180 |
<ul id="switcher-content-a-fade-datasets-pid" class="uk-switcher uk-margin">
|
|
181 |
<li aria-hidden="false" class="uk-active" aria-hidden="true" style="animation-duration: 200ms;" class="">
|
|
182 |
<iframe *ngIf="datasetsWithPIDByDatasourceChartURL"
|
|
183 |
width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>
|
|
118 | 184 |
</li> |
119 | 185 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
120 |
<iframe *ngIf="datasetsWithLicenceByOrganizationChartURL"
|
|
121 |
width="100%" height="350" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>
|
|
186 |
<iframe *ngIf="datasetsWithPIDByOrganizationChartURL"
|
|
187 |
width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>
|
|
122 | 188 |
</li> |
123 | 189 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
124 |
<app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData"
|
|
125 |
[chartTitle]="'OA Datasets with licence by funder'"
|
|
126 |
[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
190 |
<app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"
|
|
191 |
[chartTitle]="'Open Access datasets with PID'" [chartSubtitle]="'by funder'"
|
|
192 |
[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>
|
|
127 | 193 |
</li> |
128 | 194 |
</ul> |
129 | 195 |
</div> |
... | ... | |
131 | 197 |
</div> |
132 | 198 |
</div> |
133 | 199 |
</div> |
200 |
</div> |
|
134 | 201 |
|
135 |
</div> |
|
136 | 202 |
</div> |
203 |
|
|
204 |
<!--<div *ngIf="indicator && indicator=='pid'" class="pidIndicator">--> |
|
205 |
<!--<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">--> |
|
206 |
|
|
207 |
<!--<div class="uk-grid-margin">--> |
|
208 |
<!--<div class="md-card chartCard">--> |
|
209 |
<!--<div class="md-card-content">--> |
|
210 |
<!--<iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>--> |
|
211 |
<!--</div>--> |
|
212 |
<!--</div>--> |
|
213 |
<!--</div>--> |
|
214 |
|
|
215 |
<!--<div class="uk-grid-margin">--> |
|
216 |
<!--<div class="md-card chartCard">--> |
|
217 |
<!--<div class="md-card-content">--> |
|
218 |
|
|
219 |
<!--<!–MOBILE & PAD PORTRAIT–>--> |
|
220 |
<!--<div class="uk-hidden@m">--> |
|
221 |
<!--<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">--> |
|
222 |
<!--<label class="uk-margin-right">Show by: </label>--> |
|
223 |
<!--<select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">--> |
|
224 |
<!--<option value="datasource">datasource</option>--> |
|
225 |
<!--<option value="organization">organization</option>--> |
|
226 |
<!--<option value="funder">funder</option>--> |
|
227 |
<!--</select>--> |
|
228 |
<!--</div>--> |
|
229 |
|
|
230 |
<!--<iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURLMobile"--> |
|
231 |
<!--width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURLMobile"></iframe>--> |
|
232 |
<!--<iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURLMobile"--> |
|
233 |
<!--width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURLMobile"></iframe>--> |
|
234 |
<!--<app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"--> |
|
235 |
<!--[chartTitle]="'OA Datasets with PID by funder'"--> |
|
236 |
<!--[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>--> |
|
237 |
|
|
238 |
<!--</div>--> |
|
239 |
|
|
240 |
<!--<!–LAPTOP & PAD LANDSCAPE–>--> |
|
241 |
<!--<div class="uk-visible@m">--> |
|
242 |
<!--<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin--> |
|
243 |
<!--data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">--> |
|
244 |
<!--<li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>--> |
|
245 |
<!--<li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>--> |
|
246 |
<!--<li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>--> |
|
247 |
<!--</ul>--> |
|
248 |
|
|
249 |
<!--<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">--> |
|
250 |
<!--<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">--> |
|
251 |
<!--<iframe *ngIf="datasetsWithPIDByDatasourceChartURL"--> |
|
252 |
<!--width="100%" height="350" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>--> |
|
253 |
<!--</li>--> |
|
254 |
<!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">--> |
|
255 |
<!--<iframe *ngIf="datasetsWithPIDByOrganizationChartURL"--> |
|
256 |
<!--width="100%" height="350" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>--> |
|
257 |
<!--</li>--> |
|
258 |
<!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">--> |
|
259 |
<!--<app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"--> |
|
260 |
<!--[chartTitle]="'OA Datasets with PID by funder'"--> |
|
261 |
<!--[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>--> |
|
262 |
<!--</li>--> |
|
263 |
<!--</ul>--> |
|
264 |
<!--</div>--> |
|
265 |
|
|
266 |
<!--</div>--> |
|
267 |
<!--</div>--> |
|
268 |
<!--</div>--> |
|
269 |
|
|
270 |
<!--</div>--> |
|
271 |
<!--</div>--> |
|
272 |
<!--<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator">--> |
|
273 |
<!--<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">--> |
|
274 |
|
|
275 |
<!--<div class="uk-grid-margin">--> |
|
276 |
<!--<div class="md-card chartCard">--> |
|
277 |
<!--<div class="md-card-content">--> |
|
278 |
<!--<iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>--> |
|
279 |
<!--</div>--> |
|
280 |
<!--</div>--> |
|
281 |
<!--</div>--> |
|
282 |
|
|
283 |
<!--<div class="uk-grid-margin">--> |
|
284 |
<!--<div class="md-card chartCard">--> |
|
285 |
<!--<div class="md-card-content">--> |
|
286 |
|
|
287 |
<!--<!–MOBILE & PAD PORTRAIT–>--> |
|
288 |
<!--<div class="uk-hidden@m">--> |
|
289 |
<!--<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">--> |
|
290 |
<!--<label class="uk-margin-right">Show by: </label>--> |
|
291 |
<!--<select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block">--> |
|
292 |
<!--<option value="datasource">datasource</option>--> |
|
293 |
<!--<option value="organization">organization</option>--> |
|
294 |
<!--<option value="funder">funder</option>--> |
|
295 |
<!--</select>--> |
|
296 |
<!--</div>--> |
|
297 |
|
|
298 |
<!--<iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURLMobile"--> |
|
299 |
<!--width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURLMobile"></iframe>--> |
|
300 |
<!--<iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURLMobile"--> |
|
301 |
<!--width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURLMobile"></iframe>--> |
|
302 |
<!--<app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData"--> |
|
303 |
<!--[chartTitle]="'OA Datasets with licence by funder'"--> |
|
304 |
<!--[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>--> |
|
305 |
|
|
306 |
<!--</div>--> |
|
307 |
|
|
308 |
<!--<!–LAPTOP & PAD LANDSCAPE–>--> |
|
309 |
<!--<div class="uk-visible@m">--> |
|
310 |
<!--<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin--> |
|
311 |
<!--data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">--> |
|
312 |
<!--<li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li>--> |
|
313 |
<!--<li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li>--> |
|
314 |
<!--<li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li>--> |
|
315 |
<!--</ul>--> |
|
316 |
|
|
317 |
<!--<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">--> |
|
318 |
<!--<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">--> |
|
319 |
<!--<iframe *ngIf="datasetsWithLicenceByDatasourceChartURL"--> |
|
320 |
<!--width="100%" height="350" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>--> |
|
321 |
<!--</li>--> |
|
322 |
<!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">--> |
|
323 |
<!--<iframe *ngIf="datasetsWithLicenceByOrganizationChartURL"--> |
|
324 |
<!--width="100%" height="350" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>--> |
|
325 |
<!--</li>--> |
|
326 |
<!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">--> |
|
327 |
<!--<app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData"--> |
|
328 |
<!--[chartTitle]="'OA Datasets with licence by funder'"--> |
|
329 |
<!--[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>--> |
|
330 |
<!--</li>--> |
|
331 |
<!--</ul>--> |
|
332 |
<!--</div>--> |
|
333 |
|
|
334 |
<!--</div>--> |
|
335 |
<!--</div>--> |
|
336 |
<!--</div>--> |
|
337 |
|
|
338 |
<!--</div>--> |
|
339 |
<!--</div>--> |
Also available in: Unified diff
Finished the open science datasets tab for the country page