65 lines
2.9 KiB
HTML
65 lines
2.9 KiB
HTML
<div>plugin-suggested-repositories</div>
|
|
<div class="plugin-suggested-repositories uk-container uk-container-large uk-section">
|
|
<div class="uk-flex uk-flex-middle uk-flex-between uk-margin-large-bottom">
|
|
<h3 class="uk-margin-remove">
|
|
<icon [name]="'database'" [type]="'outlined'" [ratio]="3" class="uk-margin-small-right"></icon>
|
|
Suggested repositories & journals
|
|
</h3>
|
|
<a href="" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-text-default">
|
|
View all
|
|
</a>
|
|
</div>
|
|
<div uk-slider class="uk-slider">
|
|
<ul class="uk-slider-items" uk-height-match="target: .uk-card; row: false">
|
|
<li *ngFor="let slide of [].constructor(3); let i=index" class="uk-width-1-1 uk-padding">
|
|
<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-1" uk-grid uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
|
<ng-container *ngIf="i === 0">
|
|
<div *ngFor="let item of [].constructor(2)" uk-scrollspy-class>
|
|
<div class="uk-card uk-card-default uk-card-body uk-card-hover">
|
|
Card content from result-preview
|
|
<hr>
|
|
<div>
|
|
Lorem ipsum lorem ipsum
|
|
</div>
|
|
<div>
|
|
Lorem ipsum
|
|
</div>
|
|
<div class="uk-flex uk-flex-right uk-margin-small-top">
|
|
<a href="" class="uk-float-right uk-margin-small-left uk-display-inline-block uk-text-uppercase uk-button uk-button-text">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<icon [name]="'file_upload'" [type]="'outlined'" class="uk-margin-small-right"></icon>
|
|
<span>Go to repository</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngIf="i !== 0">
|
|
<div *ngFor="let item of [].constructor(2)">
|
|
<div class="uk-card uk-card-default uk-card-body uk-card-hover">
|
|
Card content from result-preview
|
|
<hr>
|
|
<div>
|
|
Lorem ipsum lorem ipsum
|
|
</div>
|
|
<div>
|
|
Lorem ipsum
|
|
</div>
|
|
<div class="uk-flex uk-flex-right uk-margin-small-top">
|
|
<a href="" class="uk-float-right uk-margin-small-left uk-display-inline-block uk-text-uppercase uk-button uk-button-text">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<icon [name]="'file_upload'" [type]="'outlined'" class="uk-margin-small-right"></icon>
|
|
<span>Go to repository</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin-medium-top"></ul>
|
|
</div>
|
|
</div> |