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

[Docs] New Page for Visualizer Views #226

Merged
merged 20 commits into from
Mar 22, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added content/en/meshmap/visualizer/images/ViewInfo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
722 changes: 722 additions & 0 deletions content/en/meshmap/visualizer/images/Views.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
57 changes: 57 additions & 0 deletions content/en/meshmap/visualizer/visualizer views.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
---
title: Views in Visualizer
weight: 5
description: >
Learn about Views in Visualizer mode
categories: [Visualizer]
---

The Views tab is located on the right side of the screen just beside the Details tab in MeshMap Visualizer. It allows you to see all containers the present in your Kubernetes cluster. Think of views for Visualizer mode as you would design for the Designer mode.

![Visualizer Views](/meshmap/visualizer/images/Views.svg)
## Managing Views
Here's what you can do with views in Visualizer:

### 1. Save a view
To save a view, simply give your view a title in the Name field at the top of the canvas. Any changes made to the view will be automatically saved. Alternatively, click on the "Save as" button at the top of the canvas. A modal will pop up for you to give your view a name and save it.

![Save a view](/meshmap/visualizer/images/SaveView.png)

### 2. Set view visibility
You can choose to set your views to be either public or private. When views are set as public, everyone within your workspace can access these views. Views set as private are visible only to the person who created the view, ie the owner.

![Set view visibility](/meshmap/visualizer/images/Visibility.png)

### 3. Share a view
Sharing a view lets you collaborate with team members. In the share modal, you can add the user you want to share the view with. You can also set your view access as either public or private. When it's set to public, anyone with the link to the view can edit the view. When it's set to private, others can view but only the owner can edit.
To share a view,
1. Click on the actions icon to the right of the view you want to share.

![Actions](/meshmap/visualizer/images/ActionsIcon.png)

2. You'll find a list of actions. Share is the third icon from the left

![Share a view](/meshmap/visualizer/images/ShareView.png)

3. Click on the share icon to open up the share modal.

![Share a view](/meshmap/visualizer/images/ShareModal.PNG)

4. Enter the name of the user you want to share a view with and set the view access.


### 4. Delete a view
You can delete a view when you no longer have use of it. You can only delete a view that you created. Views created by others and made public cannot be deleted, except by the owner of that view.

![Delete a view](/meshmap/visualizer/images/DeleteView.png)

### 5. Export a view
To export a view, click on the export icon in the actions list. The view will be downloaded to your device in json format.

![Export a view](/meshmap/visualizer/images/ExportView2.png)


### 6. View info
View info shows you the owner of the design, the view visibility (whether it's set to public or private), the date the design was created and the date it was last modified. If you're the owner of the view, you'll also see an input field where you can add notes about the design.

![View Info](/meshmap/visualizer/images/ViewInfo.png)
Loading