@@ -178,7 +178,7 @@ <h2>ID Documents</h2>
178
178
179
179
{% with doc_num=0 %}
180
180
{% for document in session_result.resources.id_documents %}
181
- {% set doc_num = loop.index + 1 %}
181
+ {% set doc_num = loop.index %}
182
182
< div class ="row pt-4 ">
183
183
< div class ="col ">
184
184
@@ -305,36 +305,54 @@ <h5>Generated Media</h5>
305
305
{% endif %}
306
306
307
307
{% if document.pages|length > 0 %}
308
+ {% with page_num=0 %}
309
+ {% for page in document.pages %}
310
+ {% set page_num = loop.index %}
308
311
< div class ="card ">
309
- < div class ="card-header " id ="document-pages-{{ doc_num }} ">
312
+ < div class ="card-header " id ="document-pages-{{ doc_num }}-{{ page_num }} ">
310
313
< h4 class ="mb-0 ">
311
314
< button class ="btn btn-link " type ="button " data-toggle ="collapse "
312
- data-target ="#collapse-document-pages-{{ doc_num }} "
315
+ data-target ="#collapse-document-pages-{{ doc_num }}-{{ page_num }} "
313
316
aria-expanded ="true "
314
- aria-controls ="collapse-document-pages-{{ doc_num }} ">
315
- Pages
317
+ aria-controls ="collapse-document-pages-{{ doc_num }}-{{ page_num }} ">
318
+ Page {{ page_num }}
316
319
</ button >
317
320
</ h4 >
318
321
</ div >
319
- < div id ="collapse-document-pages-{{ doc_num }} " class ="collapse "
320
- aria-labelledby ="document-pages-{{ doc_num }} ">
321
- < div class ="card-body ">
322
- < div class ="card-group ">
323
- {% for page in document.pages %}
324
- {% if page.media is not none %}
325
- < div class ="card " style ="width: 18rem; ">
326
- < img class ="card-img-top "
327
- src ="/media?mediaId={{ page.media.id }} "/>
328
- < div class ="card-body ">
329
- < p > Method: {{ page.capture_method }}</ p >
330
- </ div >
322
+ < div id ="collapse-document-pages-{{ doc_num }}-{{ page_num }} " class ="collapse "
323
+ aria-labelledby ="document-pages-{{ doc_num }}-{{ page_num }} ">
324
+
325
+ < div class ="card-group ">
326
+ {% if page.media is not none %}
327
+ < div class ="card " style ="width: 18rem; ">
328
+ < img class ="card-img-top "
329
+ src ="/media?mediaId={{ page.media.id }} "/>
330
+ < div class ="card-body ">
331
+ < p > Method: {{ page.capture_method }}</ p >
332
+ </ div >
333
+ </ div >
334
+ {% endif %}
335
+ </ div >
336
+
337
+ {% if page.frames|length > 0 %}
338
+ < div class ="card-group ">
339
+ {% for frame in page.frames %}
340
+ {% if frame.media is not none %}
341
+ < div class ="card ">
342
+ < img class ="card-img-top " src ="/media?mediaId={{ frame.media.id }} " />
343
+ < div class ="card-body ">
344
+ < h5 class ="card-title "> Frame</ h5 >
331
345
</ div >
332
- {% endif %}
333
- {% endfor %}
334
- </ div >
346
+ </ div >
347
+ {% endif %}
348
+ {% endfor %}
335
349
</ div >
350
+ {% endif %}
351
+
336
352
</ div >
337
353
</ div >
354
+ {% endfor %}
355
+ {% endwith %}
338
356
{% endif %}
339
357
</ div >
340
358
</ div >
@@ -352,7 +370,7 @@ <h2>Zoom Liveness Resources</h2>
352
370
353
371
{% with liveness_num=0 %}
354
372
{% for liveness in session_result.resources.zoom_liveness_resources %}
355
- {% set liveness_num = loop.index + 1 %}
373
+ {% set liveness_num = loop.index %}
356
374
< div class ="row pt-4 ">
357
375
< div class ="col ">
358
376
< table class ="table table-striped table-light ">
0 commit comments