Revision 60126
Added by Stefania Martziou over 3 years ago
country-page.component.html | ||
---|---|---|
161 | 161 |
</div> |
162 | 162 |
|
163 | 163 |
<div class=""> |
164 |
|
|
165 |
<div class="md-card"> |
|
164 |
<div class="md-card" style="height: 47%"> |
|
166 | 165 |
<div class="md-card-content"> |
167 | 166 |
<div class="uk-margin-top"> |
168 | 167 |
<div class="uk-float-right uk-margin-small-right"> |
169 |
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40"> |
|
170 |
</div> |
|
171 |
<h3 class="uk-margin-remove"> |
|
172 |
<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.repositories || !countryPageOverviewData.repositories.total" class="number">--</span> |
|
173 |
<span *ngIf="countryPageOverviewData?.repositories?.total" class="number">{{countryPageOverviewData.repositories.total | number}}</span> |
|
174 |
</h3> |
|
175 |
</div> |
|
176 |
<div class="uk-margin-top"> |
|
177 |
<span class=""><i>repositories</i> from openDOAR & re3data</span> |
|
178 |
</div> |
|
179 |
<div *ngIf="countryPageOverviewData?.repositories?.percentage" class="uk-margin-top"> |
|
180 |
<span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> Validated |
|
181 |
<div class="progress uk-margin-small-top"> |
|
182 |
<div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div> |
|
183 |
</div> |
|
184 |
</div> |
|
185 |
</div> |
|
186 |
</div> |
|
187 |
|
|
188 |
<div class="md-card"> |
|
189 |
<div class="md-card-content"> |
|
190 |
<div class="uk-margin-top"> |
|
191 |
<div class="uk-float-right uk-margin-small-right"> |
|
192 | 168 |
<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40"> |
193 | 169 |
</div> |
194 | 170 |
<h3 class="uk-margin-remove"> |
... | ... | |
209 | 185 |
</div> |
210 | 186 |
</div> |
211 | 187 |
</div> |
212 |
|
|
213 | 188 |
</div> |
214 | 189 |
|
215 |
|
|
216 | 190 |
<div class=""> |
217 | 191 |
|
218 | 192 |
<div class="md-card" style="height: 47%"> |
219 | 193 |
<div class="md-card-content"> |
220 | 194 |
<div class="uk-margin-top"> |
221 | 195 |
<div class="uk-float-right uk-margin-small-right"> |
222 |
<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
|
|
196 |
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
|
|
223 | 197 |
</div> |
224 | 198 |
<h3 class="uk-margin-remove"> |
225 |
<span class="number">--</span> |
|
226 |
<!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>--> |
|
227 |
<!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>--> |
|
199 |
<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.repositories || !countryPageOverviewData.repositories.total" class="number">--</span> |
|
200 |
<span *ngIf="countryPageOverviewData?.repositories?.total" class="number">{{countryPageOverviewData.repositories.total | number}}</span> |
|
228 | 201 |
</h3> |
229 | 202 |
</div> |
230 | 203 |
<div class="uk-margin-top"> |
231 |
<span class="">organizations with <i>OA policies</i></span>
|
|
204 |
<span class=""><i>repositories</i> from openDOAR & re3data</span>
|
|
232 | 205 |
</div> |
206 |
<div *ngIf="countryPageOverviewData?.repositories?.percentage" class="uk-margin-top"> |
|
207 |
<span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> Validated |
|
208 |
<div class="progress uk-margin-small-top"> |
|
209 |
<div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div> |
|
210 |
</div> |
|
211 |
</div> |
|
233 | 212 |
</div> |
234 | 213 |
</div> |
235 | 214 |
|
236 |
<div></div> |
|
215 |
<!--<div class="md-card">--> |
|
216 |
<!--<div class="md-card-content">--> |
|
217 |
<!--<div class="uk-margin-top">--> |
|
218 |
<!--<div class="uk-float-right uk-margin-small-right">--> |
|
219 |
<!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">--> |
|
220 |
<!--</div>--> |
|
221 |
<!--<h3 class="uk-margin-remove">--> |
|
222 |
<!--<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.journals || !countryPageOverviewData.journals.total" class="number">--</span>--> |
|
223 |
<!--<span *ngIf="countryPageOverviewData?.journals?.total" class="number">{{countryPageOverviewData.journals.total | number}}</span>--> |
|
224 |
<!--<!–<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>–>--> |
|
225 |
<!--<!–<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>–>--> |
|
226 |
<!--</h3>--> |
|
227 |
<!--</div>--> |
|
228 |
<!--<div class="uk-margin-top">--> |
|
229 |
<!--<span class=""><i>OA journals</i> from DOAJ</span>--> |
|
230 |
<!--</div>--> |
|
231 |
<!--<div *ngIf="countryPageOverviewData?.journals?.percentage" class="uk-margin-top">--> |
|
232 |
<!--<span class="number">{{countryPageOverviewData.journals.percentage | number :'1.0-1'}}%</span> Validated--> |
|
233 |
<!--<div class="progress uk-margin-small-top">--> |
|
234 |
<!--<div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>--> |
|
235 |
<!--</div>--> |
|
236 |
<!--</div>--> |
|
237 |
<!--</div>--> |
|
238 |
<!--</div>--> |
|
239 |
|
|
237 | 240 |
</div> |
241 |
|
|
242 |
|
|
243 |
<!--<div class="">--> |
|
244 |
|
|
245 |
<!--<div class="md-card" style="height: 47%">--> |
|
246 |
<!--<div class="md-card-content">--> |
|
247 |
<!--<div class="uk-margin-top">--> |
|
248 |
<!--<div class="uk-float-right uk-margin-small-right">--> |
|
249 |
<!--<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">--> |
|
250 |
<!--</div>--> |
|
251 |
<!--<h3 class="uk-margin-remove">--> |
|
252 |
<!--<span class="number">--</span>--> |
|
253 |
<!--<!–<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>–>--> |
|
254 |
<!--<!–<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>–>--> |
|
255 |
<!--</h3>--> |
|
256 |
<!--</div>--> |
|
257 |
<!--<div class="uk-margin-top">--> |
|
258 |
<!--<span class="">organizations with <i>OA policies</i></span>--> |
|
259 |
<!--</div>--> |
|
260 |
<!--</div>--> |
|
261 |
<!--</div>--> |
|
262 |
|
|
263 |
<!--<div></div>--> |
|
264 |
<!--</div>--> |
|
238 | 265 |
</div> |
239 | 266 |
</div> |
240 | 267 |
</div> |
... | ... | |
355 | 382 |
</div> |
356 | 383 |
</div> |
357 | 384 |
|
358 |
<div class="uk-grid uk-margin-medium-top uk-margin-bottom">
|
|
359 |
<div class="uk-width-1-5">
|
|
360 |
<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">
|
|
361 |
</div>
|
|
362 |
<div class="uk-width-2-5">
|
|
363 |
<div *ngIf="countryPageOverviewData.policies?.oa" class="number big">{{countryPageOverviewData.policies.oa | number}}</div>
|
|
364 |
<div *ngIf="!countryPageOverviewData.policies || !countryPageOverviewData.policies.oa" class="number big">--</div>
|
|
365 |
<div class="uk-margin-small-top">OA POLICIES</div>
|
|
366 |
</div>
|
|
367 |
<div class="uk-width-2-5">
|
|
385 |
<!--<div class="uk-grid uk-margin-medium-top uk-margin-bottom">-->
|
|
386 |
<!--<div class="uk-width-1-5">-->
|
|
387 |
<!--<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">-->
|
|
388 |
<!--</div>-->
|
|
389 |
<!--<div class="uk-width-2-5">-->
|
|
390 |
<!--<div *ngIf="countryPageOverviewData.policies?.oa" class="number big">{{countryPageOverviewData.policies.oa | number}}</div>-->
|
|
391 |
<!--<div *ngIf="!countryPageOverviewData.policies || !countryPageOverviewData.policies.oa" class="number big">--</div>-->
|
|
392 |
<!--<div class="uk-margin-small-top">OA POLICIES</div>-->
|
|
393 |
<!--</div>-->
|
|
394 |
<!--<div class="uk-width-2-5">-->
|
|
368 | 395 |
|
369 |
</div>
|
|
370 |
</div>
|
|
396 |
<!--</div>-->
|
|
397 |
<!--</div>-->
|
|
371 | 398 |
|
372 | 399 |
</div> |
373 | 400 |
</div> |
Also available in: Unified diff
Commented out the OA policies since we don't have numbers for those at the moment