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

(DOCSP-7512) Document new UI for Favorite Connections #204

Merged
merged 6 commits into from
Dec 11, 2019

Conversation

zach-carr
Copy link
Contributor

Ticket
Staged view

Note: the ticket mentions the ability to "export / share favorite connections as JSON," but it looks like that feature hasn't made its way into the product yet. It doesn't exist on Compass version 1.20.0-beta.9 and the work was not included in the engineering epic.

Copy link
Collaborator

@jeff-allen-mongo jeff-allen-mongo left a comment

Choose a reason for hiding this comment

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

Just some small comments. Also, I can't see this change in GitHub because I don't think you touched these files but we say twice "Once you save your favorite connection, Compass displays the connection in the Favorites section in the left navigation." and it looks like it's currently nested under one of the steps. Can we pull that blurb and the image below it out of the step file so it isn't indented? This applies to both "Save from Connect Screen" and "Save after Connecting to a Deployment"

:figwidth: 600px
:alt: Saved Favorite Connection

You can click the :icon-fa5:`ellipsis-h` button on a Favorite
Copy link
Collaborator

Choose a reason for hiding this comment

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

This reads a little awkwardly, maybe

To :guilabel:`Copy` or :guilabel:`Remove` a Favorite Connection, hover over the target
collection and click the icon-fa5:`ellipsis-h` button.

Then, I think it'd be a bit easier to read if when we describe the behavior for Copy / Remove we make each its own bullet point.

the link at the top-right of the form.

When you make any change to a connection, a dialog will appear at the
bottom of the form with options :guilabel:`[discard]` and
Copy link
Collaborator

Choose a reason for hiding this comment

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

I know they have brackets in the UI but this looks not great. I think just doing

:guilabel:`Discard`
:guilabel:`Save Changes`

is fine

---
title: Click :guilabel:`Save Favorite` at the bottom of the form.
title: Click :guilabel:`[save changes]` when you are finished making
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think we can remove "when you are finished making changes". We told them to make changes in the previous step. Also ditto re this text formatting.

level: 4
ref: make-connection-changes
content: |
You can toggle the form layout between :guilabel:`Fill in connection
Copy link
Collaborator

Choose a reason for hiding this comment

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

This paragraph feels a little random. I don't think we need it here.

@zach-carr
Copy link
Contributor Author

Ready for another round of feedback -
New staged view

Copy link
Collaborator

@jeff-allen-mongo jeff-allen-mongo left a comment

Choose a reason for hiding this comment

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

Approved just a couple small things. One more thing I can see but not comment on - Can we also add a red circle around the Favorite button in the very first image?

---
title: Click :guilabel:`Delete Favorite` at the bottom of the form.
title: Click :guilabel:`Remove` from the dropdown menu.
level: 4
ref: click-delete
content: |
|compass| removes the connection from the :guilabel:`Favorites` list
Copy link
Collaborator

Choose a reason for hiding this comment

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

Can we make this |compass-short|? Ditto for the |compass| which is the very first word of this page.

@@ -1,17 +1,24 @@
title: Click the desired connection under :guilabel:`Favorites` to
the left of the :guilabel:`Connect to Host` form.
title: Click on the desired connection under :guilabel:`Favorites`
Copy link
Collaborator

Choose a reason for hiding this comment

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

I'd remove "on". It's not needed.

@@ -1,25 +1,32 @@
title: Locate the desired connection under :guilabel:`Favorites`
in the left navigation.
title: Click on the desired connection under :guilabel:`Favorites`
Copy link
Collaborator

Choose a reason for hiding this comment

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

Ditto here re "on". Just say "Click the desired connection"

Copy link
Collaborator

@mmarcon mmarcon left a comment

Choose a reason for hiding this comment

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

LGTM

@jeff-allen-mongo jeff-allen-mongo changed the base branch from favorite-connections to master December 11, 2019 16:34
@zach-carr zach-carr merged commit 2a2fec9 into mongodb:master Dec 11, 2019
zach-carr added a commit that referenced this pull request Dec 11, 2019
* Updates for new favorite ux

* WIP

* (DOCSP-7512) Document new UI for Favorite Connections

* Changes based on review

* Fix bullet list, typo

* Changes from review
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.

3 participants