68 lines
1.6 KiB
HTML
68 lines
1.6 KiB
HTML
|
<button (click)="toggleModal()" class="feedback-button">
|
||
|
|
<span class="text">
|
||
|
|
Feedback
|
||
|
|
</span>
|
||
|
|
<i class="ri-message-2-line"></i>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<!-- Feedback Modal -->
|
||
|
|
@if (isModalOpen) {
|
||
|
|
<div class="feedback-modal-overlay">
|
||
|
|
<div class="feedback-modal">
|
||
|
|
<div class="modal-header">
|
||
|
|
<h3>Send Feedback</h3>
|
||
|
|
<button class="close-button" (click)="toggleModal()">
|
||
|
|
<i class="ri-close-line"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-body">
|
||
|
|
<p class="modal-description">
|
||
|
|
Help us improve by sharing your feedback, suggestions, or reporting issues.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<textarea
|
||
|
|
[(ngModel)]="feedbackText"
|
||
|
|
placeholder="Enter your feedback here..."
|
||
|
|
[disabled]="isSubmitting"
|
||
|
|
rows="5"
|
||
|
|
></textarea>
|
||
|
|
|
||
|
|
@if (submitSuccess) {
|
||
|
|
<div class="success-message">
|
||
|
|
<i class="ri-check-line"></i> Thank you for your feedback!
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
@if (submitError) {
|
||
|
|
<div class="error-message">
|
||
|
|
<i class="ri-error-warning-line"></i> Failed to submit feedback. Please try again.
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button
|
||
|
|
class="cancel-button"
|
||
|
|
(click)="toggleModal()"
|
||
|
|
[disabled]="isSubmitting"
|
||
|
|
>
|
||
|
|
Cancel
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button
|
||
|
|
class="submit-button"
|
||
|
|
(click)="submitFeedback()"
|
||
|
|
[disabled]="isSubmitting || !feedbackText.trim()"
|
||
|
|
>
|
||
|
|
@if (isSubmitting) {
|
||
|
|
<i class="ri-loader-4-line spinning"></i> Sending...
|
||
|
|
} @else {
|
||
|
|
Send Feedback
|
||
|
|
}
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|