doc-exercises.page.html 4.88 KB
Newer Older
1
<ion-header>
2 3 4 5 6 7 8 9 10 11 12 13 14 15
    <ion-toolbar>
        <ion-buttons slot="start">
            <div class="home-logo">
                <a (click)="HelperService.goToHomePage(navCtrl)">
                    <img src="assets/imgs/logo.png" width="32px" height="32px" alt="CALLIDUS Logo">
                </a>
            </div>
            <div>
                <ion-spinner *ngIf="HelperService.isLoading"></ion-spinner>
                <ion-title>{{ 'DOC_EXERCISES' | translate }}
                </ion-title>
            </div>
        </ion-buttons>
        <ion-buttons slot="end">
16
            <ion-menu-button autoHide="false">
17
                <ion-icon name="menu"></ion-icon>
18
            </ion-menu-button>
19 20
        </ion-buttons>
    </ion-toolbar>
21 22 23
</ion-header>

<ion-content>
24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113
    <ion-grid>
        <ion-row>
            <ion-col>
                <h2 style="text-align:center;">{{'TEST' | translate}}</h2>
            </ion-col>
        </ion-row>
        <ion-row>
            <ion-col style="text-align:left; padding-left: 10px;">
                {{'DOC_EXERCISES_VOC_UNIT_INTRO' | translate}}
            </ion-col>
        </ion-row>
        <ion-row>
            <ion-col size="1">
                <h4>ID</h4>
            </ion-col>
            <ion-col size="3">
                <h4>{{'DOC_EXERCISES_NAME' | translate}}</h4>
            </ion-col>
            <ion-col size="2">
                <h4>{{'DOC_EXERCISES_TYPE' | translate}}</h4>
            </ion-col>
            <ion-col size="2">
                <h4>{{'DOC_EXERCISES_LEVEL' | translate}}</h4>
            </ion-col>
            <ion-col size="4">
                <h4>{{'DOC_EXERCISES_FUNCTION' | translate}}</h4>
            </ion-col>
        </ion-row>
        <!-- Vocabulary unit, first exercise type to appear-->
        <ion-row *ngFor="let vud of vocUnitDocs; let i = index">
            <ion-col size="1">{{i + 1}}</ion-col>
            <ion-col size="3">
                {{ vud.name | translate}}
            </ion-col>
            <ion-col size="2">
                {{ vud.type | translate}}
            </ion-col>
            <ion-col size="2">
                {{ vud.level | translate}}
            </ion-col>
            <ion-col size="4">
                {{ vud.function | translate}}
            </ion-col>
        </ion-row>
        <ion-row>
            <br>
            <br>
        </ion-row>
        <ion-row>
            <ion-col>
                <h2 style="text-align:center;">{{'EXERCISE_GENERATE' | translate}}</h2>
            </ion-col>
        </ion-row>
        <ion-row>
            <ion-col size="1">
                <h4>ID</h4>
            </ion-col>
            <ion-col size="3">
                <h4>{{'DOC_EXERCISES_NAME' | translate}}</h4>
            </ion-col>
            <ion-col size="2">
                <h4>{{'DOC_EXERCISES_TYPE' | translate}}</h4>
            </ion-col>
            <ion-col size="2">
                <h4>{{'DOC_EXERCISES_LEVEL' | translate}}</h4>
            </ion-col>
            <ion-col size="4">
                <h4>{{'DOC_EXERCISES_FUNCTION' | translate}}</h4>
            </ion-col>
        </ion-row>
        <!-- Exercise types of the exercise generator -->
        <ion-row *ngFor="let egd of exerciseGenDocs; let i = index">
            <ion-col size="1">{{i + 1}}</ion-col>
            <ion-col size="3">
                {{ egd.name | translate}}
            </ion-col>
            <ion-col size="2">
                {{ egd.type | translate}}
            </ion-col>
            <ion-col size="2">
                {{ egd.level | translate}}
            </ion-col>
            <ion-col size="4">
                {{ egd.function | translate}}
            </ion-col>
        </ion-row>
        <ion-row>
            <ion-col><br></ion-col>
        </ion-row>
    </ion-grid>
114 115 116 117 118

</ion-content>

<ion-footer>
    <ion-toolbar>
119 120 121
        <ion-tabs>
            <ion-tab-bar slot="bottom">
                <ion-tab-button (click)="HelperService.goToInfoPage(navCtrl)">
122
                    <ion-icon name="md-information-circle"></ion-icon>
123 124 125
                    <ion-label>{{ 'ABOUT' | translate }}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToDocSoftwarePage(navCtrl)">
126
                    <ion-icon name="md-code"></ion-icon>
127 128 129
                    <ion-label>{{ 'DOC_SOFTWARE' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToDocVocUnitPage(navCtrl)">
130
                    <ion-icon name="md-school"></ion-icon>
131 132 133
                    <ion-label>{{'DOC_VOC_UNIT' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToImprintPage(navCtrl)">
134
                    <ion-icon name="md-today"></ion-icon>
135 136 137 138
                    <ion-label>{{ 'IMPRINT' | translate }}</ion-label>
                </ion-tab-button>
            </ion-tab-bar>
        </ion-tabs>
139
    </ion-toolbar>
140
</ion-footer>