Ryan Kegel
401c21ad82
All checks were successful
Gitea Actions Demo / build-and-push (push) Successful in 25s
- Implemented PendingRewardDialog for handling pending reward requests. - Created RewardConfirmDialog for confirming reward redemption. - Developed TaskConfirmDialog for task confirmation with child name display. test: add unit tests for ChildView and ParentView components - Added comprehensive tests for ChildView including task triggering and SSE event handling. - Implemented tests for ParentView focusing on override modal and SSE event management. test: add ScrollingList component tests - Created tests for ScrollingList to verify item fetching, loading states, and custom item classes. - Included tests for two-step click interactions and edit button display logic. - Moved toward hashed passwords.
31 lines
776 B
Vue
31 lines
776 B
Vue
<template>
|
|
<ModalDialog title="Warning!" @backdrop-click="$emit('cancel')">
|
|
<div class="modal-message">
|
|
There is a pending reward request. The reward must be cancelled before triggering a new
|
|
task.<br />
|
|
Would you like to cancel the pending reward?
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button @click="$emit('confirm')" class="btn btn-primary">Yes</button>
|
|
<button @click="$emit('cancel')" class="btn btn-secondary">No</button>
|
|
</div>
|
|
</ModalDialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import ModalDialog from '../shared/ModalDialog.vue'
|
|
|
|
defineEmits<{
|
|
confirm: []
|
|
cancel: []
|
|
}>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.modal-message {
|
|
margin-bottom: 1.2rem;
|
|
font-size: 1rem;
|
|
color: var(--modal-message-color, #333);
|
|
}
|
|
</style>
|