dlmw/julius_baer_onboarding
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add gameover modal and handle different status correctly

Browse Source
This commit is contained in:
NoeBerdoz
2025-04-13 04:31:40 +02:00
parent 24aaacc289
commit 49e8e9fa36
1 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/index.html
View File

@ -175,7 +175,7 @@
x-text="gameData?.session_id || 'N/A'"></code></p> x-text="gameData?.session_id || 'N/A'"></code></p>
<p class="mb-1"><strong>Score:</strong> <code x-text="gameData?.score || '0'"></code></p> <p class="mb-1"><strong>Score:</strong> <code x-text="gameData?.score || '0'"></code></p>
<p class="mb-1"><strong>Status:</strong> <span class="badge bg-info" <p class="mb-1"><strong>Status:</strong> <span class="badge bg-info"
x-text="gameData?.status || 'N/A'"></span></p> x-text="gameData?.status || 'active'"></span></p>
</div> </div>
</div> </div>
<div class="card shadow-sm mb-3"> <div class="card shadow-sm mb-3">
@ -227,6 +227,25 @@
All dossiers processed! All dossiers processed!
</div> </div>
</template> </template>
<!-- Game Over Modal -->
<template x-if="gameData?.status === 'gameover'">
<div class="modal fade show d-block" tabindex="-1"
style="background-color: rgba(0,0,0,0.7);" role="dialog" aria-modal="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header bg-danger text-white">
<h5 class="modal-title w-100">Game Over</h5>
</div>
<div class="modal-body">
<p class="fs-5">Wrong decision made</p>
<p class="fs-5">Score: <span x-text="gameData?.score"></span></p>
<button class="btn btn-primary" @click="startNewGame()">Try Again
</button>
</div>
</div>
</div>
</div>
</template>
</div> </div>
</div> </div>
</div> </div>