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>