2018-03-17 14:05:55 +01:00
< app-stepsnvabar > < / app-stepsnvabar >
2018-11-02 18:31:11 +01:00
< div * ngIf = "isCommunityManager" class = "uk-section uk-section-default" >
< div class = "uk-container uk-container-expand" >
< h4 > Administrate all profiles < span class = "cm-tooltip" uk-icon = "icon: info" title = "Each <b>mining profile</b> consists of the data and the rules used to define a <b>mining procedure</b>.<br>Click the profile to <b>edit</b>." uk-tooltip = "pos: right" > < / span > < / h4 >
< div class = "uk-overflow-auto" >
< table class = "uk-table uk-table-hover uk-table-middle uk-table-divider" >
< thead >
< tr >
< th class = "uk-table-small cm-text-muted" > Community< / th >
< th class = "uk-table-expand cm-text-muted" > Profile< / th >
< th class = "uk-table-small cm-text-muted" > Modified< / th >
< th class = "uk-width-small cm-text-muted" > Status< / th >
< th class = "uk-table-shrink" > < / th >
<!-- <th class="uk - table - shrink uk - text - nowrap">Matches</th> -->
< / tr >
< / thead >
< tfoot >
< / tfoot >
< tbody >
2019-05-31 14:30:55 +02:00
< tr * ngFor = "let profile of allUsersProfiles | paginate: allProfiles; let i = index" >
2018-11-02 18:31:11 +01:00
< td class = "uk-text-nowrap" > {{profile.user}}< / td >
< td class = "uk-table-link" >
< a class = "uk-link-reset" ( click ) = " loadUserProfileAdmin ( profile . userId , profile . profileId , profile . profile ) " > {{profile.profile}}< / a >
< / td >
< td class = "cm-text-muted uk-text-nowrap" > {{profile.datecreated}}< / td >
< td class = "uk-text-nowrap uk-text-warning" >
< select [ ( ngModel ) ] = " profile . status " ( ngModelChange ) = " onStatusChange ( profile . userId , profile . profileId , $ event ) " >
< option * ngFor = "let status of statusValues" [ ngValue ] = " status " > {{status}}< / option >
< / select >
< / td >
< td class = "download" >
< a class = "uk-icon-link uk-icon" uk-icon = "icon: download" contenteditable = "false" ( click ) = " downloadUserProfileAdmin ( profile . userId , profile . profileId , profile . profile ) " > < / a >
< / td >
<!-- <td class="uk - text - nowrap">{{profile.matches}}</td> -->
< / tr >
< / tbody >
< / table >
< pagination-template * ngIf = "allUsersProfiles.length" # p = "paginationApi"
2019-05-31 14:30:55 +02:00
[id]="allProfiles.id"
(pageChange)="allProfiles.currentPage = $event">
2018-11-02 18:31:11 +01:00
< 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 >
2018-02-28 12:41:06 +01:00
< div class = "uk-section uk-section-default" >
2018-03-22 22:32:33 +01:00
< div class = "uk-container uk-container-expand" >
2018-11-02 18:31:11 +01:00
< h4 > My mining profiles < span class = "cm-tooltip" uk-icon = "icon: info" title = "Each <b>mining profile</b> consists of the data and the rules used to define a <b>mining procedure</b>.<br>Click the profile to <b>edit</b>." uk-tooltip = "pos: right" > < / span > < / h4 >
2018-03-22 22:32:33 +01:00
<!-- <div uk - grid> -->
<!-- <div class="uk - width - expand@m"> -->
2018-02-28 12:41:06 +01:00
< div class = "uk-overflow-auto" >
< table class = "uk-table uk-table-hover uk-table-middle uk-table-divider" >
< thead >
< tr >
2018-03-22 22:32:33 +01:00
<!-- <th class="uk - table - shrink"></th> -->
< th class = "uk-table-expand cm-text-muted" > Profile< / th >
< th class = "uk-table-small cm-text-muted" > Modified< / th >
2019-05-29 16:02:54 +02:00
< th class = "uk-table-small cm-text-muted" > Notified < span class = "cm-tooltip" uk-icon = "icon: info" title = "When your profile is in its final version, notify the OpenAIRE Mining experts to process it" uk-tooltip = "pos: right" > < / span > < / th >
2018-03-22 22:32:33 +01:00
< th class = "uk-width-small cm-text-muted" > Status< / th >
<!-- <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 >
2018-03-22 22:32:33 +01:00
< p class = "uk-text-lead" >
Try to play with an example profile below!
2018-02-28 12:41:06 +01:00
< / p >
2018-03-22 22:32:33 +01:00
< div class = "uk-heading-line uk-text-center uk-margin-auto cm-margin-medium" style = "width: 335px;" > < span > or< / span > < / div >
< a class = "test-upload uk-button cm-button-primary uk-text-center cm-margin" ( click ) = " createNewProfile ( ) " >
< span class = "uk-text-middle" > Create a new mining profile< / span >
< / a >
2018-02-28 12:41:06 +01:00
< / div >
< / td >
< / tr >
2019-05-31 14:30:55 +02:00
< tr * ngFor = "let profile of userSavedProfiles| paginate: userProfiles; let i = index" >
2018-03-22 22:32:33 +01:00
<!-- <td class="download"> -->
<!-- <a class="uk - icon - link uk - icon" uk - icon="icon: download" contenteditable="false" (click)="downloadProfile(profile.id, profile.name)"></a> -->
<!-- </td> -->
2018-02-28 12:41:06 +01:00
< td class = "uk-table-link" >
< a class = "uk-link-reset" ( click ) = " loadSavedProfile ( profile . id , profile . name ) " > {{profile.name}}< / a >
< / td >
2018-03-22 22:32:33 +01:00
< td class = "cm-text-muted uk-text-nowrap" > {{profile.datecreated}}< / td >
2019-05-29 16:02:54 +02:00
< td class = "cm-text-muted uk-text-nowrap" >
< button * ngIf = "!profile.notified && !pending" class = "uk-button uk-button-secondary uk-button-small uk-text-center cm-margin" ( click ) = " notifyProfile ( profile ) " > Notify< / button >
2019-05-31 14:30:55 +02:00
< button * ngIf = "pending" class = "uk-button uk-button-secondary uk-button-small uk-text-center cm-margin" disabled > Notifying... < span uk-spinner = "ratio: 0.8" > < / span > < / button >
2019-05-29 16:02:54 +02:00
< span * ngIf = "profile.notified " class = "uk-label uk-label-success" > Notified< / span >
< / td >
2018-02-28 12:41:06 +01:00
< td class = "uk-text-nowrap uk-text-warning" > {{profile.status}}< / td >
2018-03-22 22:32:33 +01:00
<!-- <td class="uk - text - nowrap">{{profile.matches}}</td> -->
2018-02-28 12:41:06 +01:00
< td class = "delete" >
< a class = "uk-icon-link uk-icon" uk-icon = "icon: trash" contenteditable = "false" ( click ) = " deleteProfilePrompt ( i ) " > < / a >
< / td >
< / tr >
< / tbody >
< / table >
2019-05-31 14:30:55 +02:00
< pagination-template * ngIf = "userSavedProfiles.length" # u = "paginationApi"
[id]="userProfiles.id"
(pageChange)="userProfiles.currentPage = $event">
2018-02-28 12:41:06 +01:00
< ul class = "uk-pagination uk-flex-center" uk-margin >
2019-05-31 14:30:55 +02:00
< li [ class . uk-disabled ] = " u . isFirstPage ( ) " > < a ( click ) = " u . previous ( ) " > < span uk-pagination-previous > < / span > < / a > < / li >
< li * ngFor = "let page of u.pages" [ class . uk-active ] = " u . getCurrent ( ) = = = page . value " >
< a ( click ) = " u . setCurrent ( page . value ) " * ngIf = "u.getCurrent() !== page.value" >
2018-02-28 12:41:06 +01:00
< span > {{ page.label }}< / span >
< / a >
2019-05-31 14:30:55 +02:00
< span * ngIf = "u.getCurrent() === page.value" > {{ page.label }}< / span >
2018-02-28 12:41:06 +01:00
< / li >
2019-05-31 14:30:55 +02:00
< li [ class . uk-disabled ] = " u . isLastPage ( ) " > < a ( click ) = " u . next ( ) " > < span uk-pagination-next > < / span > < / a > < / li >
2018-02-28 12:41:06 +01:00
< / ul >
< / pagination-template >
< / div >
2018-03-22 22:32:33 +01:00
<!-- </div> -->
<!-- <div class="uk - width - 1 - 3@m"> -->
<!-- <a class="test - upload uk - button cm - button - primary uk - width - 1 - 1 uk - text - center uk - margin - small - bottom" (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> -->
2019-05-31 14:30:55 +02:00
< div * ngIf = "userSavedProfiles.length > 0" class = "uk-container-small" >
2018-03-22 22:32:33 +01:00
< a class = "test-upload uk-button cm-button-primary uk-text-center cm-margin" ( click ) = " createNewProfile ( ) " >
< span class = "uk-text-middle" > Create a new mining profile< / span >
< / a >
2018-02-28 12:41:06 +01:00
< / div >
< / div >
< / div >
2018-03-22 22:32:33 +01:00
< h4 > Start with an example profile< / h4 >
2018-03-19 13:44:18 +01:00
< div class = "uk-section uk-section-secondary cm-section-examples" >
2018-03-02 11:07:03 +01:00
< div class = "uk-container uk-container-small" >
2018-02-28 12:41:06 +01:00
< div uk-slider = "autoplay: true" >
< div class = "uk-position-relative" >
< div class = "uk-slider-container uk-light" >
2018-03-19 13:44:18 +01:00
< ul class = "uk-slider-items cm-child-width-examples-cards 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" >
2018-03-19 13:44:18 +01:00
< h3 class = "uk-card-title uk-text-bold" > {{profile.name | uppercase}}< / h3 >
2018-02-28 12:41:06 +01:00
< h4 class = "uk-card-title uk-margin-remove-bottom" > {{profile.contents}}< / h4 >
2018-03-22 22:32:33 +01:00
< p class = "uk-text-small uk-margin-remove-top" > concepts< / p >
2018-02-28 12:41:06 +01:00
< h4 class = "uk-card-title uk-margin-remove-bottom" > {{profile.documents}}< / h4 >
2018-03-19 13:44:18 +01:00
< p class = "uk-text-small uk-margin-remove-top" > documents< / p >
2018-02-28 12:41:06 +01:00
< / 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 >