2018-03-17 14:05:55 +01:00
< app-stepsnvabar > < / app-stepsnvabar >
2018-02-28 12:41:06 +01:00
< 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 >
2018-03-02 11:07:03 +01:00
< th class = "uk-table-expand" > Profile< / th >
2018-02-28 12:41:06 +01:00
< th class = "uk-table-small" > Created< / th >
< th class = "uk-width-small" > Status< / th >
2018-03-02 11:07:03 +01:00
< th class = "uk-table-shrink uk-text-nowrap" > Matches< / th >
2018-02-28 12:41:06 +01:00
< 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 >
2018-03-02 11:07:03 +01:00
< td class = "uk-text-muted uk-text-nowrap" > {{profile.datecreated}}< / td >
2018-02-28 12:41:06 +01:00
< 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" >
2018-03-02 11:07:03 +01:00
< div class = "uk-container uk-container-small" >
2018-02-28 12:41:06 +01:00
< 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" >
2018-03-02 11:07:03 +01:00
< ul class = "uk-slider-items uk-child-width-1-3 uk-grid" >
2018-02-28 12:41:06 +01:00
< 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 >