2021-05-19 13:40:29 +02:00
< div page-content >
< div header >
< community-info tab = "subjects" > < / community-info >
< div class = "uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid >
< div # searchInputComponent search-input [ control ] = " filterForm " [ showSearch ] = " false " placeholder = "Search subjects"
[selected]="selectedKeyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
[bordered]="true" colorClass="uk-text-secondary"
class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1">< / div >
<!-- <a *ngIf="!subjectsEnabled" (click)="enablePage()" class="uk - link - heading uk - text - small uk - text - uppercase"
uk-tooltip="title:< div class = 'uk-padding-small' > This information will be visible in < b > Subjects page< / b > of Research Community Dashboard, which is < b > disabled< / b > . < br > Click to enable id.< / div > ">
< span class = "uk-text-secondary" > < icon name = "check_circle_outlined" > < / icon > < / span >
Enable page
< / a > -->
2018-10-30 16:31:16 +01:00
< div >
2021-05-19 13:40:29 +02:00
< a ( click ) = " newSubject ( ) "
uk-tooltip="title:< div class = 'uk-padding-small' > < div class = 'uk-margin-bottom uk-text-bold' > Add new subjects< / div > All the research results associated to the subjects specified here will be automatically linked to the community dashboard in the next run of OpenAIRE workflows.< / div > "
class="uk-flex uk-flex-middle uk-text-uppercase">
< button class = "large uk-icon-button uk-button-secondary" >
< icon name = "add" > < / icon >
< / button >
< button class = "uk-button uk-button-link uk-margin-small-left uk-text-secondary" > Add new subject< / button >
< / a >
2018-10-30 16:31:16 +01:00
< / div >
< / div >
2021-05-19 13:40:29 +02:00
< / div >
< div inner >
< div * ngIf = "showLoading" class = "uk-position-center" >
< loading * ngIf = "showLoading" > < / loading >
< / div >
< div * ngIf = "community && community.subjects && !showLoading" >
< div * ngIf = "community.subjects.length == 0"
class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
< div > No subjects found< / div >
< / div >
< div * ngIf = "community.subjects.length > 0" >
< no-load-paging * ngIf = "community.subjects.length > 0" [ type ] = " ' Subjects ' "
[page]="page" [pageSize]="size" (pageChange)="page = $event.value"
[totalResults]="community.subjects.length">
< / no-load-paging >
< ul class = "uk-list" >
< li * ngFor = 'let subject of community.subjects; let i = index;'
class="uk-card uk-card-default uk-margin-bottom" [class.uk-hidden]="i > page * size ||
i < (page - 1) * size">
< div class = "uk-grid uk-padding uk-grid-divider uk-flex uk-flex-middle" uk-grid >
< div class = "uk-width-expand uk-text-large" >
< span
uk-tooltip="title:< div class = 'uk-padding-small' > All the research results associated to this subjects will be automatically linked to the community dashboard. < / div > ">
{{subject}}
< / span >
< / div >
< div class = "uk-width-auto" >
< div class = "uk-flex-center uk-flex" >
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< a ( click ) = " editSubject ( subject ) " class = "uk-button action uk-flex uk-flex-middle" >
< icon name = "edit" > < / icon >
< span class = "uk-margin-small-left" > Edit< / span >
< / a >
< a ( click ) = " removeModalOpen ( subject , i ) "
class="uk-button action uk-margin-small-top uk-flex uk-flex-middle ">
< icon name = "remove" ratio = "0.9" > < / icon >
< span class = "uk-margin-small-left" > Delete< / span >
< / a >
2018-10-30 16:31:16 +01:00
< / div >
2021-05-19 13:40:29 +02:00
< / div >
< / div >
< / div >
< / li >
< / ul >
< / div >
< / div >
2018-10-30 16:31:16 +01:00
< / div >
< / div >
2021-05-19 13:40:29 +02:00
< modal-alert # editModal ( alertOutput ) = " saveSubjects ( ) "
[okDisabled]="myForm & & (myForm.invalid || !myForm.dirty)">
< div class = "uk-height-medium uk-overflow-auto" style = "margin-right: -30px" >
< form * ngIf = "myForm" class = "uk-grid uk-child-width-1-1 uk-margin-right" uk-grid >
< div * ngFor = " let control of myForm.controls; index as i" class = "uk-flex-middle uk-grid uk-grid-small" uk-grid >
< div dashboard-input [ formInput ] = " myForm . controls [ i ] " type = "text"
placeholder="Type subjects as free text keywords" class="uk-width-expand ">< / div >
< div * ngIf = "!isEditModal" class = "uk-width-auto" >
< a class = "uk-link-heading" [ class . uk-invisible ] = " myForm . length = == 1 "
(click)="removeSubjectInForm(i)">
< icon name = "close" > < / icon >
< / a >
< / div >
< / div >
< div class = "uk-margin-top uk-flex-center uk-flex" >
< a * ngIf = "!isEditModal" ( click ) = " addSubjectInForm ( ) " >
< button class = "uk-icon-button uk-button-secondary" >
< icon name = "add" > < / icon >
< / button >
< / a >
< / div >
< / form >
< / div >
< / modal-alert >
< modal-alert # deleteModal ( alertOutput ) = " saveSubjects ( ) " > < / modal-alert >
<!-- <modal - alert #enablePageModal (alertOutput)="enablePage()">
< div class = "uk-padding uk-padding-remove-horizontal" >
This information will be visible in < span class = "uk-text-bold" > Subjects page< / span > of Research Community
Dashboard, which is < span class = "uk-text-bold" > disabled< / span > .
Do you want to < span class = "uk-text-bold" > enable< / span > it now?
< / div >
< / modal-alert > -->