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

fix(#94) - Create timeline component #96

Merged
merged 18 commits into from Oct 29, 2020
Merged

Conversation

hybridx
Copy link
Member

@hybridx hybridx commented Sep 22, 2020

Resolves #94

Explain the feature/fix

Added basic for timeline component

Does this PR introduce a breaking change

No

Screenshots

Screenshot 2020-10-06 at 12 25 55 AM

Screenshot 2020-10-26 at 2 42 19 AM

Screenshot 2020-10-26 at 2 42 25 AM

Screenshot 2020-10-26 at 2 41 57 AM

Screenshot 2020-10-26 at 2 42 31 AM

Screenshot 2020-10-26 at 2 42 35 AM


Compact View Screenshot

Screenshot 2020-10-28 at 4 59 42 PM

Ready-for-merge Checklist

  • Expected files: all files in this pull request are related to one feature request or issue (no stragglers)?
  • Does the change have appropriate unit tests?
  • Did tests pass?
  • Did you update or add any necessary documentation (README.md, WHY.md, etc.)?
  • My changes generate no new warnings
  • I have performed a self-review of my own code
  • I have documented my code, particularly in areas like todo, complex logic, quick fix, temporary patch, etc.

If it is a new component

  • Does your component follow One Platform style guidelines?
  • Does your component web accessibility standards? Helper Doc
  • Does your component support desktop screen sizes (350px, 720px, 1150px ,1920px)

Browsers you have tested in

  • Latest two versions of Mozilla Firefox and Google Chrome supported by Red Hat Enterprise Linux distribution
  • Google Chrome [Latest 2 versions]
  • Mozilla Firefox [Latest 2 versions]
  • Microsoft Edge [Latest 2 versions]
  • Apple Safari [Latest 2 versions]
  • Microsoft Internet Explorer 11

@hybridx hybridx added enhancement New feature or request chore Internal things, technical debt, and to-do tasks to be performed labels Sep 22, 2020
@hybridx hybridx requested review from diwanshi and a team September 22, 2020 15:47
@hybridx hybridx added this to Review in progress in One Platform Development via automation Sep 22, 2020
@hybridx hybridx self-assigned this Sep 22, 2020
@hybridx hybridx requested review from sayak-sarkar and riginoommen and removed request for a team September 22, 2020 15:47
@lgtm-com
Copy link

lgtm-com bot commented Sep 23, 2020

This pull request introduces 1 alert when merging 0ee344b into d74b113 - view on LGTM.com

new alerts:

  • 1 for Unused variable, import, function or class

packages/opc-timeline/demo/index.html Outdated Show resolved Hide resolved
@lgtm-com
Copy link

lgtm-com bot commented Oct 21, 2020

This pull request introduces 1 alert when merging a006f1e into 22da5a8 - view on LGTM.com

new alerts:

  • 1 for Unused variable, import, function or class

@lgtm-com
Copy link

lgtm-com bot commented Oct 21, 2020

This pull request introduces 1 alert when merging 0f0caf9 into 22da5a8 - view on LGTM.com

new alerts:

  • 1 for Unused variable, import, function or class

@hybridx hybridx added this to the Q4 - OKR milestone Oct 25, 2020
@hybridx hybridx marked this pull request as ready for review October 25, 2020 21:13
@hybridx hybridx requested a review from gisumit October 27, 2020 10:25
One Platform Development automation moved this from Review in progress to Reviewer approved Oct 27, 2020
packages/opc-timeline/README.md Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.scss Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.scss Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.scss Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.scss Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.scss Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.scss Outdated Show resolved Hide resolved
packages/opc-timeline/src/opc-timeline.ts Outdated Show resolved Hide resolved
One Platform Development automation moved this from Reviewer approved to Review in progress Oct 28, 2020
- Sets the active state to the given number

### variant
- Input: The following strings
Copy link
Member

Choose a reason for hiding this comment

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

remove this line. start from bullets for variant i.e default and compact. add sub-bullet to explain with text.

Copy link
Member Author

Choose a reason for hiding this comment

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

Makes sense and made the changes

if (this.variant === 'compact') {
return {
left: html`
<span class="timeline__arrow left" @click="${() => {this._scrollHandler('left')}}">
Copy link
Member

Choose a reason for hiding this comment

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

we shouldn't name classes like this class="timeline__arrow left"

it should be class="timeline__arrow timeline__arrow--left" or class="timeline__arrow timeline__arrow--right"

Copy link
Member Author

Choose a reason for hiding this comment

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

Made the changes

One Platform Development automation moved this from Review in progress to Reviewer approved Oct 29, 2020
@diwanshi diwanshi merged commit bd057a2 into 1-Platform:master Oct 29, 2020
One Platform Development automation moved this from Reviewer approved to Done Oct 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore Internal things, technical debt, and to-do tasks to be performed enhancement New feature or request
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

Create timeline component
4 participants