@@ -178,7 +178,7 @@ <h2>ID Documents</h2>
178178
179179 {% with doc_num=0 %}
180180 {% for document in session_result.resources.id_documents %}
181- {% set doc_num = loop.index + 1 %}
181+ {% set doc_num = loop.index %}
182182 < div class ="row pt-4 ">
183183 < div class ="col ">
184184
@@ -305,36 +305,54 @@ <h5>Generated Media</h5>
305305 {% endif %}
306306
307307 {% if document.pages|length > 0 %}
308+ {% with page_num=0 %}
309+ {% for page in document.pages %}
310+ {% set page_num = loop.index %}
308311 < 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 }} ">
310313 < h4 class ="mb-0 ">
311314 < 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 }} "
313316 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 }}
316319 </ button >
317320 </ h4 >
318321 </ 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 >
331345 </ div >
332- {% endif %}
333- {% endfor %}
334- </ div >
346+ </ div >
347+ {% endif %}
348+ {% endfor %}
335349 </ div >
350+ {% endif %}
351+
336352 </ div >
337353 </ div >
354+ {% endfor %}
355+ {% endwith %}
338356 {% endif %}
339357 </ div >
340358 </ div >
@@ -352,7 +370,7 @@ <h2>Zoom Liveness Resources</h2>
352370
353371 {% with liveness_num=0 %}
354372 {% for liveness in session_result.resources.zoom_liveness_resources %}
355- {% set liveness_num = loop.index + 1 %}
373+ {% set liveness_num = loop.index %}
356374 < div class ="row pt-4 ">
357375 < div class ="col ">
358376 < table class ="table table-striped table-light ">
0 commit comments