Sunbird Portal Documentation
  1. Components
  2. CurriculumCardComponent

File

src/app/modules/learn/components/course-consumption/curriculum-card/curriculum-card.component.ts

Metadata

selector app-curriculum-card
templateUrl ./curriculum-card.component.html

Index

Properties
Inputs

Constructor

constructor(resourceService: ResourceService)
Defined in src/app/modules/learn/components/course-consumption/curriculum-card/curriculum-card.component.ts:10
Parameters :
Name Type Optional
resourceService ResourceService No

Inputs

curriculum
Type : any
Defined in src/app/modules/learn/components/course-consumption/curriculum-card/curriculum-card.component.ts:8

Properties

Public resourceService
Type : ResourceService
Defined in src/app/modules/learn/components/course-consumption/curriculum-card/curriculum-card.component.ts:10
 
import { Component, Input } from '@angular/core';
import { ResourceService } from '@sunbird/shared';
@Component({
  selector: 'app-curriculum-card',
  templateUrl: './curriculum-card.component.html'
})
export class CurriculumCardComponent {
  @Input() curriculum: any;

  public resourceService: ResourceService;
  constructor(resourceService: ResourceService) {
    this.resourceService = resourceService;
  }

}

<div class="rightSideSectionCards ui card sb-course-batch-card">
        <div class="header p-16 fnormal">{{resourceService?.frmelmnts?.lbl?.curriculum}}</div>
    <div class="content">
        <div class="description">
            <div class="ui list">
                <div class="item p-0" *ngFor="let data of curriculum">
                    <div *ngIf="data.mimeType=='application/pdf'">
                        <div class="content curriculum-content">
                            <i class="sb-icon-doc mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.pdfcontents}}</span>
                        </div>
                    </div>
                    <div *ngIf="data.mimeType.indexOf('video')!=-1">
                        <div class="content curriculum-content">
                            <i class="sb-icon-video mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.videos}}</span>
                        </div>
                    </div>
                    <div *ngIf="data.mimeType.indexOf('image')!=-1">
                        <div class="content curriculum-content">
                            <i class="sb-icon-doc mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.imagecontents}}</span>
                        </div>
                    </div>
                    <div *ngIf="data.mimeType=='application/vnd.ekstep.html-archive'">
                        <div class="content curriculum-content">
                            <i class="sb-icon-content mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.htmlarchives}}</span>
                        </div>
                    </div>
                    <div *ngIf="data.mimeType=='application/vnd.ekstep.ecml-archive'">
                        <div class="content curriculum-content">
                            <i class="sb-icon-content mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.ecmlarchives}}</span>
                        </div>
                    </div>
                    <div *ngIf="data.mimeType=='application/epub'">
                        <div class="content curriculum-content">
                            <i class="sb-icon-content mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.epubarchives}}</span>
                        </div>
                    </div>
                    <div *ngIf="data.mimeType=='application/vnd.ekstep.h5p-archive'">
                        <div class="content curriculum-content">
                            <i class="sb-icon-content mr-10"></i>
                            <span> {{data.count}}&nbsp;{{resourceService.frmelmnts.lbl.h5parchives}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""