DOCSP-39875 Add Mentioned of Undo Redo Diagram Functionality (#138)

* DOCSP-39875 Add Mentioned of Undo Redo Diagram Functionality

* DOCSP-39875 Add Undo and Redo to Diagrams Page

* *

* *

* *

* *

* *

* *

* screenshot refresh

* *

* *

* *

* *

* Apply suggestions from code review

Co-authored-by: Sarah Olson <[email protected]>

* *

* *

---------

Co-authored-by: Sarah Olson <[email protected]>

Author: ianf-mongodb

source/diagrams/understand-diagrams.txt

@@ -7,7 +7,7 @@ Understand Diagrams
 .. contents:: On this page
    :local:
    :backlinks: none
-   :depth: 2
+   :depth: 1
    :class: singlecol
 
 This page explains how to interpret diagrams created in the Relational
@@ -55,7 +55,7 @@ Some fields have icons to indicate their role within the table:
 Choose View Mode
 ----------------
 
-The Relational Migrator provides different view modes for your diagrams:
+Relational Migrator provides different diagram view modes:
 Horizontal Split, Vertical Split, Relational view, and MongoDB view.
 
 .. list-table::
@@ -109,6 +109,43 @@ features of relationships:
 
 - A prong (or "crow's feet") indicates "many" in the relationship.
 
+Undo or Redo Diagram Actions
+----------------------------
+
+Relational Migrator diagrams support undo and redo functions. To reverse 
+or reapply the previous diagram action, use the undo or redo capability. 
+You can use either the diagram toolbar or keyboard shortcuts to perform 
+these actions.
+
+Toolbar
+~~~~~~~
+
+You can use the :icon-lg:`Undo` and :icon-lg:`Redo` buttons on the 
+diagram toolbar:
+
+.. image:: /img/diagrams/undo-redo.png
+   :alt: Toolbar undo and redo buttons
+
+Keyboard Shortcut
+~~~~~~~~~~~~~~~~~
+
+Alternatively, you can use keyboard shortcuts:
+
+.. list-table::
+   :header-rows: 1
+
+   * - Function 
+     - Windows Shortcut
+     - Mac Shortcut 
+
+   * - Undo
+     - :kbd:`Control` + :kbd:`Z` 
+     - :kbd:`Command` + :kbd:`Z`
+
+   * - Redo
+     - :kbd:`Control` + :kbd:`Y` 
+     - :kbd:`Command` + :kbd:`Y`
+
 Relational and MongoDB View Links
 ---------------------------------
 
@@ -117,8 +154,8 @@ Relational Migrator highlights the corresponding entity in the opposite
 view. This allows you to see how your relational tables and MongoDB
 collections are mapped to one another.
 
-Example
--------
+Examples
+--------
 
 The following example shows a sample diagram for a database that
 tracks orders at a store.
@@ -202,18 +239,15 @@ MongoDB's embedded data model:
   of objects inside the ``Order`` documents, using the foreign key
   relationship from the relational schema.
 
-
   .. image:: /img/diagrams/order-mapping-example.png
      :alt: Order Mapping Rule Example
 
-
 - The ``Customer`` collection contains a rule which maps ``Orders`` as
   an :ref:`Embedded array <rm-embedded-array>`. The ``Order``
   table from the relational schema is mapped as an array of objects
   inside the ``Customer`` documents, using the foreign key relationship
   from the relational schema.
 
-
   .. image:: /img/diagrams/customer-mapping-example.png
      :alt: Customer Mapping Rule Example
 

source/getting-started/overview.txt

@@ -38,17 +38,16 @@ UI Elements
        toggle visibility of your database entities.
 
    * - Diagram Toolbar
-     - Select diagram layout options, add synthetic foreign keys, and 
-       create additional diagram tabs.
+     - Select diagram layout options, add synthetic foreign keys, 
+       create additional diagram tabs, and undo or redo diagram actions.
 
    * - Diagrams
-     - View relational and MongoDB diagrams, view field names, and data types. 
-       Control diagram zoom level and view the entity mini-map.
+     - View relational and MongoDB diagrams, field names, and data 
+       types. Control diagram zoom level and view the entity mini-map. 
 
    * - Right Pane 
      - View, edit, delete, and add mapping rules. Select and rename fields 
        included in a mapping rule. Add and remove table filters.
 
    * - Get Help Menu / Atlas Login 
      -  .. include:: /includes/fact-get-help-menu.rst
-