(DOCSP-39599): Adds include for nav to Charts. (#655)

* (DOCSP-39599): Adds include for nav to Charts.

* (DOCSP-39599): Incorporated David's feedback.

Author: corryroot

source/dashboards.txt

@@ -25,7 +25,14 @@ Dashboards Page
 ---------------
 
 The :guilabel:`Dashboards` page shows all dashboards you have access to view. 
-To get to your project's :guilabel:`Dashboards` page, click :guilabel:`Charts` in the |service| navigation bar. 
+To get to your project's :guilabel:`Dashboards` page:
+
+.. procedure::
+   :style: normal
+   
+   .. include:: /includes/nav/steps-charts.rst
+
+   .. step:: Click :guilabel:`Project`.
 
 To learn more about dashboard permissions in |charts|, see :ref:`Dashboard Permissions <dashboard-permissions>`.
 

source/dashboards/dashboard-access/dashboard-ownership.txt

@@ -31,7 +31,7 @@ To view the owners of any dashboard in your project:
 .. procedure:: 
    :style: normal
 
-   .. step:: Click :guilabel:`Charts` in the navigation bar to navigate to |charts|.
+   .. include:: /includes/nav/steps-charts.rst
 
    .. step:: Click :guilabel:`Owners` under :guilabel:`Dashboards` in the sidebar.
 

source/embedding-charts-iframe.txt

@@ -59,7 +59,7 @@ Procedure
             :guilabel:`Authenticated Embedding` tab for
             instructions on securing your charts.
 
-         .. include:: /includes/steps/enable-embedding-iframe-verified.rst
+         .. include:: /includes/steps-enable-embedding-iframe-verified.rst
 
 After your iframe code is ready with any options you've set, you can place
 it in a web page to display your chart.

source/includes/nav/steps-charts.rst

@@ -0,0 +1,7 @@
+.. step:: Go to :guilabel:`Charts`.
+
+   If |charts| is not already displayed, click 
+   the :guilabel:`Charts` tab in the |service| UI.
+
+   |service| launches an instance of |charts-short| linked to your 
+   project.

source/includes/steps-add-data-source-mflix.yaml

@@ -0,0 +1,86 @@
+.. procedure::
+   :style: normal
+
+   .. include:: /includes/nav/steps-charts.rst
+
+   .. step:: Select a dashboard.
+
+      From your dashboard page, select the dashboard containing the 
+      chart for which you want to enable embeddings.
+
+   .. step:: Select a chart.
+
+      From the dashboard, click :icon-mms:`ellipsis` at the top-right of
+      the chart to access its embedding information. Select
+      :guilabel:`Embed chart` from the dropdown menu.
+
+   .. include:: /includes/fact-charts-in-embedded-dashboards.rst
+
+   .. step:: Enable external sharing on the data source.
+
+      If you've already enabled external sharing on the data source 
+      this chart uses, skip this step. If you haven't yet enabled
+      eexternal sharing on the data source, you can do so now. Click the
+      :guilabel:`Configure external sharing` link.
+
+   .. step:: Enabled signed authentication.
+      
+      a. Select the :guilabel:`Verified Signature` tab in the dialog 
+         box.
+
+      #. Toggle :guilabel:`Enable signed authentication access` to 
+         :guilabel:`On`.
+
+      The |html| code that appears in the modal window shows the 
+      required parameters for sharing a chart with 
+      authentication enabled. To use this code, you must continue with 
+      the subsequent steps to enable authenticated access.
+
+   .. step:: Acquire an embedding key.
+
+      a. Click :guilabel:`Embedding` in the sidebar.
+     
+      #. Click the :guilabel:`Authentication Settings` tab.
+
+      .. note::
+
+         You must be a :ref:`Project Owner <dashboard-permissions>` to
+         access the :guilabel:`Authentication Settings` page. As a 
+         non-admin user, you can still use embedded charts, but you 
+         must get a key from a Project Owner.
+
+   .. step:: Generate an embedding key.
+
+      Click the :guilabel:`Generate New Key` button to create a new
+      embedding key. Store the key in a safe place.
+
+      .. warning::
+
+         If you generate a new key, any previous keys become invalid.
+         Ensure that all the existing shared charts that use the old key
+         are updated to use the new key.
+
+   .. step:: Create the server-side code necessary for a verified signature.
+
+      Generating a verified signature to accompany data requests from 
+      shared charts with authentication enabled requires server-side 
+      code. The verified signature creates a payload by generating a
+      :wikipedia:`HMAC </HMAC>` from your embedding key, a timestamp, 
+      and identifying data from your chart. The verified signature is 
+      valid for a limited time period specified in your server-side 
+      code.
+
+      Code examples demonstrating how to generate a verified
+      signature are available for the following languages and platforms:
+
+      - :github:`Node.js 
+        </mongodb/charts-embedding-examples/tree/master/node>`
+      - :github:`C# 
+        </mongodb/charts-embedding-examples/tree/master/c-sharp>`
+      - :github:`Java 
+        </mongodb/charts-embedding-examples/tree/master/java>`
+      - :github:`Python 
+        </mongodb/charts-embedding-examples/tree/master/python>`
+      - :github:`MongoDB Stitch 
+        </mongodb/charts-embedding-examples/tree/master/stitch>`
+