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 an AlertModalComponent #100

Merged

Conversation

stanislavgeorgiev
Copy link
Contributor

Closes #95

Copy link
Contributor

@cal-smith cal-smith left a comment

Choose a reason for hiding this comment

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

Nice 🎉 just a couple small thoughts

src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/modal.service.ts Outdated Show resolved Hide resolved
src/modal/modal.stories.ts Show resolved Hide resolved
Renamed `elRef` to `elementRef`.
Copy link
Contributor

@cal-smith cal-smith left a comment

Choose a reason for hiding this comment

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

Couple of small stylistic things in the template, but otherwise, approved!

src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
@cal-smith
Copy link
Contributor

Also it seems like travis is sad for some reason, looks like lint errors

@stanislavgeorgiev
Copy link
Contributor Author

Travis checks are now passing :)

cal-smith
cal-smith previously approved these changes Sep 24, 2018
Copy link
Contributor

@cal-smith cal-smith left a comment

Choose a reason for hiding this comment

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

LGTM!

@zvonimirfras zvonimirfras changed the title Added an AlertModalComponent Add an AlertModalComponent Sep 24, 2018
Copy link
Member

@zvonimirfras zvonimirfras left a comment

Choose a reason for hiding this comment

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

Nice implementation :)

src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
src/modal/modal.stories.ts Outdated Show resolved Hide resolved
src/modal/modal.stories.ts Outdated Show resolved Hide resolved
src/modal/modal.stories.ts Outdated Show resolved Hide resolved
.add("Passive", () => ({
template: `
<app-alert-modal-story [modalType]="modalType" [headerLabel]="headerLabel" [title]="title" [text]="text"
></app-alert-modal-story>
Copy link
Member

Choose a reason for hiding this comment

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

We don't normally put lone >s on a separate line.

src/modal/overlay.component.ts Outdated Show resolved Hide resolved
Copy link
Member

@zvonimirfras zvonimirfras left a comment

Choose a reason for hiding this comment

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

There's some code added to library since you made the PR that could simplify a part of it if it's possible to use it here.

src/modal/alert-modal.component.ts Outdated Show resolved Hide resolved
@@ -13,7 +13,7 @@ import { Modal, ModalService } from "../";
selector: "app-sample-modal",
template: `
<ibm-modal>
<ibm-modal-header (closeSelect)="closeModal()">Header text</ibm-modal-header>
<ibm-modal-header (closeSelect)="closeModal()">header label</ibm-modal-header>
Copy link
Member

Choose a reason for hiding this comment

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

Yeah, label is fine, I was just trying to point out the lowercase to uppercase H :)
Sorry for being a bit ambiguous.

@@ -13,7 +13,7 @@ import { Modal, ModalService } from "../";
selector: "app-sample-modal",
template: `
<ibm-modal>
<ibm-modal-header (closeSelect)="closeModal()">Header text</ibm-modal-header>
<ibm-modal-header (closeSelect)="closeModal()">header label</ibm-modal-header>
Copy link
Member

Choose a reason for hiding this comment

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

Can we get a capital H in header label so it would be Header label, pretty please? :)

You can even name it Modal heading to match vanilla and React flavors.

@stanislavgeorgiev
Copy link
Contributor Author

stanislavgeorgiev commented Sep 27, 2018 via email

@cal-smith
Copy link
Contributor

Sure that sounds fine with me

Copy link
Contributor

@cal-smith cal-smith left a comment

Choose a reason for hiding this comment

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

Let's get this merged 💯

@zvonimirfras zvonimirfras merged commit fc73ea8 into carbon-design-system:master Oct 1, 2018
@carbon-bot
Copy link
Contributor

🎉 This PR is included in version 1.8.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

4 participants