Revision 58946
Added by Stefania Martziou almost 4 years ago
| continent-overview.component.html | ||
|---|---|---|
| 129 | 129 |
|
| 130 | 130 |
<hr class="entitiesDivider"> |
| 131 | 131 |
|
| 132 |
<div class="uk-grid uk-child-width-1-4 uk-margin-large-top"> |
|
| 132 |
<div *ngIf="europeOverviewData" class="uk-grid uk-child-width-1-4 uk-margin-large-top">
|
|
| 133 | 133 |
|
| 134 | 134 |
<div class="entityLegendContent"> |
| 135 | 135 |
<div class="publicationsDot uk-inline"></div> |
| ... | ... | |
| 543 | 543 |
<div> |
| 544 | 544 |
|
| 545 | 545 |
<div class="pidIndicator"> |
| 546 |
<h3>PID</h3> |
|
| 546 |
<h3 class="uk-margin-remove">PID</h3>
|
|
| 547 | 547 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 548 | 548 |
|
| 549 | 549 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 590 | 590 |
</div> |
| 591 | 591 |
</div> |
| 592 | 592 |
|
| 593 |
<div class="licenceIndicator uk-margin-medium-top">
|
|
| 594 |
<h3>Licence</h3> |
|
| 593 |
<div class="licenceIndicator uk-margin-large-top">
|
|
| 594 |
<h3 class="uk-margin-remove">Licence</h3>
|
|
| 595 | 595 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 596 | 596 |
|
| 597 | 597 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 638 | 638 |
</div> |
| 639 | 639 |
</div> |
| 640 | 640 |
|
| 641 |
<div class="goldIndicator uk-margin-medium-top">
|
|
| 642 |
<h3>Gold</h3> |
|
| 641 |
<div class="goldIndicator uk-margin-large-top">
|
|
| 642 |
<h3 class="uk-margin-remove">Gold</h3>
|
|
| 643 | 643 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 644 | 644 |
|
| 645 | 645 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 686 | 686 |
</div> |
| 687 | 687 |
</div> |
| 688 | 688 |
|
| 689 |
<div class="greenIndicator uk-margin-medium-top">
|
|
| 690 |
<h3>Green</h3> |
|
| 689 |
<div class="greenIndicator uk-margin-large-top">
|
|
| 690 |
<h3 class="uk-margin-remove">Green</h3>
|
|
| 691 | 691 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 692 | 692 |
|
| 693 | 693 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 734 | 734 |
</div> |
| 735 | 735 |
</div> |
| 736 | 736 |
|
| 737 |
<div class="greenVsGoldIndicator uk-margin-medium-top">
|
|
| 738 |
<h3>Green vs. Gold</h3> |
|
| 737 |
<div class="greenVsGoldIndicator uk-margin-large-top">
|
|
| 738 |
<h3 class="uk-margin-remove">Green vs. Gold</h3>
|
|
| 739 | 739 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 740 | 740 |
|
| 741 | 741 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 749 | 749 |
</div> |
| 750 | 750 |
</div> |
| 751 | 751 |
|
| 752 |
<div class="indicatorsTable uk-visible@m uk-margin-large-top"> |
|
| 753 |
|
|
| 754 |
<h3 class="">More details for publications</h3> |
|
| 755 |
|
|
| 756 |
<div class="uk-margin-top uk-margin-bottom"> |
|
| 757 |
<label class="uk-margin-right">Show: </label> |
|
| 758 |
<select class="md-input" #selectContent (change)="getContent('publication', selectContent.value)" style="width: 230px; display: inline-block">
|
|
| 759 |
<option value="affiliated">affiliated</option> |
|
| 760 |
<option value="affiliated_peer_reviewed">affiliated peer reviewed</option> |
|
| 761 |
<option value="deposited">deposited</option> |
|
| 762 |
<option value="deposited_peer_reviewed">deposited peer reviewed</option> |
|
| 763 |
</select> |
|
| 764 |
<!--<span class="md-input-bar"></span>--> |
|
| 765 |
</div> |
|
| 766 |
|
|
| 767 |
<div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m"> |
|
| 768 |
<div class="absoluteTable"> |
|
| 769 |
<div class="md-card chartCard"> |
|
| 770 |
<div class="md-card-content"> |
|
| 771 |
|
|
| 772 |
<ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#pubs-indicators-content-a-fade', animation: 'fade'}">
|
|
| 773 |
<li aria-expanded="true" class="uk-active"> |
|
| 774 |
<a href="#"> |
|
| 775 |
<i class="fas fa-hashtag"></i> |
|
| 776 |
</a> |
|
| 777 |
</li> |
|
| 778 |
<li aria-expanded="false" class=""> |
|
| 779 |
<a href="#"> |
|
| 780 |
<i class="fas fa-percentage"></i> |
|
| 781 |
</a> |
|
| 782 |
</li> |
|
| 783 |
</ul> |
|
| 784 |
|
|
| 785 |
<ul id="pubs-indicators-content-a-fade" class="uk-switcher uk-margin" > |
|
| 786 |
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;"> |
|
| 787 |
<!--<div *ngIf="loadingPublicationsAbsoluteTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 788 |
<app-countries-table *ngIf="publicationsAbsoluteTableData" [isPercentage]="false" [countries]="publicationsAbsoluteTableData" [view]="'openScience'" [entity]="'publication'"></app-countries-table> |
|
| 789 |
</li> |
|
| 790 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
|
| 791 |
<!--<div *ngIf="loadingPublicationsPercentageTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 792 |
<app-countries-table *ngIf="publicationsPercentageTableData" [isPercentage]="true" [countries]="publicationsPercentageTableData" [view]="'openScience'" [entity]="'publication'"></app-countries-table> |
|
| 793 |
</li> |
|
| 794 |
</ul> |
|
| 795 |
|
|
| 796 |
</div> |
|
| 797 |
</div> |
|
| 798 |
|
|
| 799 |
</div> |
|
| 800 |
|
|
| 801 |
</div> |
|
| 802 |
|
|
| 803 |
|
|
| 804 |
</div> |
|
| 805 |
|
|
| 752 | 806 |
</div> |
| 753 | 807 |
|
| 754 | 808 |
</li> |
| ... | ... | |
| 757 | 811 |
<div> |
| 758 | 812 |
|
| 759 | 813 |
<div class="pidIndicator"> |
| 760 |
<h3>PID</h3> |
|
| 814 |
<h3 class="uk-margin-remove">PID</h3>
|
|
| 761 | 815 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 762 | 816 |
|
| 763 | 817 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 804 | 858 |
</div> |
| 805 | 859 |
</div> |
| 806 | 860 |
|
| 807 |
<div class="licenceIndicator uk-margin-medium-top">
|
|
| 808 |
<h3>Licence</h3> |
|
| 861 |
<div class="licenceIndicator uk-margin-large-top">
|
|
| 862 |
<h3 class="uk-margin-remove">Licence</h3>
|
|
| 809 | 863 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 810 | 864 |
|
| 811 | 865 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 852 | 906 |
</div> |
| 853 | 907 |
</div> |
| 854 | 908 |
|
| 909 |
<div class="indicatorsTable uk-visible@m uk-margin-large-top"> |
|
| 910 |
|
|
| 911 |
<h3 class="">More details for datasets</h3> |
|
| 912 |
|
|
| 913 |
<div class="uk-margin-top uk-margin-bottom"> |
|
| 914 |
<label class="uk-margin-right">Show: </label> |
|
| 915 |
<select class="md-input" #selectContent (change)="getContent('dataset', selectContent.value)" style="width: 230px; display: inline-block">
|
|
| 916 |
<option value="affiliated">affiliated</option> |
|
| 917 |
<option value="affiliated_peer_reviewed">affiliated peer reviewed</option> |
|
| 918 |
<option value="deposited">deposited</option> |
|
| 919 |
<option value="deposited_peer_reviewed">deposited peer reviewed</option> |
|
| 920 |
</select> |
|
| 921 |
<!--<span class="md-input-bar"></span>--> |
|
| 922 |
</div> |
|
| 923 |
|
|
| 924 |
<div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m"> |
|
| 925 |
<div class="absoluteTable"> |
|
| 926 |
<div class="md-card chartCard"> |
|
| 927 |
<div class="md-card-content"> |
|
| 928 |
|
|
| 929 |
<ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#data-indicators-content-a-fade', animation: 'fade'}">
|
|
| 930 |
<li aria-expanded="true" class="uk-active"> |
|
| 931 |
<a href="#"> |
|
| 932 |
<i class="fas fa-hashtag"></i> |
|
| 933 |
</a> |
|
| 934 |
</li> |
|
| 935 |
<li aria-expanded="false" class=""> |
|
| 936 |
<a href="#"> |
|
| 937 |
<i class="fas fa-percentage"></i> |
|
| 938 |
</a> |
|
| 939 |
</li> |
|
| 940 |
</ul> |
|
| 941 |
|
|
| 942 |
<ul id="data-indicators-content-a-fade" class="uk-switcher uk-margin" > |
|
| 943 |
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;"> |
|
| 944 |
<!--<div *ngIf="loadingPublicationsAbsoluteTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 945 |
<app-countries-table *ngIf="datasetsAbsoluteTableData" [isPercentage]="false" [countries]="datasetsAbsoluteTableData" [view]="'openScience'" [entity]="'dataset'"></app-countries-table> |
|
| 946 |
</li> |
|
| 947 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
|
| 948 |
<!--<div *ngIf="loadingPublicationsPercentageTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 949 |
<app-countries-table *ngIf="datasetsPercentageTableData" [isPercentage]="true" [countries]="datasetsPercentageTableData" [view]="'openScience'" [entity]="'dataset'"></app-countries-table> |
|
| 950 |
</li> |
|
| 951 |
</ul> |
|
| 952 |
|
|
| 953 |
</div> |
|
| 954 |
</div> |
|
| 955 |
|
|
| 956 |
</div> |
|
| 957 |
|
|
| 958 |
</div> |
|
| 959 |
|
|
| 960 |
|
|
| 961 |
</div> |
|
| 962 |
|
|
| 855 | 963 |
</div> |
| 856 | 964 |
|
| 857 | 965 |
</li> |
| ... | ... | |
| 860 | 968 |
<div> |
| 861 | 969 |
|
| 862 | 970 |
<div class="pidIndicator"> |
| 863 |
<h3>PID</h3> |
|
| 971 |
<h3 class="uk-margin-remove">PID</h3>
|
|
| 864 | 972 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 865 | 973 |
|
| 866 | 974 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 907 | 1015 |
</div> |
| 908 | 1016 |
</div> |
| 909 | 1017 |
|
| 910 |
<div class="licenceIndicator uk-margin-medium-top">
|
|
| 911 |
<h3>Licence</h3> |
|
| 1018 |
<div class="licenceIndicator uk-margin-large-top">
|
|
| 1019 |
<h3 class="uk-margin-remove">Licence</h3>
|
|
| 912 | 1020 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 913 | 1021 |
|
| 914 | 1022 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 955 | 1063 |
</div> |
| 956 | 1064 |
</div> |
| 957 | 1065 |
|
| 1066 |
<div class="indicatorsTable uk-visible@m uk-margin-large-top"> |
|
| 1067 |
|
|
| 1068 |
<h3 class="">More details for software</h3> |
|
| 1069 |
|
|
| 1070 |
<div class="uk-margin-top uk-margin-bottom"> |
|
| 1071 |
<label class="uk-margin-right">Show: </label> |
|
| 1072 |
<select class="md-input" #selectContent (change)="getContent('software', selectContent.value)" style="width: 230px; display: inline-block">
|
|
| 1073 |
<option value="affiliated">affiliated</option> |
|
| 1074 |
<option value="affiliated_peer_reviewed">affiliated peer reviewed</option> |
|
| 1075 |
<option value="deposited">deposited</option> |
|
| 1076 |
<option value="deposited_peer_reviewed">deposited peer reviewed</option> |
|
| 1077 |
</select> |
|
| 1078 |
<!--<span class="md-input-bar"></span>--> |
|
| 1079 |
</div> |
|
| 1080 |
|
|
| 1081 |
<div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m"> |
|
| 1082 |
<div class="absoluteTable"> |
|
| 1083 |
<div class="md-card chartCard"> |
|
| 1084 |
<div class="md-card-content"> |
|
| 1085 |
|
|
| 1086 |
<ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#software-indicators-content-a-fade', animation: 'fade'}">
|
|
| 1087 |
<li aria-expanded="true" class="uk-active"> |
|
| 1088 |
<a href="#"> |
|
| 1089 |
<i class="fas fa-hashtag"></i> |
|
| 1090 |
</a> |
|
| 1091 |
</li> |
|
| 1092 |
<li aria-expanded="false" class=""> |
|
| 1093 |
<a href="#"> |
|
| 1094 |
<i class="fas fa-percentage"></i> |
|
| 1095 |
</a> |
|
| 1096 |
</li> |
|
| 1097 |
</ul> |
|
| 1098 |
|
|
| 1099 |
<ul id="software-indicators-content-a-fade" class="uk-switcher uk-margin" > |
|
| 1100 |
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;"> |
|
| 1101 |
<!--<div *ngIf="loadingPublicationsAbsoluteTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 1102 |
<app-countries-table *ngIf="softwareAbsoluteTableData" [isPercentage]="false" [countries]="softwareAbsoluteTableData" [view]="'openScience'" [entity]="'software'"></app-countries-table> |
|
| 1103 |
</li> |
|
| 1104 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
|
| 1105 |
<!--<div *ngIf="loadingPublicationsPercentageTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 1106 |
<app-countries-table *ngIf="softwarePercentageTableData" [isPercentage]="true" [countries]="softwarePercentageTableData" [view]="'openScience'" [entity]="'software'"></app-countries-table> |
|
| 1107 |
</li> |
|
| 1108 |
</ul> |
|
| 1109 |
|
|
| 1110 |
</div> |
|
| 1111 |
</div> |
|
| 1112 |
|
|
| 1113 |
</div> |
|
| 1114 |
|
|
| 1115 |
</div> |
|
| 1116 |
|
|
| 1117 |
|
|
| 1118 |
</div> |
|
| 1119 |
|
|
| 958 | 1120 |
</div> |
| 959 | 1121 |
|
| 960 | 1122 |
</li> |
| ... | ... | |
| 963 | 1125 |
<div> |
| 964 | 1126 |
|
| 965 | 1127 |
<div class="pidIndicator"> |
| 966 |
<h3>PID</h3> |
|
| 1128 |
<h3 class="uk-margin-remove">PID</h3>
|
|
| 967 | 1129 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 968 | 1130 |
|
| 969 | 1131 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 1010 | 1172 |
</div> |
| 1011 | 1173 |
</div> |
| 1012 | 1174 |
|
| 1013 |
<div class="licenceIndicator uk-margin-medium-top">
|
|
| 1014 |
<h3>Licence</h3> |
|
| 1175 |
<div class="licenceIndicator uk-margin-large-top">
|
|
| 1176 |
<h3 class="uk-margin-remove">Licence</h3>
|
|
| 1015 | 1177 |
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s"> |
| 1016 | 1178 |
|
| 1017 | 1179 |
<div class="uk-grid-margin"> |
| ... | ... | |
| 1058 | 1220 |
</div> |
| 1059 | 1221 |
</div> |
| 1060 | 1222 |
|
| 1223 |
<div class="indicatorsTable uk-visible@m uk-margin-large-top"> |
|
| 1224 |
|
|
| 1225 |
<h3 class="">More details for other research products</h3> |
|
| 1226 |
|
|
| 1227 |
<div class="uk-margin-top uk-margin-bottom"> |
|
| 1228 |
<label class="uk-margin-right">Show: </label> |
|
| 1229 |
<select class="md-input" #selectContent (change)="getContent('other', selectContent.value)" style="width: 230px; display: inline-block">
|
|
| 1230 |
<option value="affiliated">affiliated</option> |
|
| 1231 |
<option value="affiliated_peer_reviewed">affiliated peer reviewed</option> |
|
| 1232 |
<option value="deposited">deposited</option> |
|
| 1233 |
<option value="deposited_peer_reviewed">deposited peer reviewed</option> |
|
| 1234 |
</select> |
|
| 1235 |
<!--<span class="md-input-bar"></span>--> |
|
| 1236 |
</div> |
|
| 1237 |
|
|
| 1238 |
<div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m"> |
|
| 1239 |
<div class="absoluteTable"> |
|
| 1240 |
<div class="md-card chartCard"> |
|
| 1241 |
<div class="md-card-content"> |
|
| 1242 |
|
|
| 1243 |
<ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#other-indicators-content-a-fade', animation: 'fade'}">
|
|
| 1244 |
<li aria-expanded="true" class="uk-active"> |
|
| 1245 |
<a href="#"> |
|
| 1246 |
<i class="fas fa-hashtag"></i> |
|
| 1247 |
</a> |
|
| 1248 |
</li> |
|
| 1249 |
<li aria-expanded="false" class=""> |
|
| 1250 |
<a href="#"> |
|
| 1251 |
<i class="fas fa-percentage"></i> |
|
| 1252 |
</a> |
|
| 1253 |
</li> |
|
| 1254 |
</ul> |
|
| 1255 |
|
|
| 1256 |
<ul id="other-indicators-content-a-fade" class="uk-switcher uk-margin" > |
|
| 1257 |
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;"> |
|
| 1258 |
<!--<div *ngIf="loadingPublicationsAbsoluteTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 1259 |
<app-countries-table *ngIf="otherAbsoluteTableData" [isPercentage]="false" [countries]="otherAbsoluteTableData" [view]="'openScience'" [entity]="'other'"></app-countries-table> |
|
| 1260 |
</li> |
|
| 1261 |
<li aria-hidden="true" style="animation-duration: 200ms;" class=""> |
|
| 1262 |
<!--<div *ngIf="loadingPublicationsPercentageTable" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>--> |
|
| 1263 |
<app-countries-table *ngIf="otherPercentageTableData" [isPercentage]="true" [countries]="otherPercentageTableData" [view]="'openScience'" [entity]="'other'"></app-countries-table> |
|
| 1264 |
</li> |
|
| 1265 |
</ul> |
|
| 1266 |
|
|
| 1267 |
</div> |
|
| 1268 |
</div> |
|
| 1269 |
|
|
| 1270 |
</div> |
|
| 1271 |
|
|
| 1272 |
</div> |
|
| 1273 |
|
|
| 1274 |
|
|
| 1275 |
</div> |
|
| 1276 |
|
|
| 1061 | 1277 |
</div> |
| 1062 | 1278 |
|
| 1063 | 1279 |
</li> |
Also available in: Unified diff
Created the indicator tables for the open science tab of the europe page