Project

General

Profile

« Previous | Next » 

Revision 58610

Added by Stefania Martziou almost 4 years ago

New design for the current version of the open science observatory

View differences:

countries-table.component.html
62 62 
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
63 63 
          <ng-container *ngIf="countryOverview.publications===null || countryOverview.publications.percentage===null">--</ng-container>
64 64 
          <ng-container *ngIf="countryOverview.publications?.percentage !=null">
65 
            {{countryOverview.publications.percentage | number}}%
66 
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
67 
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>-->
68 
              <!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->
69 
                <!--<div class="progress">-->
70 
                  <!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->
71 
                <!--</div>-->
72 
              <!--</ng-container>-->
73 
            <!--</span>-->
65 74 

  		




  66
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  67
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>


  		




  68
  
  
    
              <ng-container *ngIf="countryOverview.publications?.percentage !=null">


  		




  69
  
  
    
                <div class="progress">


  		




  70
  
  
    
                  <div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>


  		




  71
  
  
    
                </div>


  		




  72
  
  
    
              </ng-container>


  		




  73
  
  
    
            </span>


  		




  74
  
  
    

  		




  75
  75
  
    
          </ng-container>


  		




  76
  76
  
    
        </td>


  		




  77
  77
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  78
  78
  
    
          <ng-container *ngIf="countryOverview.datasets===null || countryOverview.datasets.percentage===null">--</ng-container>


  		




  79
  79
  
    
          <ng-container *ngIf="countryOverview.datasets?.percentage !=null">


  		




  
  80
  
    
            {{countryOverview.datasets.percentage | number}}%


  		




  
  81
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  82
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.datasets.percentage | number}}% </span>-->


  		




  
  83
  
    
              <!--<ng-container *ngIf="countryOverview.datasets?.percentage !=null">-->


  		




  
  84
  
    
                <!--<div class="progress">-->


  		




  
  85
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>-->


  		




  
  86
  
    
                <!--</div>-->


  		




  
  87
  
    
              <!--</ng-container>-->


  		




  
  88
  
    
            <!--</span>-->


  		




  80
  89
  
    

  		




  81
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  82
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.datasets.percentage | number}}% </span>


  		




  83
  
  
    
              <ng-container *ngIf="countryOverview.datasets?.percentage !=null">


  		




  84
  
  
    
                <div class="progress">


  		




  85
  
  
    
                  <div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>


  		




  86
  
  
    
                </div>


  		




  87
  
  
    
              </ng-container>


  		




  88
  
  
    
            </span>


  		




  89
  
  
    

  		




  90
  90
  
    
          </ng-container>


  		




  91
  91
  
    
        </td>


  		




  92
  92
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  93
  93
  
    
          <ng-container *ngIf="countryOverview.software===null || countryOverview.software.percentage===null">--</ng-container>


  		




  94
  94
  
    
          <ng-container *ngIf="countryOverview.software?.percentage !=null">


  		




  
  95
  
    
            {{countryOverview.software.percentage | number}}%


  		




  
  96
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  97
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.software.percentage | number}}% </span>-->


  		




  
  98
  
    
              <!--<ng-container *ngIf="countryOverview.software?.percentage !=null">-->


  		




  
  99
  
    
                <!--<div class="progress">-->


  		




  
  100
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>-->


  		




  
  101
  
    
                <!--</div>-->


  		




  
  102
  
    
              <!--</ng-container>-->


  		




  
  103
  
    
            <!--</span>-->


  		




  95
  104
  
    

  		




  96
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  97
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.software.percentage | number}}% </span>


  		




  98
  
  
    
              <ng-container *ngIf="countryOverview.software?.percentage !=null">


  		




  99
  
  
    
                <div class="progress">


  		




  100
  
  
    
                  <div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>


  		




  101
  
  
    
                </div>


  		




  102
  
  
    
              </ng-container>


  		




  103
  
  
    
            </span>


  		




  104
  
  
    

  		




  105
  105
  
    
          </ng-container>


  		




  106
  106
  
    
        </td>


  		




  107
  107
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  108
  108
  
    
          <ng-container *ngIf="countryOverview.otherProducts===null || countryOverview.otherProducts.percentage===null">--</ng-container>


  		




  109
  109
  
    
          <ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">


  		




  
  110
  
    
            {{countryOverview.otherProducts.percentage | number}}%


  		




  
  111
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  112
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.percentage | number}}% </span>-->


  		




  
  113
  
    
              <!--<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">-->


  		




  
  114
  
    
                <!--<div class="progress">-->


  		




  
  115
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>-->


  		




  
  116
  
    
                <!--</div>-->


  		




  
  117
  
    
              <!--</ng-container>-->


  		




  
  118
  
    
            <!--</span>-->


  		




  110
  119
  
    

  		




  111
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  112
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.percentage | number}}% </span>


  		




  113
  
  
    
              <ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">


  		




  114
  
  
    
                <div class="progress">


  		




  115
  
  
    
                  <div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>


  		




  116
  
  
    
                </div>


  		




  117
  
  
    
              </ng-container>


  		




  118
  
  
    
            </span>


  		




  119
  
  
    

  		




  120
  120
  
    
          </ng-container>


  		




  121
  121
  
    
        </td>


  		




  122
  122
  
    
      </tr>


  		




  ......




  139
  139
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  140
  140
  
    
          <ng-container *ngIf="countryOverview.publications===null || countryOverview.publications.oa===null">--</ng-container>


  		




  141
  141
  
    
          <ng-container *ngIf="countryOverview.publications?.oa !=null">


  		




  
  142
  
    
            {{countryOverview.publications.oa | number}}


  		




  
  143
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  144
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.oa | number}} </span>-->


  		




  
  145
  
    
              <!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->


  		




  
  146
  
    
                <!--<div class="progress">-->


  		




  
  147
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->


  		




  
  148
  
    
                <!--</div>-->


  		




  
  149
  
    
              <!--</ng-container>-->


  		




  
  150
  
    
            <!--</span>-->


  		




  142
  151
  
    

  		




  143
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  144
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.publications.oa | number}} </span>


  		




  145
  
  
    
              <ng-container *ngIf="countryOverview.publications?.percentage !=null">


  		




  146
  
  
    
                <div class="progress">


  		




  147
  
  
    
                  <div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>


  		




  148
  
  
    
                </div>


  		




  149
  
  
    
              </ng-container>


  		




  150
  
  
    
            </span>


  		




  151
  
  
    

  		




  152
  152
  
    
          </ng-container>


  		




  153
  153
  
    
        </td>


  		




  154
  154
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  155
  155
  
    
          <ng-container *ngIf="countryOverview.datasets===null || countryOverview.datasets.oa===null">--</ng-container>


  		




  156
  156
  
    
          <ng-container *ngIf="countryOverview.datasets?.oa !=null">


  		




  
  157
  
    
            {{countryOverview.datasets.oa | number}}


  		




  
  158
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  159
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.datasets.oa | number}} </span>-->


  		




  
  160
  
    
              <!--<ng-container *ngIf="countryOverview.datasets?.percentage !=null">-->


  		




  
  161
  
    
                <!--<div class="progress">-->


  		




  
  162
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>-->


  		




  
  163
  
    
                <!--</div>-->


  		




  
  164
  
    
              <!--</ng-container>-->


  		




  
  165
  
    
            <!--</span>-->


  		




  157
  166
  
    

  		




  158
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  159
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.datasets.oa | number}} </span>


  		




  160
  
  
    
              <ng-container *ngIf="countryOverview.datasets?.percentage !=null">


  		




  161
  
  
    
                <div class="progress">


  		




  162
  
  
    
                  <div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>


  		




  163
  
  
    
                </div>


  		




  164
  
  
    
              </ng-container>


  		




  165
  
  
    
            </span>


  		




  166
  
  
    

  		




  167
  167
  
    
          </ng-container>


  		




  168
  168
  
    
        </td>


  		




  169
  169
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  170
  170
  
    
          <ng-container *ngIf="countryOverview.software===null || countryOverview.software.oa===null">--</ng-container>


  		




  171
  171
  
    
          <ng-container *ngIf="countryOverview.software?.oa !=null">


  		




  
  172
  
    
            {{countryOverview.software.oa | number}}


  		




  
  173
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  174
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.software.oa | number}} </span>-->


  		




  
  175
  
    
              <!--<ng-container *ngIf="countryOverview.software?.percentage !=null">-->


  		




  
  176
  
    
                <!--<div class="progress">-->


  		




  
  177
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>-->


  		




  
  178
  
    
                <!--</div>-->


  		




  
  179
  
    
              <!--</ng-container>-->


  		




  
  180
  
    
            <!--</span>-->


  		




  172
  181
  
    

  		




  173
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  174
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.software.oa | number}} </span>


  		




  175
  
  
    
              <ng-container *ngIf="countryOverview.software?.percentage !=null">


  		




  176
  
  
    
                <div class="progress">


  		




  177
  
  
    
                  <div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>


  		




  178
  
  
    
                </div>


  		




  179
  
  
    
              </ng-container>


  		




  180
  
  
    
            </span>


  		




  181
  
  
    

  		




  182
  182
  
    
          </ng-container>


  		




  183
  183
  
    
        </td>


  		




  184
  184
  
    
        <td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">


  		




  185
  185
  
    
          <ng-container *ngIf="countryOverview.otherProducts===null || countryOverview.otherProducts.oa===null">--</ng-container>


  		




  186
  186
  
    
          <ng-container *ngIf="countryOverview.otherProducts?.oa !=null">


  		




  
  187
  
    
            {{countryOverview.otherProducts.oa | number}}


  		




  
  188
  
    
            <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->


  		




  
  189
  
    
              <!--<span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.oa | number}} </span>-->


  		




  
  190
  
    
              <!--<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">-->


  		




  
  191
  
    
                <!--<div class="progress">-->


  		




  
  192
  
    
                  <!--<div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>-->


  		




  
  193
  
    
                <!--</div>-->


  		




  
  194
  
    
              <!--</ng-container>-->


  		




  
  195
  
    
            <!--</span>-->


  		




  187
  196
  
    

  		




  188
  
  
    
            <span style="display: inline-block; float: right; padding-right: 10px;">


  		




  189
  
  
    
              <span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.oa | number}} </span>


  		




  190
  
  
    
              <ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">


  		




  191
  
  
    
                <div class="progress">


  		




  192
  
  
    
                  <div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>


  		




  193
  
  
    
                </div>


  		




  194
  
  
    
              </ng-container>


  		




  195
  
  
    
            </span>


  		




  196
  
  
    

  		




  197
  197
  
    
          </ng-container>


  		




  198
  198
  
    
        </td>


  		




  199
  199
  
    
      </tr>


  		












Also available in:  Unified diff