lms-app/src/app/tabs/courses/test/question-sheet/question-sheet.component.html

<section class="page-container">
    <header class="main-header">
        <div class="counter">
            <span> 0 </span>/{{ questionCount }}
        </div>

        <div class="duration">
            <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/information.svg"></svg-icon>
            {{ timeCounter.hours }} : {{ timeCounter.minutes }} : {{ timeCounter.seconds }}
        </div>

        <button> <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/information.svg"></svg-icon> </button>
    </header>

    <ul class="category-list" *ngFor="let category of testData.categoryList; let i = index;">
        <header>
            <h5> {{ category.heading }} </h5>
            <span class="count"> {{ category.unitValue }} x {{ category.questions.length }} = {{ category.unitValue * category.questions.length }} </span>
        </header>
        <li *ngFor="let question of category.questions; let j = index;">
            <app-question [question]="question" [index]="j + 1"></app-question>
        </li>
    </ul>
</section>