MaDgIK
/
open-science-observatory-ui
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Commented out the OA policies since we don't have numbers for those at the moment

This commit is contained in:
Stefania Martziou 2020-12-13 13:37:00 +00:00
parent ecd8b8013d
commit 36a49dea64
3 changed files with 118 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/app/pages/countrypage/country-page.component.html
View File

@ -161,31 +161,7 @@
</div>
<div class="">
<div class="md-card">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
</div>
<h3 class="uk-margin-remove">
<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.repositories || !countryPageOverviewData.repositories.total" class="number">--</span>
<span *ngIf="countryPageOverviewData?.repositories?.total" class="number">{{countryPageOverviewData.repositories.total | number}}</span>
</h3>
</div>
<div class="uk-margin-top">
<span class=""><i>repositories</i> from openDOAR & re3data</span>
</div>
<div *ngIf="countryPageOverviewData?.repositories?.percentage" class="uk-margin-top">
<span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> Validated
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
</div>
</div>
</div>
</div>
<div class="md-card">
<div class="md-card" style="height: 47%">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
@ -209,32 +185,83 @@
</div>
</div>
</div>
</div>
<div class="">
<div class="md-card" style="height: 47%">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
</div>
<h3 class="uk-margin-remove">
<span class="number">--</span>
<!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>-->
<!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>-->
<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.repositories || !countryPageOverviewData.repositories.total" class="number">--</span>
<span *ngIf="countryPageOverviewData?.repositories?.total" class="number">{{countryPageOverviewData.repositories.total | number}}</span>
</h3>
</div>
<div class="uk-margin-top">
<span class="">organizations with <i>OA policies</i></span>
<span class=""><i>repositories</i> from openDOAR & re3data</span>
</div>
<div *ngIf="countryPageOverviewData?.repositories?.percentage" class="uk-margin-top">
<span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> Validated
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
</div>
</div>
</div>
</div>
<div></div>
<!--<div class="md-card">-->
<!--<div class="md-card-content">-->
<!--<div class="uk-margin-top">-->
<!--<div class="uk-float-right uk-margin-small-right">-->
<!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">-->
<!--</div>-->
<!--<h3 class="uk-margin-remove">-->
<!--<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.journals || !countryPageOverviewData.journals.total" class="number">&#45;&#45;</span>-->
<!--<span *ngIf="countryPageOverviewData?.journals?.total" class="number">{{countryPageOverviewData.journals.total | number}}</span>-->
<!--&lt;!&ndash;<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>&ndash;&gt;-->
<!--&lt;!&ndash;<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
<!--</h3>-->
<!--</div>-->
<!--<div class="uk-margin-top">-->
<!--<span class=""><i>OA journals</i> from DOAJ</span>-->
<!--</div>-->
<!--<div *ngIf="countryPageOverviewData?.journals?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{countryPageOverviewData.journals.percentage | number :'1.0-1'}}%</span> Validated-->
<!--<div class="progress uk-margin-small-top">-->
<!--<div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
</div>
<!--<div class="">-->
<!--<div class="md-card" style="height: 47%">-->
<!--<div class="md-card-content">-->
<!--<div class="uk-margin-top">-->
<!--<div class="uk-float-right uk-margin-small-right">-->
<!--<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">-->
<!--</div>-->
<!--<h3 class="uk-margin-remove">-->
<!--<span class="number">&#45;&#45;</span>-->
<!--&lt;!&ndash;<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>&ndash;&gt;-->
<!--&lt;!&ndash;<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
<!--</h3>-->
<!--</div>-->
<!--<div class="uk-margin-top">-->
<!--<span class="">organizations with <i>OA policies</i></span>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div></div>-->
<!--</div>-->
</div>
</div>
</div>
@ -355,19 +382,19 @@
</div>
</div>
<div class="uk-grid uk-margin-medium-top uk-margin-bottom">
<div class="uk-width-1-5">
<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">
</div>
<div class="uk-width-2-5">
<div *ngIf="countryPageOverviewData.policies?.oa" class="number big">{{countryPageOverviewData.policies.oa | number}}</div>
<div *ngIf="!countryPageOverviewData.policies || !countryPageOverviewData.policies.oa" class="number big">--</div>
<div class="uk-margin-small-top">OA POLICIES</div>
</div>
<div class="uk-width-2-5">
<!--<div class="uk-grid uk-margin-medium-top uk-margin-bottom">-->
<!--<div class="uk-width-1-5">-->
<!--<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">-->
<!--</div>-->
<!--<div class="uk-width-2-5">-->
<!--<div *ngIf="countryPageOverviewData.policies?.oa" class="number big">{{countryPageOverviewData.policies.oa | number}}</div>-->
<!--<div *ngIf="!countryPageOverviewData.policies || !countryPageOverviewData.policies.oa" class="number big">&#45;&#45;</div>-->
<!--<div class="uk-margin-small-top">OA POLICIES</div>-->
<!--</div>-->
<!--<div class="uk-width-2-5">-->
</div>
</div>
<!--</div>-->
<!--</div>-->
</div>
</div>

12
src/app/pages/home/europe-map-overview.component.html
View File

@ -39,12 +39,12 @@
<span class="text {{activeView=='journals' ? 'active' : ''}}">journals</span>
</a>
</li>
<li>
<a (click)="changeView('policies')">
<span class="uk-nav-label" style="background-color: #D4ECD6 !important; border: 1px solid #639C66;"></span>
<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>
</a>
</li>
<!--<li>-->
<!--<a (click)="changeView('policies')">-->
<!--<span class="uk-nav-label" style="background-color: #D4ECD6 !important; border: 1px solid #639C66;"></span>-->
<!--<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>-->
<!--</a>-->
<!--</li>-->
</ul>
<!--<h2 class="heading_b">-->
<!--Our Team-->

80
src/app/pages/home/home.component.html
View File

@ -108,13 +108,13 @@
<span><i>journals</i> from DOAJ</span>
</div>
<hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
<!--<hr class="greyBoldDivider uk-margin-top uk-margin-bottom">-->
<div class="indicator">
<span class="number policies" *ngIf="selectedCountryData.policies!=null">{{selectedCountryData.policies | number}}</span>
<span class="number policies" *ngIf="selectedCountryData.policies===null">--</span>
<span>organisations with <i>OA policies</i></span>
</div>
<!--<div class="indicator">-->
<!--<span class="number policies" *ngIf="selectedCountryData.policies!=null">{{selectedCountryData.policies | number}}</span>-->
<!--<span class="number policies" *ngIf="selectedCountryData.policies===null">&#45;&#45;</span>-->
<!--<span>organisations with <i>OA policies</i></span>-->
<!--</div>-->
</div>
@ -146,7 +146,7 @@
<div class="">
<!--Overview cards-->
<div *ngIf="europeOverviewData" class="uk-width-1-1 indicatorCards">
<div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-5@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
<div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
<div class="uk-row-first">
<div class="md-card">
<div class="md-card-content">
@ -245,28 +245,28 @@
</div>
</div>
</div>
<div class="">
<div class="md-card">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
</div>
<h3 class="uk-margin-remove">
<span *ngIf="europeOverviewData.policies?.oa" class="number">{{europeOverviewData.policies.oa | number}}</span>
<span *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number">--</span>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">organizations with <i>OA policies</i></span>
</div>
<!--<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA-->
<!--<div class="">-->
<!--<div class="md-card">-->
<!--<div class="md-card-content">-->
<!--<div class="uk-margin-top">-->
<!--<div class="uk-float-right uk-margin-small-right">-->
<!--<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">-->
<!--</div>-->
<!--<h3 class="uk-margin-remove">-->
<!--<span *ngIf="europeOverviewData.policies?.oa" class="number">{{europeOverviewData.policies.oa | number}}</span>-->
<!--<span *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number">&#45;&#45;</span>-->
<!--</h3>-->
<!--</div>-->
</div>
</div>
</div>
<!--<div class="uk-margin-top">-->
<!--&lt;!&ndash;<span class="uk-text-muted uk-text-small">Number of OA publications</span>&ndash;&gt;-->
<!--<span class="">organizations with <i>OA policies</i></span>-->
<!--</div>-->
<!--&lt;!&ndash;<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">&ndash;&gt;-->
<!--&lt;!&ndash;<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</div>
@ -430,19 +430,19 @@
</div>
</div>
<div class="uk-grid uk-margin-medium-top uk-margin-bottom">
<div class="uk-width-1-5">
<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">
</div>
<div class="uk-width-2-5">
<div *ngIf="europeOverviewData.policies?.oa" class="number big">{{europeOverviewData.policies.oa | number}}</div>
<div *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number big">--</div>
<div class="uk-margin-small-top">OA POLICIES</div>
</div>
<div class="uk-width-2-5">
<!--<div class="uk-grid uk-margin-medium-top uk-margin-bottom">-->
<!--<div class="uk-width-1-5">-->
<!--<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">-->
<!--</div>-->
<!--<div class="uk-width-2-5">-->
<!--<div *ngIf="europeOverviewData.policies?.oa" class="number big">{{europeOverviewData.policies.oa | number}}</div>-->
<!--<div *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number big">&#45;&#45;</div>-->
<!--<div class="uk-margin-small-top">OA POLICIES</div>-->
<!--</div>-->
<!--<div class="uk-width-2-5">-->
</div>
</div>
<!--</div>-->
<!--</div>-->
</div>
</div>