2018-10-30 16:31:16 +01:00
< form [ formGroup ] = " myForm " >
< div class = "form-group" [ ngClass ] = " { ' has-error ' : ! myForm . controls . name . valid & & myForm . controls . name . dirty } " >
< label for = "divIdNameTag" > *Class Name< / label >
< input type = "text" class = "form-control" formControlName = "name" id = "divIdNameTag" placeholder = "Class Name" >
< / div >
2020-09-24 13:48:17 +02:00
< div [ ngClass ] = " { ' has-error ' : ! myForm . controls . portalType . valid & & myForm . controls . portalType . dirty } " class = "form-group uk-grid-small uk-margin-medium-bottom" uk-grid >
< label class = "uk-width-1-1 uk-margin-small-bottom" >
*Class exists in:
< / label >
< label class = "uk-width-1-1 radio uk-margin-large-left" >
< span class = "uk-margin-small-right" style = "font-weight: normal;" > OpenAIRE portal< / span >
<!-- <input tabindex="0" type="checkbox" formControlName="openaire"> -->
< input type = "radio" value = "explore" formControlName = "portalType" >
< / label >
< label class = "uk-width-1-1 radio uk-margin-large-left" >
< span class = "uk-margin-small-right" style = "font-weight: normal;" > OpenAIRE Connect portal< / span >
<!-- <input tabindex="0" type="checkbox" formControlName="connect"> -->
< input type = "radio" value = "connect" formControlName = "portalType" >
< / label >
< label class = "uk-width-1-1 radio uk-margin-large-left" >
< span class = "uk-margin-small-right" style = "font-weight: normal;" > Communities' Gateway< / span >
<!-- <input tabindex="0" type="checkbox" formControlName="communities"> -->
< input type = "radio" value = "community" formControlName = "portalType" >
< / label >
< div class = "uk-text-small" > If portal changes, selected pages will be lost< / div >
< / div >
2018-10-30 16:31:16 +01:00
2020-09-24 13:48:17 +02:00
< div formArrayName = "pages" [ class ] = " ( ! myForm . controls . portalType . value ? ' uk-disabled ' : ' ' ) + ' form-group ' "
[ngClass]="{'has-error':!myForm.controls.pages.valid & & myForm.controls.pages.dirty}">
< label for = "pageNameTag" > Page Name (*at least 1)< / label >
< div id = "pageNameTag" >
< pre class = "card card-block card-header" > < span * ngFor = "let page of myForm.controls.pages.value; let i=index" > {{page.name}}< span * ngIf = "i<(myForm.controls.pages.value.length-1)" > , < / span > < / span > < / pre >
2018-10-30 16:31:16 +01:00
2020-09-24 13:48:17 +02:00
< button type = "button" class = "uk-button-small" ( click ) = " toggle ( ) " > Add / Remove pages< / button >
2018-10-30 16:31:16 +01:00
2020-09-24 13:48:17 +02:00
< ng-container * ngIf = "!myForm.value.isCollapsed" >
< div * ngIf = "errorMessage" class = "uk-alert uk-alert-danger" role = "alert" > {{errorMessage}}< / div >
< div [ style . display ] = " showLoading ? ' inline ' : ' none ' " class = "uk-animation-fade uk-width-1-1" role = "alert" > < img class = "uk-align-center loading-gif" > < / div >
<!-- <div *ngFor="let page of availablePages">
< span >
< span * ngIf = "indexOfPageInForm(page._id) >= 0" class = "activated" >
< input ( click ) = " togglePage ( false , page ) " class = "deactivate" src = "assets/imgs/delete-icon.png" title = "Disable" width = "20" type = "image" height = "20" >
2018-10-30 16:31:16 +01:00
< / span >
2020-09-24 13:48:17 +02:00
< span * ngIf = "indexOfPageInForm(page._id) < 0" class = "deactivated" >
< input ( click ) = " togglePage ( true , page ) " class = "activate" src = "assets/imgs/add-icon.png" title = "Enable" width = "20" type = "image" height = "20" >
< / span >
{{page.name}}
< / span >
< / div > -->
2018-10-30 16:31:16 +01:00
2020-09-24 13:48:17 +02:00
< div * ngFor = "let page of getKeys(allPagesFiltered)" >
2018-10-30 16:31:16 +01:00
< span >
2020-09-24 13:48:17 +02:00
< span * ngIf = "allPagesFiltered.get(page)" class = "activated" >
2018-10-30 16:31:16 +01:00
< input ( click ) = " togglePage ( false , page ) " class = "deactivate" src = "assets/imgs/delete-icon.png" title = "Disable" width = "20" type = "image" height = "20" >
< / span >
2020-09-24 13:48:17 +02:00
< span * ngIf = "!allPagesFiltered.get(page)" class = "deactivated" >
2018-10-30 16:31:16 +01:00
< input ( click ) = " togglePage ( true , page ) " class = "activate" src = "assets/imgs/add-icon.png" title = "Enable" width = "20" type = "image" height = "20" >
< / span >
{{page.name}}
< / span >
2020-09-24 13:48:17 +02:00
< / div >
< / ng-container >
< / div >
2019-07-01 15:47:58 +02:00
< / div >
2018-10-30 16:31:16 +01:00
< input type = "hidden" formControlName = "_id" >
< / form >