Skip to content

Updated Unix Timestamp Converter - #509

Merged
veler merged 28 commits into
DevToys-app:mainfrom
niyari:chrono
May 21, 2022
Merged

Updated Unix Timestamp Converter#509
veler merged 28 commits into
DevToys-app:mainfrom
niyari:chrono

Conversation

@niyari

@niyari niyari commented Apr 30, 2022

Copy link
Copy Markdown
Contributor

Pull request type

Please check the type of change your PR introduces:

  • Bugfix
  • Feature
  • UI change (please include screenshot!)
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes
  • Internationalization and localization
  • Other (please describe):

What is the current behavior?

Issue Number: #473

What is the new behavior?

image

  • Time zone support.
  • Support for time carry forward and backward.
  • Resolved performance degradation that occurs when values are out of range.

Support for time carry forward and backward.

image

Other information

  • Conflict with the addition of a Now button needs to be resolved.

Quality check

Before creating this PR, have you:

  • Followed the code style guideline as described in CONTRIBUTING.md
  • Verified that the change work in Release build configuration
  • Checked all unit tests pass

@niyari

niyari commented May 3, 2022

Copy link
Copy Markdown
Contributor Author

Looks good to display in text, InfoBar can be removed.
Timestamp to .NET Ticks (If features are to be added here.) #512
image

@niyari
niyari marked this pull request as ready for review May 10, 2022 20:44
@veler

veler commented May 14, 2022

Copy link
Copy Markdown
Collaborator

Hello :)
Thank you for getting the PR up, and sorry for the late answer.

A few remarks on the screenshot you shared:

The following info is great, but they visually don't align with the rest of the UI on the left:

image

Suggestion:

What about putting this info either below the Time Zone or Year Month Day... input?
Additionally, perhaps it could be place into a Grid with a lighter background color, like through this style:

https://github.com/veler/DevToys/blob/b11f267ef738501bbf993c677013777cb764b1aa/src/dev/impl/DevToys/Views/Tools/Graphic/ColorBlindnessSimulator/ImagePreview.xaml#L12-L23

Which looks like this:

image

Or even, an expandable container, like in the setting page:

image

Here is how it's made:
https://github.com/veler/DevToys/blob/da659990b1185011edb8182ad340e37e6b5f6611/src/dev/impl/DevToys/Views/Tools/Settings/SettingsToolPage.xaml#L142-L165

What do you think? :)

Thank you !

@niyari

niyari commented May 14, 2022

Copy link
Copy Markdown
Contributor Author

Timezone info UI is derived from the Text Case Converter.
Of the suggestions for unifying visual information, we have 3 candidates.
expandable container hides much needed information for users living in areas that do not use daylight savings time.

image

In the case of A and B, B is usually more compact on the screen.
However, DevToys is expected to be used primarily with some kind of work.
In order for DevToys to be a viable tool with the smallest screen size, all the operable items need to be gathered at the top.

image

It would be best if the screen layout could be changed according to the window size like on the web, but first we would like to display it at the bottom of the C plan.
image

@veler

veler commented May 14, 2022

Copy link
Copy Markdown
Collaborator

Hello,

Thanks for your quick answer :)

I like A plan better!
Although you are right, either plan A, B or C, there is an issue with Compact Mode.
Good thing is, by using VisualState, we can actually change the layout on Compact Mode. We do something like this for TextDiff tool:
https://github.com/veler/DevToys/blob/b11f267ef738501bbf993c677013777cb764b1aa/src/dev/impl/DevToys/Views/Tools/Text/TextDiff/TextDiffToolPage.xaml#L14-L30

We hide the input fields and for this, we have to change a bit the layout so it resize accordingly. Perhaps we can do the same here so some information displayed horizontally turn to be displayed vertically?

 (Timezone info: 509#issuecomment-1126643640 )
@niyari

niyari commented May 14, 2022

Copy link
Copy Markdown
Contributor Author

Responsive (changes with window width) is going to be better regardless of mode.
I would like to make this a separate PR, what do you think?

Furthermore, I found that after changing to compact mode, changing the window size causes the application to stop.
I will submit a new issue.

@veler

veler commented May 14, 2022

Copy link
Copy Markdown
Collaborator

Hello,
Thanks for your answer. I'm fine with addressing that in another PR, perhaps I can even do that myself later.
There are some merge conflict in this PR apparently :)

@niyari

niyari commented May 14, 2022

Copy link
Copy Markdown
Contributor Author

How about this?(use AdaptiveTrigger)
image

niyari added 3 commits May 15, 2022 03:06
Content display by window width.
# Conflicts:
#	src/dev/impl/DevToys/ViewModels/Tools/Converters/Timestamp/TimestampToolViewModel.cs
#	src/dev/impl/DevToys/Views/Tools/Converters/Timestamp/TimestampToolPage.xaml
@veler

veler commented May 15, 2022

Copy link
Copy Markdown
Collaborator

How about this?(use AdaptiveTrigger) image

I like that better! In particular the year/month/day going on a second line.
I find a bit more weird, however, that the time zone information is jumping from above year/month/day to below year/month/day.

@niyari

niyari commented May 16, 2022

Copy link
Copy Markdown
Contributor Author

I think this will work.

@veler

veler commented May 16, 2022

Copy link
Copy Markdown
Collaborator

Can we keep the TimeZone information just below the TimeZone combo box?

@niyari

niyari commented May 16, 2022

Copy link
Copy Markdown
Contributor Author

In commit c3027e0, the Timezone combo box is back to fixed.
image

@veler veler left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

I looked at the PR, built the branch and played with it. It looks very good overall 😁 Good job! Just a few details and here and there and we can merge this awesome PR! 😁

Comment thread src/dev/impl/DevToys/Views/Tools/Converters/Timestamp/TimestampToolPage.xaml Outdated
Comment thread src/dev/impl/DevToys/Views/Tools/Converters/Timestamp/TimestampToolPage.xaml Outdated
Comment thread src/dev/impl/DevToys/Views/Tools/Converters/Timestamp/TimestampToolPage.xaml.cs Outdated
Comment thread src/dev/impl/DevToys/Helpers/TimestampToolHelper.cs Outdated
@veler veler linked an issue May 17, 2022 that may be closed by this pull request

@veler veler left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

It looks good now! :D Thank you very much for this great pull request! I appreciate your contribution a lot! :D

@veler
veler merged commit 4b6fc5c into DevToys-app:main May 21, 2022
@veler veler linked an issue May 21, 2022 that may be closed by this pull request
@niyari
niyari deleted the chrono branch June 2, 2022 21:08
veler added a commit that referenced this pull request Mar 31, 2023
* Add string keywords.

* Update TimestampTool

* Add info text.

* Update UI

* Add string keywords. (/*/Timestamp.resw)

* Fix UI

* Add TimestampToolHelper.

* Update TimestampTool

* Update Timestamp.resw

* Cleanup file.

* Added CardStyle.

* Stack UI

* Fix UI

* Revert to e45d522.

 (Timezone info: 509#issuecomment-1126643640 )

* Changed UI.

Content display by window width.

* Preparation for Conflict Resolution.

* Removed compact DateTime info.

* Code cleanup #discussion_r874407747

* Changed the clipboard datetime string recognition process.

* Added summary.

* Fix types.

* Fixed Page.Resources.

* Change names.

* Remove Strings.CurrentDateTimeTitle

* Change names.

* Added comment.

Co-authored-by: Etienne BAUDOUX <ebaudoux@velersoftware.com>
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.

Unix Timestamp Converter - Timezone select

2 participants