Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add dialog for confirmation of delete #153 Part 3 #170

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

neozenweb
Copy link
Contributor

@neozenweb neozenweb commented Feb 25, 2019

Fixed #153 part 3 New component confirm in shared module.

Files changed / created:
src/app/profile/user/details/details.component.html.
src/app/profile/user/details/details.component.scss.
src/app/profile/user/details/details.component.ts.
src/app/profile/user/user.module.ts.
src/app/shared/confirm/confirm.component.html.
src/app/shared/confirm/confirm.component.scss.
src/app/shared/confirm/confirm.component.spec.ts.
src/app/shared/confirm/confirm.component.ts.
src/app/shared/idea-card/idea-card.component.ts.
src/app/shared/shared.module.ts.

confirmationdialog

@WickedBrat
Copy link
Member

WickedBrat commented Feb 25, 2019 via email

@@ -7,13 +7,24 @@
<div class="container">
<div class="profile-header-info__user-card">
<div class="profile-header-info__photo">
<cl-image height="150" crop="scale" public-id="{{ user.profile_pic }}" secure="true"></cl-image>
<cl-image
height="150"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove this auto-linting, else it will change multiple time to and fro.

Copy link
Contributor Author

@neozenweb neozenweb Feb 25, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you please help me understand auto-linting? I use visual studio code, so should I disable something on it or do I need to change the code in details.component.html? I have disabled the lint on this workspace on my editor.

Are you sure you want to delete?
</p>
<button class="btn" (click)="sendConfirmation(true)">YES</button>
<button class="btn" (click)="sendConfirmation(false)">NO</button>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use mat-action to take yes or no input. Eg:

<div mat-dialog-actions>
  <button mat-button (click)="onNoClick()">No Thanks</button>
  <button mat-button [mat-dialog-close]="data.animal" cdkFocusInitial>Ok</button>
</div>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Made the changes in the code.

Copy link
Member

@WickedBrat WickedBrat left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left some comments, rest looks good. 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants