Skip to content

Commit 06f60f7

Browse files
rohanoid5rohanoid5
committed
Added list item to modal for mobile
1 parent 8a78d30 commit 06f60f7

File tree

1 file changed

+72
-1
lines changed

1 file changed

+72
-1
lines changed

‎src/app/app.component.html‎

Lines changed: 72 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,12 +126,57 @@
126126
{{sampleCode['ex1'].title}}
127127
</div>
128128
</div>
129+
<div class="nav-item" [ngClass]="sampleCode['ex26'].title === selectedTitle ? 'selected' : ''">
130+
<div class="nav-group">
131+
<div class="p" (click)='openPage("/ex26")'>
132+
{{sampleCode['ex26'].title}}
133+
</div>
134+
<div class="h5 badge badge-normal">FusionTime</div>
135+
</div>
136+
</div>
137+
<div class="nav-item" [ngClass]="sampleCode['ex30'].title === selectedTitle ? 'selected' : ''">
138+
<div class="nav-group">
139+
<div class="p" (click)='openPage("/ex30")'>
140+
{{sampleCode['ex30'].title}}
141+
</div>
142+
<div class="h5 badge badge-normal">FusionTime</div>
143+
</div>
144+
</div>
145+
<div class="nav-item" [ngClass]="sampleCode['ex31'].title === selectedTitle ? 'selected' : ''">
146+
<div class="nav-group">
147+
<div class="p" (click)='openPage("/ex31")'>
148+
{{sampleCode['ex31'].title}}
149+
</div>
150+
<div class="h5 badge badge-normal">FusionTime</div>
151+
</div>
152+
</div>
129153
<div class="nav-item" [ngClass]="sampleCode['ex2'].title === selectedTitle ? 'selected' : ''">
130154
<div class="p" (click)='openPage("/ex2")'>{{sampleCode['ex2'].title}}</div>
131155
</div>
156+
<div class="nav-item" [ngClass]="sampleCode['ex12'].title === selectedTitle ? 'selected' : ''">
157+
<div class="p" (click)='openPage("/ex12")'>{{sampleCode['ex12'].title}}</div>
158+
</div>
132159
<div class="nav-item" [ngClass]="sampleCode['ex3'].title === selectedTitle ? 'selected' : ''">
133160
<div class="p" (click)='openPage("/ex3")'>{{sampleCode['ex3'].title}}</div>
134161
</div>
162+
<div class="nav-item" [ngClass]="sampleCode['ex28'].title === selectedTitle ? 'selected' : ''">
163+
<div class="nav-group">
164+
<div class="p" (click)='openPage("/ex28")'>{{sampleCode['ex28'].title}}</div>
165+
<div class="h5 badge badge-normal">FusionTime</div>
166+
</div>div>
167+
</div>
168+
<div class="nav-item" [ngClass]="sampleCode['ex27'].title === selectedTitle ? 'selected' : ''">
169+
<div class="nav-group">
170+
<div class="p" (click)='openPage("/ex27")'>{{sampleCode['ex27'].title}}</div>
171+
<div class="h5 badge badge-normal">FusionTime</div>
172+
</div>
173+
</div>
174+
<div class="nav-item" [ngClass]="sampleCode['ex29'].title === selectedTitle ? 'selected' : ''">
175+
<div class="nav-group">
176+
<div class="p" (click)='openPage("/ex29")'>{{sampleCode['ex29'].title}}</div>
177+
<div class="h5 badge badge-normal">FusionTime</div>
178+
</div>
179+
</div>
135180
<div class="nav-item" (click)='openPage("/ex5")' [ngClass]="sampleCode['ex5'].title === selectedTitle ? 'selected' : ''">
136181
<div class="p">{{sampleCode['ex5'].title}}</div>
137182
</div>
@@ -147,7 +192,6 @@
147192
<div class="nav-item" (click)='openPage("/ex7")' [ngClass]="sampleCode['ex7'].title === selectedTitle ? 'selected' : ''">
148193
<div class="p">{{sampleCode['ex7'].title}}</div>
149194
</div>
150-
151195
<div class="nav-item" (click)='openPage("/ex9")' [ngClass]="sampleCode['ex9'].title === selectedTitle ? 'selected' : ''">
152196
<div class="p">{{sampleCode['ex9'].title}}</div>
153197
</div>
@@ -157,6 +201,27 @@
157201
<div class="nav-item" (click)='openPage("/ex11")' [ngClass]="sampleCode['ex11'].title === selectedTitle ? 'selected' : ''">
158202
<div class="p">{{sampleCode['ex11'].title}}</div>
159203
</div>
204+
<div class="nav-item" (click)='openPage("/ex36")' [ngClass]="sampleCode['ex36'].title === selectedTitle ? 'selected' : ''">
205+
<div class="nav-group">
206+
<div class="p">{{sampleCode['ex36'].title}}</div>
207+
<div class="h5 badge badge-normal">FusionTime</div>
208+
</div>
209+
</div>
210+
<div class="nav-item" (click)='openPage("/ex33")' [ngClass]="sampleCode['ex33'].title === selectedTitle ? 'selected' : ''">
211+
<div class="p">{{sampleCode['ex33'].title}}</div>
212+
</div>
213+
<div class="nav-item" (click)='openPage("/ex34")' [ngClass]="sampleCode['ex34'].title === selectedTitle ? 'selected' : ''">
214+
<div class="nav-group">
215+
<div class="p">{{sampleCode['ex34'].title}}</div>
216+
<div class="h5 badge badge-normal">FusionTime</div>
217+
</div>
218+
</div>
219+
<div class="nav-item" (click)='openPage("/ex35")' [ngClass]="sampleCode['ex35'].title === selectedTitle ? 'selected' : ''">
220+
<div class="nav-group">
221+
<div class="p">{{sampleCode['ex35'].title}}</div>
222+
<div class="h5 badge badge-normal">FusionTime</div>
223+
</div>
224+
</div>
160225
<div class="nav-item" (click)='openPage("/ex12")' [ngClass]="sampleCode['ex12'].title === selectedTitle ? 'selected' : ''">
161226
<div class="p">{{sampleCode['ex12'].title}}</div>
162227
</div>
@@ -196,6 +261,12 @@
196261
<div class="nav-item" (click)='openPage("/ex18")' [ngClass]="sampleCode['ex18'].title === selectedTitle ? 'selected' : ''">
197262
<div class="p">{{sampleCode['ex18'].title}}</div>
198263
</div>
264+
<div class="nav-item" (click)='openPage("/ex32")' [ngClass]="sampleCode['ex32'].title === selectedTitle ? 'selected' : ''">
265+
<div class="nav-group">
266+
<div class="p">{{sampleCode['ex32'].title}}</div>
267+
<div class="h5 badge badge-normal">FusionTime</div>
268+
</div>
269+
</div>
199270
</div>
200271
</div>
201272

0 commit comments

Comments
 (0)