D-Net

<div class=" uk-section  uk-margin-small-top tm-middle uk-container" id="tm-main">

<div class="uk-container  uk-margin-bottom">

  <article *ngIf="communityInfo" class="uk-article ">

    <div *ngIf="communityId == null || communityId == ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-alert uk-alert-primary">

       No community chosen

    </div>

    <div class="uk-clearfix uk-margin-bottom">

      <manage *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=" uk-float-right"></manage>

      <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=" uk-float-right"></subscribe>

    </div>

    <div *ngIf="communityId != null && communityId != '' && community != null">

        <blockquote>

            <div *ngIf="community.title != null">

              <p> {{community.title}}</p>

            </div>

            <div *ngIf="community.title == null && community.shortTitle != null">

              <p> {{community.shortTitle}}</p>

            </div>

            <div *ngIf="community.description != null">

              <p> {{community.description}}</p>

            </div>

        </blockquote>

        <div *ngIf="community.subjects != null">

          <span *ngFor="let subject of community.subjects.slice(0,10) let i=index">

              <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">{{subject}}</span>

              <!-- <span *ngIf=" i<9 && i<(community.subjects.length-1)">&nbsp;</span> -->

          </span>

          <span *ngIf="showAll">

              <span *ngFor="let subject of community.subjects.slice(10) let i=index">

                  <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">{{subject}}</span>

                  <!-- <span *ngIf="i<(community.subjects.length-1)">&nbsp;</span> -->

              </span>

          </span>

          <span *ngIf="!showAll && community.subjects.length > 10">

              <a (click)="showAll = !showAll;">

                show more

              </a>

          </span>

          <span *ngIf="showAll">

              <a (click)="showAll = !showAll;">

                show less

              </a>

          </span>

        </div>

        <p>

          <span *ngIf="community.managers != null && community.managers[0] != '' && community.managers[0] != null"> Curated by:

              <span *ngFor='let manager of community.managers; let i = index'>{{manager.substr(0, manager.indexOf('@'))}}<span *ngIf="manager.includes('@') == 0">{{manager}}</span><span *ngIf="i<(community.managers.length-1)">,</span>

              </span>

          </span>

          <span *ngIf="community.date != null" class="uk-margin-left"> Created: {{community.date | date:'dd-MM-yyyy'}}</span>

          <subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class="uk-margin-left"></subscribe>

        </p>

    </div>

    <!--invite  *ngIf="communityId != null && communityId != '' && community" [communityId]=communityId [communityName]=community.shortTitle> </invite-->

    <div *ngIf="communityId != null && communityId != ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid" uk-grid="">

      <div *ngIf="publicationTotal != null && IsEntityEnabled('publication')" class="uk-first-column">

        <div class="uk-card uk-card-default uk-card-small uk-card-body">

          <div>

            <a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/publications" ><h3 class="uk-card-title">{{publicationTotal|number}}</h3>

            <p>publications</p></a>

          </div>

        </div>

      </div>

      <div *ngIf="researchDataTotal != null && IsEntityEnabled('dataset')">

        <div class="uk-card uk-card-default uk-card-small uk-card-body">

          <div>

            <a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/datasets"><h3 class="uk-card-title">{{researchDataTotal|number}}</h3>

            <p>research data</p></a>

          </div>

        </div>

      </div>

      <div *ngIf="softwareTotal != null && IsEntityEnabled('software')">

        <div class="uk-card uk-card-default uk-card-small uk-card-body">

          <div>

            <a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/software"><h3 class="uk-card-title">{{softwareTotal|number}}</h3>

            <p>software</p></a>

          </div>

        </div>

      </div>

      <div *ngIf="orpTotal != null && IsEntityEnabled('orp')">

        <div class="uk-card uk-card-default uk-card-small uk-card-body">

          <div>

            <a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/other"><h3 class="uk-card-title">{{orpTotal|number}}</h3>

            <p>other research products</p></a>

          </div>

        </div>

      </div>

      <div *ngIf="projectTotal != null && IsEntityEnabled('project')">

        <div class="uk-card uk-card-default uk-card-small uk-card-body">

          <div>

            <a routerLinkActive="router-link-active" routerLink="/search/find/projects"><h3 class="uk-card-title">{{projectTotal|number}}</h3>

            <p>projects</p></a>

          </div>

        </div>

      </div>

        <!-- <div>

            <div class="uk-card uk-card-default uk-card-small uk-card-body">

              <div *ngIf="organizationTotal != null">

                <a [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/organizations"><h3 class="uk-card-title">{{organizationTotals}}</h3>

                <p>organizations</p></a>

              </div>

            </div>

        </div> -->

      <div *ngIf="contentProviderTotal != null && IsEntityEnabled('datasource')">

          <div class="uk-card uk-card-default uk-card-small uk-card-body">

            <div>

              <a routerLinkActive="router-link-active" routerLink="/search/find/dataproviders"><h3 class="uk-card-title">{{contentProviderTotal|number}}</h3>

              <p>content providers</p></a>

            </div>

          </div>

      </div>

    </div>

     <!-- <div *ngIf="communityId != null && communityId != ''" class="uk-grid-small uk-margin-medium uk-grid" uk-grid="">

      <div  *ngIf="IsEntityEnabled('publication')"  class="uk-width-expand@m">

        <h2 class="uk-h3 uk-heading-line uk-text-primary">

          <span>Recent publications</span>

        </h2>

          <results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params></results-comp>

      </div>

      <div *ngIf="IsEntityEnabled('dataset')" class="uk-width-expand@m">

        <h2 class="uk-h3 uk-heading-line uk-text-primary">

          <span>Recent research data</span>

        </h2>

          <results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params></results-comp>

      </div>

      <div *ngIf="IsEntityEnabled('software')" class="uk-width-expand@m">

        <h2 class="uk-h3 uk-heading-line uk-text-primary">

          <span>Recent software</span>

        </h2>

          <results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params></results-comp>

      </div>

      <div *ngIf="IsEntityEnabled('orp')" class="uk-width-expand@m">

        <h2 class="uk-h3 uk-heading-line uk-text-primary">

          <span>Recent other research products</span>

        </h2>

          <results-comp [(results)]=orpResults [(total)]=orpTotal resultType="other" [community]=community [params]=params></results-comp>

      </div>

    </div> -->

    <div>

      <div class="uk-margin-large-top">

          <h2 class="uk-h3 uk-text-primary">

              Recent research results

          </h2>

      </div>

      <ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#resultTabs'">

          <li *ngIf="IsEntityEnabled('publication')" class="uk-active"><a href="#">publications</a></li>

          <li *ngIf="IsEntityEnabled('dataset')" (click)="searchResearchData()"><a href="#">research data</a></li>

          <li *ngIf="IsEntityEnabled('software')" (click)="searchSoftware()"><a href="#">software</a></li>

          <li *ngIf="IsEntityEnabled('orp')" (click)="searchOrps()"><a href="#">other research products</a></li>

      </ul>

      <ul id="resultTabs" class="uk-switcher" style="min-height:450px;">

          <li *ngIf="IsEntityEnabled('publication')"><results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params></results-comp></li>

          <li *ngIf="IsEntityEnabled('dataset')"><results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params></results-comp></li>

          <li *ngIf="IsEntityEnabled('software')"><results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params></results-comp></li>

          <li *ngIf="IsEntityEnabled('orp')"><results-comp [(results)]=orpResults [(total)]=orpTotal resultType="other" [community]=community [params]=params></results-comp></li>

      </ul>

    </div>

    <statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>

  </article>

</div>

</div>