D-Net

              <div class="uk-width-1-1">

                <helper position="top"></helper>

              </div>

              <div class="uk-grid  helper-grid">

                <helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>

                <div class="uk-width-expand">

                  <div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.LOADING"

                        class="uk-animation-fade uk-margin-top  uk-width-1-1" role="alert"><img src="./assets/loading.gif" class="uk-align-center" alt="Loading">

                  </div>

                  <div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">

                      <p>Please use the information/contacts shown below to deposit your {{requestFor}}.</p>

                      <!--showDataProviders [dataProviders]=dataProviders></showDataProviders-->

                      <div *ngIf="fetchDataproviders.searchUtils.totalResults" class="">

                          <paging-no-load [currentPage]="page" [totalResults]="fetchDataproviders.searchUtils.totalResults"    size=10  (pageChange)="pageChange($event)"> </paging-no-load>

                       </div>

                       <div class="" *ngIf="fetchDataproviders.results  && fetchDataproviders.searchUtils.totalResults > 0">

                             {{fetchDataproviders.searchUtils.totalResults}} content providers, page {{fetchDataproviders.searchUtils.page}} of {{(totalPages())}}

                       </div>

                      <search-result  [(results)]="fetchDataproviders.results"

                                      type="dataprovider" urlParam="datasourceId" [showSubjects]=true

                                      [custom_class]="'other-results'">

                      </search-result>

                  </div>

                  <div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.NONE && subject != ''" class = "uk-alert uk-alert-primary">

                      No content providers found with classification "{{subject}}".

                  </div>

                  <div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.ERROR && subject != ''" class = "uk-alert uk-alert-danger">

                      An error occured.

                  </div>

                  <div *ngIf="(fetchDataproviders.searchUtils.totalResults == 0 && fetchDataproviders.searchUtils.status == errorCodes.DONE)

                              || fetchDataproviders.searchUtils.status == errorCodes.NONE || fetchDataproviders.searchUtils.status == errorCodes.ERROR" class = "uk-alert  ">

                      You can still deposit your {{requestFor}} in

                      <a href="{{zenodo}}" target="_blank">OpenAIRE's Zenodo catch-all repository (<i class="custom-external"></i>)</a>

                      hosted by CERN.

                  </div>

                </div>

                <helper position="right" styleName=" uk-width-1-5"></helper>

          </div>

          <helper position="bottom"></helper>