sunbirded-mobile-app documentation
  1. Components
  2. RemarksModalComponent

File

src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts

Metadata

selector app-remarks-modal
styleUrls ./remarks-modal.component.scss
templateUrl ./remarks-modal.component.html

Index

Properties
Methods
Inputs

Constructor

constructor(modal: ModalController)
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:14
Parameters :
Name Type Optional
modal ModalController No

Inputs

button
Type : string
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:13
data
Type : any
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:12
required
Type : boolean
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:14

Methods

close
close()
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:19
Returns : void
ngAfterViewChecked
ngAfterViewChecked()
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:27
Returns : void
update
update()
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:23
Returns : void

Properties

hideBack
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:11
remarkInput
Decorators :
@ViewChild('remarkInput', {static: false})
Defined in src/app/manage-learn/questionnaire/remarks-modal/remarks-modal.component.ts:10
 
import { Component, Input, ViewChild } from '@angular/core';
import { ModalController } from '@ionic/angular';

@Component({
  selector: 'app-remarks-modal',
  templateUrl: './remarks-modal.component.html',
  styleUrls: ['./remarks-modal.component.scss'],
})
export class RemarksModalComponent {
  @ViewChild('remarkInput',  {static: false}) remarkInput;
  hideBack;
  @Input() data: any;
  @Input() button: string;
  @Input() required: boolean;

  constructor(private modal: ModalController) {}


  close(): void {
    this.modal.dismiss();
  }

  update(): void {
    this.modal.dismiss(this.data.remarks);
  }

  ngAfterViewChecked() {
    this.remarkInput.setFocus();
  }
}



<ion-content class="ion-padding">
  <ion-item>
    <ion-textarea [(ngModel)]="data.remarks" placeholder="Remarks" #remarkInput style="height: 40vh"></ion-textarea>
  </ion-item>
</ion-content>

<div class="_footer" no-padding>
  <ion-row>
    <ion-col>
      <ion-button icon-start expand="full" color="light" (click)="close()" class="custom-btn-txt-transform-none">
        {{'CANCEL'|translate}}
      </ion-button>
    </ion-col>
    <ion-col>
      <ion-button icon-start expand="full"  (click)="update()" color="primary" class="custom-btn-txt-transform-none"
        [disabled]="required ? !data.remarks : false">
        {{'FRMELEMENTS_BTN_ADD'|translate}}
      </ion-button>
    </ion-col>
  </ion-row>
</div>

./remarks-modal.component.scss

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""