114 lines
6.1 KiB
HTML
114 lines
6.1 KiB
HTML
<app-stepsnvabar></app-stepsnvabar>
|
|
<div class="uk-section uk-section-default">
|
|
<div class="uk-container uk-container-large">
|
|
<h4>Your mining profiles <span class="cm-tooltip" uk-icon="icon: info" title="If you want the tooltip to appear with a little delay, just add the delay option to the uk-tooltip attribute with your value in milliseconds." uk-tooltip="pos: bottom"></span></h4>
|
|
<div uk-grid>
|
|
<div class="uk-width-expand@m">
|
|
<div class="uk-overflow-auto">
|
|
<table class="uk-table uk-table-hover uk-table-middle uk-table-divider">
|
|
<thead>
|
|
<tr>
|
|
<th class="uk-table-shrink"></th>
|
|
<th class="uk-table-expand">Profile</th>
|
|
<th class="uk-table-small">Created</th>
|
|
<th class="uk-width-small">Status</th>
|
|
<th class="uk-table-shrink uk-text-nowrap">Matches</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
</tfoot>
|
|
<tbody>
|
|
<tr *ngIf="!userSavedProfiles.length">
|
|
<!-- <td class="cm-table-number"></td> -->
|
|
<td colspan="5">
|
|
<div class="uk-text-center uk-padding uk-padding-remove-bottom">
|
|
<h3>Not created your profile yet?</h3>
|
|
<p>
|
|
Try to play with a ready example profile below!
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr *ngFor="let profile of userSavedProfiles | paginate: config; let i = index">
|
|
<td class="download">
|
|
<a class="uk-icon-link uk-icon" uk-icon="icon: download" contenteditable="false" (click)="downloadProfile(profile.id, profile.name)"></a>
|
|
</td>
|
|
<td class="uk-table-link">
|
|
<a class="uk-link-reset" (click)="loadSavedProfile(profile.id, profile.name)">{{profile.name}}</a>
|
|
</td>
|
|
<td class="uk-text-muted uk-text-nowrap">{{profile.datecreated}}</td>
|
|
<td class="uk-text-nowrap uk-text-warning">{{profile.status}}</td>
|
|
<td class="uk-text-nowrap">{{profile.matches}}</td>
|
|
<td class="delete">
|
|
<a class="uk-icon-link uk-icon" uk-icon="icon: trash" contenteditable="false" (click)="deleteProfilePrompt(i)"></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<pagination-template #p="paginationApi"
|
|
[id]="config.id"
|
|
(pageChange)="config.currentPage = $event">
|
|
<ul class="uk-pagination uk-flex-center" uk-margin>
|
|
<li [class.uk-disabled]="p.isFirstPage()"><a (click)="p.previous()"><span uk-pagination-previous></span></a></li>
|
|
<li *ngFor="let page of p.pages" [class.uk-active]="p.getCurrent() === page.value">
|
|
<a (click)="p.setCurrent(page.value)" *ngIf="p.getCurrent() !== page.value">
|
|
<span>{{ page.label }}</span>
|
|
</a>
|
|
<span *ngIf="p.getCurrent() === page.value">{{ page.label }}</span>
|
|
</li>
|
|
<li [class.uk-disabled]="p.isLastPage()"><a (click)="p.next()"><span uk-pagination-next></span></a></li>
|
|
</ul>
|
|
</pagination-template>
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-1-3@m">
|
|
<a class="test-upload uk-button uk-button-default uk-width-1-1 uk-text-center uk-margin-small-bottom cm-main-button" (click)="createNewProfile()">
|
|
<span class="uk-text-middle">Create a new mining profile</span>
|
|
</a>
|
|
<div class="test-upload uk-button uk-button-link uk-width-1-1 uk-text-center uk-margin-small-top">
|
|
<div uk-form-custom>
|
|
<form id="profile-input-form" method="post" enctype="multipart/form-data" accept-charset="UTF-8">
|
|
<input type="file" name="upload" id="profile-file-input" class="inputfile" (change)="fileChangeUpload($event)" accept=".oamp">
|
|
</form>
|
|
<span class="uk-text-middle">UPLOAD an .oamp profile file</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-section uk-section-secondary">
|
|
<div class="uk-container uk-container-small">
|
|
<h4>Start with a ready example <span class="cm-tooltip" uk-icon="icon: info" title="If you want the tooltip to appear with a little delay, just add the delay option to the uk-tooltip attribute with your value in milliseconds." uk-tooltip="pos: bottom"></span></h4>
|
|
<div uk-slider="autoplay: true">
|
|
<div class="uk-position-relative">
|
|
<div class="uk-slider-container uk-light">
|
|
<ul class="uk-slider-items uk-child-width-1-3 uk-grid">
|
|
<li *ngFor="let profile of exampleProfiles">
|
|
<a (click)="loadExampleProfile(profile.name)">
|
|
<div class="uk-card uk-card-default uk-card-hover uk-card-body uk-text-center uk-margin-medium-top uk-margin-medium-bottom">
|
|
<h3 class="uk-card-title">{{profile.name | uppercase}}</h3>
|
|
<h4 class="uk-card-title uk-margin-remove-bottom">{{profile.contents}}</h4>
|
|
<p class="uk-text-meta uk-margin-remove-top">contents</p>
|
|
<h4 class="uk-card-title uk-margin-remove-bottom">{{profile.documents}}</h4>
|
|
<p class="uk-text-meta uk-margin-remove-top">documents</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="uk-hidden@s">
|
|
<a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
|
|
<a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
|
|
</div>
|
|
<div class="uk-visible@s">
|
|
<a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
|
|
<a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
|
|
</div>
|
|
</div>
|
|
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|