2021-03-31 13:23:24 +02:00
< div page-content >
< div header >
< div class = "uk-margin-top" >
< a routerLink = "../" [ queryParams ] = " { ' pageId ' : pageId } "
class="uk-text-secondary uk-text-uppercase uk-text-bold uk-text-small">
< span class = "uk-icon-button uk-icon small uk-button-secondary" >
< icon name = "arrow_left" > < / icon >
< / span >
< span class = "space" >
2021-07-14 13:19:57 +02:00
Go back to class help texts list
2021-03-31 13:23:24 +02:00
< / span >
< / a >
< / div >
< / div >
< div inner >
< div class = "uk-card-header" >
< div class = "uk-flex uk-flex-middle uk-child-width-1-1 uk-child-width-1-2@m uk-grid" uk-grid >
< div >
2021-07-14 13:19:57 +02:00
< div class = "uk-text-small uk-text-muted" > {{pageHelpContent ? 'Update ' : 'Add new '}} class help text< / div >
2021-03-31 13:23:24 +02:00
< div >
< span * ngIf = "page" class = "uk-text-bold" > {{page.name}}< / span >
< span * ngIf = "myForm.dirty" > (unsaved changes)< / span >
< / div >
< / div >
< div class = " uk-flex uk-flex-right" >
< button ( click ) = " resetCustom ( ) " [ disabled ] = " showLoading | | ! myForm . dirty "
class="uk-button uk-button-secondary outlined uk-margin-small-right">Reset
< / button >
< button ( click ) = " saveCustom ( ) " class = "uk-button uk-button-secondary uk-margin-small-right"
[disabled]="showLoading || !myForm.dirty || !myForm.valid ">Save
< / button >
< / div >
< / div >
< / div >
< div class = "uk-card uk-card-default uk-position-relative " style = "min-height: 60vh" >
< div style = "max-height: 60vh" class = "uk-padding-large uk-overflow-auto" >
< div * ngIf = "errorMessage" class = "uk-alert uk-alert-danger" role = "alert" > {{errorMessage}}< / div >
< div class = "uk-animation-fade uk-width-1-1" role = "alert" >
< div * ngIf = "updateErrorMessage" class = "uk-alert uk-alert-danger" role = "alert" > {{updateErrorMessage}}< / div >
< div * ngIf = "showLoading" class = "uk-position-center" >
< loading * ngIf = "showLoading" > < / loading >
< / div >
< form [ formGroup ] = " myForm " [ class . hidden ] = " showLoading " >
< div class = "uk-grid uk-child-width-1-2 " >
< div * ngIf = "classOptions.length > 0" dashboard-input
[formInput]="myForm.get('divId')"
type="select" placeholder="Select Class"
label="Select Class" [options]="classOptions"
>
< / div >
< / div >
< div class = "form-group uk-margin-top" >
< span class = "uk-text-bold uk-margin-small-right" > Select Status (Enable/ disable)< / span >
< mat-slide-toggle [ checked ] = " myForm . get ( ' isActive ' ) . value "
(change)="changeStatus()"
uk-tooltip="title:< div class = 'uk-padding-small uk-width-large' > < div class = 'uk-text-bold ' > Enable or disable help text to show or hide it from the dashboard< / div > < / div > "
>< / mat-slide-toggle >
< / div >
< div class = "form-group uk-margin-large-top"
[ngClass]="{'has-error':!myForm.controls.content.valid & &
myForm.controls.content.dirty}" >
< label class = "uk-text-bold" > Content< / label >
< div class = "uk-margin-top" >
< ckeditor ( change ) = " contentChanged ( ) "
[readonly]="false"
debounce="500"
[formControl]="myForm.get('content')"
2021-05-10 19:56:10 +02:00
[config]="{ extraAllowedContent: '* [uk-*](*) ; span', disallowedContent: 'script; *[on*]',
removeButtons: 'Save,NewPage,DocProps,Preview,Print,' +
'Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,' +
'CreateDiv,Flash,PageBreak,' +
'Subscript,Superscript,Anchor,Smiley,Iframe,Styles,Font,About,Language',
extraPlugins: 'divarea'}">
2021-03-31 13:23:24 +02:00
< / ckeditor >
< / div >
< / div >
< input type = "hidden" formControlName = "_id" >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >