Embedding ia rework (#356)

* DOCSP-10370: [Charts] unauthenticated embedding tutorial, misc. updates (#341)

* DOCSP-10310: [Charts] Embed Charts Using iFrame Procedure (#346)

* [Charts] Rewrite Embedded Chart Options Page to apply to both iframe + sdk (#350)

* [Charts] Rewrite Embedded Chart Options Page to apply to both iframe + sdk

* DOCSP-10314: [Charts] Rewrite Embedded Chart Options Page to apply to both iframe + sdk

Co-authored-by: Steve Renaker <[email protected]>

Author: jeff-allen-mongo

source/embed-chart-anon-auth.txt

@@ -0,0 +1,67 @@
+.. _anon-embedding-charts:
+
+==============================
+Embed an Unauthenticated Chart
+==============================
+
+.. default-domain:: mongodb
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+You can embed a chart in a web application and not require authentication
+to view chart data. To restrict access to your embedded chart, see the
+:ref:`authenticated embedded chart tutorials <authenticated-embedding-tutorials>`.
+
+Prerequisites
+-------------
+
+- You must be a dashboard :ref:`Author <dashboard-permissions>` to enable
+  unauthenticated embedding for a chart.
+- :ref:`add-data-source`
+- :ref:`create-new-dashboard`
+- :ref:`create-new-chart`
+
+Procedures
+----------
+
+.. _anon-embedding-procedure:
+
+Enable Unauthenticated Embedding for a Chart
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+Enable unauthenticated embedding to generate a chart ID and |charts-short|
+Base URL. You will need your chart ID and |charts-short| Base URL to 
+display your chart on a web page.
+
+.. include:: /includes/steps/enable-embedding-sdk-anon.rst
+
+Create a Web App to Display Your Chart
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+If you already have an app in which to display your chart, you're ready
+to add an unauthenticated embedded chart. If not, proceed with the remaining
+steps to create a new app.
+
+MongoDB offers a pre-built example app that shows how to use the 
+Embedding SDK to display an unauthenticated embedded chart.
+
+Clone the :gh:`GitHub repository </mongodb-js/charts-embed-sdk/>`
+to get all the example apps. Instructions for running the unauthenticated
+example are in the :gh:`Readme
+</mongodb-js/charts-embed-sdk/tree/master/examples/unauthenticated>` file
+in the ``unauthenticated`` directory. You can run the app as-is, or you can
+customize it to use a chart of your own.
+
+Customize the Node.js App
+~~~~~~~~~~~~~~~~~~~~~~~~~
+
+All the lines you need to edit are marked with a comment containing
+``~REPLACE~``.
+
+.. include:: /includes/steps/customize-anon-auth-app.rst
+
+After you finish customizing the app, it's ready to run.

source/embed-chart-google-auth.txt

@@ -36,12 +36,9 @@ Procedures
 Enable Authenticated Embedding for your Chart
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-Enable authenticated embedding to generate a chart ID and |charts-short|
-Base URL. You will need your chart ID and |charts-short| Base URL to 
-display your chart on a web page.
+.. include:: /includes/enable-embedding-intro.rst
 
-To embed an authenticated chart, see the 
-**Authenticated Embedding** tab in :ref:`embedding-procedure`.
+.. include:: /includes/steps/embed-chart-authenticated.rst
 
 .. _create-google-id:
 

source/embed-chart-jwt-auth.txt

@@ -47,8 +47,9 @@ Procedures
 Enable Authenticated Embedding for a Chart
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-To embed an authenticated chart, see the 
-**Authenticated Embedding** tab in :ref:`embedding-procedure`.
+.. include:: /includes/enable-embedding-intro.rst
+
+.. include:: /includes/steps/embed-chart-authenticated.rst
 
 Configure |charts-short| to use your Custom JWT Provider
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

source/embed-chart-stitch-auth.txt

@@ -57,8 +57,9 @@ Procedures
 Enable Authenticated Embedding for a Chart
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-To embed an authenticated chart, see the 
-**Authenticated Embedding** tab in :ref:`embedding-procedure`.
+.. include:: /includes/enable-embedding-intro.rst
+
+.. include:: /includes/steps/embed-chart-authenticated.rst
 
 Configure |charts-short| to use your Custom Realm Provider
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

source/embedded-chart-error-codes.txt

@@ -37,14 +37,13 @@ table for more information on each error code.
      - Chart not found.
 
      - Check the ``id`` field in the iframe and make sure it
-       matches the ``id`` in the
-       :ref:`Embed Chart <embedding-procedure>` dialog.
+       matches the ``id`` in the :guilabel:`Embed Chart` modal window.
 
    * - ``3``
      - Embedding not enabled.
 
      - Check that embedding is enabled in your chart's
-       :ref:`Embed Chart <embedding-procedure>` dialog.
+       :guilabel:`Embed Chart` modal window.
 
    * - ``4``
      - Embedding not allowed.