uoa-repository-manager-ui/src/app/pages/dashboard/dashboard.component.html

146 lines
7.1 KiB
HTML
Executable File

<div *ngIf="getIsUserLoggedIn()" id="contentWrapper" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true" style="box-sizing: border-box;" >
<div class="uk-container uk-container-expand">
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="aria-hidden"></div>
<div class="uk-grid uk-padding">
<div class="uk-width-3-4@m uk-first-column">
<div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" style="">
<div class="uk-first-column">
<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/sources','register']" uk-scroll=""></a>
<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
<div class="uk-width-1-2@m uk-first-column">
<img class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-153949408.jpg" >
</div>
<div>
<div>
<h3 class="el-title uk-margin uk-card-title">Register</h3>
<div class="el-content uk-margin">
Register data sources in the OpenAIRE infrastructure
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/compatibility','validate']" uk-scroll=""></a>
<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
<div class="uk-width-1-2@m uk-first-column">
<img class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-516286898.jpg" >
</div>
<div>
<div>
<h3 class="el-title uk-margin uk-card-title">Validate</h3>
<div class="el-content uk-margin">
Validate data sources against OpenAIRE guidelines
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-grid-margin uk-first-column">
<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/content','notifications']" uk-scroll=""></a>
<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
<div class="uk-width-1-2@m uk-first-column">
<img class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-466267165.jpg" >
</div>
<div>
<div>
<h3 class="el-title uk-margin uk-card-title">Notifications</h3>
<div class="el-content uk-margin">
View notifications to enrich the metadata and the content
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-grid-margin">
<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="el-link uk-position-cover uk-margin-remove-adjacent" uk-scroll="" [routerLink]="['/getImpact']"></a>
<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
<div class="uk-width-1-2@m uk-first-column">
<img class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-659630328.jpg" >
</div>
<div>
<div>
<h3 class="el-title uk-margin uk-card-title">Metrics</h3>
<div class="el-content uk-margin">
View aggregated, cleaned usage statistics for repository access
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-width-1-4@m">
<div class="uk-card uk-card-body uk-card-grey" style="min-height: 300px;">
<h5 class="">MY DATASOURCES AT A GLANCE</h5>
<div *ngIf="loading">
<div class="loader-big" style="text-align: center; padding-top: 100px; color: rgb(47, 64, 80); font-weight: bold;">
Retrieving your datasources...
</div>
<div class="whiteFilm"></div>
</div>
<div *ngIf="!loading">
<div *ngIf="repositories && repositories.length>0">
<div *ngFor="let repository of repositories" class="uk-margin-bottom uk-margin-top">
<div class="uk-padding-small" style="background-color: #fff">
<div class="uk-inline uk-width-1-3@m">
<img src="{{repository.logoURL ? repository.logoURL : '../../../assets/imgs/yourLogoHere.jpg'}}" alt="">
</div>
<div class="uk-inline uk-width-2-3@m">
<div class="uk-margin-left">{{repository.repositoryName}}</div>
</div>
</div>
<div class="uk-margin-small-top">
<div>Number of records collected:
<span *ngIf="repository.recordsCollected">{{repository.recordsCollected}}</span>
<span *ngIf="!repository.recordsCollected">not available</span>
</div>
<div>Last indexed version:
<span *ngIf="repository.lastIndexedVersion">{{repository.lastIndexedVersion | date :'short'}}</span>
<span *ngIf="!repository.lastIndexedVersion">not available</span>
</div>
<div>Content enrichment events:
<span *ngIf="repository.enrichmentEvents">{{repository.enrichmentEvents}}</span>
<span *ngIf="!repository.enrichmentEvents">not available</span>
</div>
<div>Views:
<span *ngIf="repository.totalViews">{{repository.totalViews}}</span>
<span *ngIf="!repository.totalViews">not available</span>
</div>
<div>Downloads:
<span *ngIf="repository.totalDownloads">{{repository.totalDownloads}}</span>
<span *ngIf="!repository.totalDownloads">not available</span>
</div>
</div>
</div>
</div>
<div *ngIf="!repositories || repositories.length==0">
No repositories available...
</div>
</div>
</div>
</div>
</div>
</div>
</div>