Document Policy GUI and gui-server

Issue-ID: POLICY-4138
Change-Id: If7eccc6057ce54609ab6ad07dd3a9bd129caa93a
Signed-off-by: liamfallon <liam.fallon@est.tech>

2 files changed, 33 insertions, 0 deletions

diff --git a/docs/ui/designtime-ui/apex-policy-editor.rst b/docs/ui/designtime-ui/apex-policy-editor.rst
new file mode 100644
index 00000000..6a5ecb95
--- /dev/null
+++ b/docs/ui/designtime-ui/apex-policy-editor.rst
@@ -0,0 +1,16 @@
+.. This work is licensed under a Creative Commons Attribution 4.0 International License.
+
+.. _apex-policy-editor-label:
+
+The Policy Framework Apex Policy Editor
+#######################################
+
+.. contents::
+    :depth: 4
+
+The Apex Policy Editor allows a user to create and edit an Apex policy. It's UI is shown in the image below.
+
+.. image:: ../images/ApexPolicyEditorUI.png
+
+See the :ref:`My-First-Policy Example <apex-myFirstExample>` for an example of using the Apex policy editor.
+
diff --git a/docs/ui/designtime-ui/designtime-ui.rst b/docs/ui/designtime-ui/designtime-ui.rst
new file mode 100644
index 00000000..da9e6d98
--- /dev/null
+++ b/docs/ui/designtime-ui/designtime-ui.rst
@@ -0,0 +1,17 @@
+.. This work is licensed under a Creative Commons Attribution 4.0 International License.
+
+.. _designtime-ui-label:
+
+The Policy Framework Designtime User Interface
+##############################################
+
+The Policy Framework Designtime UI is shown in the image below. It is, at present, a plain HTML page.
+
+.. image:: ../images/DesigntimeUI.png
+
+The pages below describe the elements of the Policy Framework Designtime UI.
+
+.. toctree::
+   :maxdepth: 2
+
+   apex-policy-editor