tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

up storybook paths

Browse source
This commit is contained in:
Tykayn 2025-09-17 17:23:30 +02:00 • committed by tykayn
parent 54d044ad9a
commit a3c818ef83
2 changed files with 54 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

6
airwatch/src/app/buttons/main-button/main-button.stories.ts
View file

@ -33,12 +33,12 @@ type Story = StoryObj<MainButton>;
// More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args // More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args
export const Default: Story = { export const Default: Story = {
args: { args: {
label: 'Call to action', label: "Large",
kind: 'primary', kind: 'primary',
size: '', size: '',
disabled: false, disabled: false,
divider: true, divider: false,
icon: 'arrow-right-line', icon: "",
inconPosition: 'right', inconPosition: 'right',
}, },
}; };

102
my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.html
View file

@ -7,61 +7,61 @@
<!-- Feedback Modal --> <!-- Feedback Modal -->
@if (isModalOpen) { @if (isModalOpen) {
<div class="feedback-modal-overlay"> <div class="feedback-modal-overlay">
<div class="feedback-modal"> <div class="feedback-modal">
<div class="modal-header"> <div class="modal-header">
<h3>Send Feedback</h3> <h3>Send Feedback</h3>
<button class="close-button" (click)="toggleModal()"> <button class="close-button" (click)="toggleModal()">
<i class="ri-close-line"></i> <i class="ri-close-line"></i>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="modal-description"> <p class="modal-description">
Help us improve by sharing your feedback, suggestions, or reporting issues. Help us improve by sharing your feedback, suggestions, or reporting issues.
</p> </p>
<textarea <textarea
[(ngModel)]="feedbackText" [(ngModel)]="feedbackText"
placeholder="Enter your feedback here..." placeholder="Enter your feedback here..."
[disabled]="isSubmitting" [disabled]="isSubmitting"
rows="5" rows="5"
></textarea> ></textarea>
@if (submitSuccess) { @if (submitSuccess) {
<div class="success-message"> <div class="success-message">
<i class="ri-check-line"></i> Thank you for your feedback! <i class="ri-check-line"></i> Thank you for your feedback!
</div> </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>
@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>
</div> </div>
</div>
} }