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

File

src/app/manage-learn/shared/components/view-detail/view-detail.component.ts

Metadata

selector app-view-detail
styleUrls ./view-detail.component.scss
templateUrl ./view-detail.component.html

Index

Properties
Methods

Constructor

constructor(params: NavParams, modalCtrl: ModalController, platform: Platform)
Defined in src/app/manage-learn/shared/components/view-detail/view-detail.component.ts:10
Parameters :
Name Type Optional
params NavParams No
modalCtrl ModalController No
platform Platform No

Methods

close
close()
Defined in src/app/manage-learn/shared/components/view-detail/view-detail.component.ts:16
Returns : void

Properties

Public platform
Type : Platform
Defined in src/app/manage-learn/shared/components/view-detail/view-detail.component.ts:12
submission
Type : any
Defined in src/app/manage-learn/shared/components/view-detail/view-detail.component.ts:10
 
import { Component } from '@angular/core';
import { ModalController, NavParams, Platform } from '@ionic/angular';

@Component({
  selector: 'app-view-detail',
  templateUrl: './view-detail.component.html',
  styleUrls: ['./view-detail.component.scss'],
})
export class ViewDetailComponent {
  submission: any;

  constructor(params: NavParams, private modalCtrl: ModalController, public platform: Platform) {
    this.submission = params.get('submission');
  }

  close() {
    this.modalCtrl.dismiss();
  }
}

<ion-toolbar [ngClass]="{'container': platform.is('ios')}">
  <ion-buttons (click)="close()" slot="start" class="padding">
    <ion-icon role="button" aria-label="close" name="close" slot="icon-only" style="padding-left: 10px;"></ion-icon>
  </ion-buttons>
</ion-toolbar>
<ion-content>
  <ion-card class="observationTitle">
    <ion-card-content>
      {{ submission?.entityName }}
    </ion-card-content>
  </ion-card>

  <ion-card-content>
    <h5>{{ submission?.title }}</h5>
    <p>Created On : {{ submission?.createdAt | date }}</p>
    <p *ngIf="submission?.submissionDate">
      Submitted On :

      {{ submission?.submissionDate | date }}
    </p>
  </ion-card-content>
</ion-content>

./view-detail.component.scss 

.container {
    margin-top: env(safe-area-inset-top);
  }
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""