D-Net

<!--<div *ngIf="indicator && indicator=='pid'" class="pidIndicator">-->

  <!--<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">-->

    <!--<div class="uk-grid-margin">-->

      <!--<div class="md-card chartCard">-->

        <!--<div class="md-card-content">-->

          <!--<iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>-->

        <!--</div>-->

      <!--</div>-->

    <!--</div>-->

    <!--<div class="uk-grid-margin">-->

      <!--<div class="md-card chartCard">-->

        <!--<div class="md-card-content">-->

          <!--&lt;!&ndash;MOBILE & PAD PORTRAIT&ndash;&gt;-->

          <!--<div class="uk-hidden@m">-->

            <!--<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">-->

              <!--<label class="uk-margin-right">Show by: </label>-->

              <!--<select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">-->

                <!--<option value="datasource">datasource</option>-->

                <!--<option value="organization">organization</option>-->

                <!--<option value="funder">funder</option>-->

              <!--</select>-->

            <!--</div>-->

            <!--<iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURLMobile"-->

                    <!--width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURLMobile"></iframe>-->

            <!--<iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURLMobile"-->

                    <!--width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURLMobile"></iframe>-->

            <!--<app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"-->

                                   <!--[chartTitle]="'OA Datasets with PID by funder'"-->

                                   <!--[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>-->

          <!--</div>-->

          <!--&lt;!&ndash;LAPTOP & PAD LANDSCAPE&ndash;&gt;-->

          <!--<div class="uk-visible@m">-->

            <!--<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin-->

                <!--data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">-->

              <!--<li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>-->

              <!--<li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>-->

              <!--<li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>-->

            <!--</ul>-->

            <!--<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">-->

              <!--<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">-->

                <!--<iframe *ngIf="datasetsWithPIDByDatasourceChartURL"-->

                        <!--width="100%" height="350" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>-->

              <!--</li>-->

              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->

                <!--<iframe *ngIf="datasetsWithPIDByOrganizationChartURL"-->

                        <!--width="100%" height="350" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>-->

              <!--</li>-->

              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->

                <!--<app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"-->

                                       <!--[chartTitle]="'OA Datasets with PID by funder'"-->

                                       <!--[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>-->

              <!--</li>-->

            <!--</ul>-->

          <!--</div>-->

        <!--</div>-->

      <!--</div>-->

    <!--</div>-->

  <!--</div>-->

<!--</div>-->

<!--<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator">-->

  <!--<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">-->

    <!--<div class="uk-grid-margin">-->

      <!--<div class="md-card chartCard">-->

        <!--<div class="md-card-content">-->

          <!--<iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>-->

        <!--</div>-->

      <!--</div>-->

    <!--</div>-->

    <!--<div class="uk-grid-margin">-->

      <!--<div class="md-card chartCard">-->

        <!--<div class="md-card-content">-->

          <!--&lt;!&ndash;MOBILE & PAD PORTRAIT&ndash;&gt;-->

          <!--<div class="uk-hidden@m">-->

            <!--<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">-->

              <!--<label class="uk-margin-right">Show by: </label>-->

              <!--<select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block">-->

                <!--<option value="datasource">datasource</option>-->

                <!--<option value="organization">organization</option>-->

                <!--<option value="funder">funder</option>-->

              <!--</select>-->

            <!--</div>-->

            <!--<iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURLMobile"-->

                    <!--width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURLMobile"></iframe>-->

            <!--<iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURLMobile"-->

                    <!--width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURLMobile"></iframe>-->

            <!--<app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData"-->

                                   <!--[chartTitle]="'OA Datasets with licence by funder'"-->

                                   <!--[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>-->

          <!--</div>-->

          <!--&lt;!&ndash;LAPTOP & PAD LANDSCAPE&ndash;&gt;-->

          <!--<div class="uk-visible@m">-->

            <!--<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin-->

                <!--data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">-->

              <!--<li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li>-->

              <!--<li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li>-->

              <!--<li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li>-->

            <!--</ul>-->

            <!--<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">-->

              <!--<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">-->

                <!--<iframe *ngIf="datasetsWithLicenceByDatasourceChartURL"-->

                        <!--width="100%" height="350" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>-->

              <!--</li>-->

              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->

                <!--<iframe *ngIf="datasetsWithLicenceByOrganizationChartURL"-->

                        <!--width="100%" height="350" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>-->

              <!--</li>-->

              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->

                <!--<app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData"-->

                                       <!--[chartTitle]="'OA Datasets with licence by funder'"-->

                                       <!--[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>-->

              <!--</li>-->

            <!--</ul>-->

          <!--</div>-->

        <!--</div>-->

      <!--</div>-->

    <!--</div>-->

  <!--</div>-->

<!--</div>-->