X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=docs%2Fplatform%2Fbrowse.rst;fp=docs%2Fplatform%2Fbrowse.rst;h=27e9645ca2da71874a52f9c0f3115811bce266fa;hb=93abe123055a04a7af0be9cc38e3f058fa04d4df;hp=0000000000000000000000000000000000000000;hpb=e6ae3ae5a03161e5dd4450c3c9cb0ba3d37eff9c;p=aai%2Fsparky-be.git

diff --git a/docs/platform/browse.rst b/docs/platform/browse.rst
new file mode 100644
index 0000000..27e9645
--- /dev/null
+++ b/docs/platform/browse.rst
@@ -0,0 +1,100 @@
+.. This work is licensed under a Creative Commons Attribution 4.0 International License.
+
+Sparky - Browse
+=======================
+
+*Browse* Overview
+~~~~~~~~~~~~~~~~~~~~~~~~~
+
+*Browse* provides a way to easily browse the inventory items in A&AI
+
+.. image:: images/aai-ui-browse.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+*Browse* Features
+~~~~~~~~~~~~~~~~~~~~~~~~~
+With Browse UI, users can:
+  * Click on a tile for a configured node-type and view the instance data
+  * The user can view the information on the subsequent page in a paginated format (50 results per page)
+  * The user can filter down the results by attributes on the top of the page (exact string matching only)
+  * The user can download their results to xslx (500 results at a time)
+  * The user can opt to download a range of pages to download to xslx
+  * The user can view results in card-based format
+  * The user can view results in a tabular-based format
+  * The user can choose a defaulted format (saved in local storage)
+  * The user can view & traverse relationships of an element
+  * The user can build a query giving the element and all related elements (1 hop) by clicking >>BYOQ
+
+Navigation to *Browse*
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+The *Browse* view can be reached by clicking on the Browse icon from the hamburger menu
+
+.. image:: images/browse-hamburger.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+How to use *Browse*
+~~~~~~~~~~~~~~~~~~~~~~~~~~~
+1. On the Browse page click a desired node type to view, in this case I chose generic virtual network functions
+
+.. image:: images/browse-view-1.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+2. On the resulting page you can see the results in card format
+
+.. image:: images/browse-view-2.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+3. Or in tabular format
+
+.. image:: images/browse-view-3.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+4. A user could view the relationships of an element on the card format by clicking the relationships button,
+
+Clicking a relationship will traverse that relationship to the item
+
+.. image:: images/browse-view-4.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+5. A user could view the relationships of an element on the tabular format by clicking the + to expand the row
+
+Clicking a relationship will traverse that relationship to the item
+
+.. image:: images/browse-view-5.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+6. A user could filter their results by adding filters at the top of the screen
+
+.. image:: images/browse-view-7.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+6. A user could build a query giving the element and all related elements (1 hop) by clicking >>BYOQ
+
+.. image:: images/browse-view-8.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center
+
+7. A user could switch between view types using the blue and grey buttons here, they can also set their default view here
+
+.. image:: images/browse-view-9.JPG
+   :scale: 100 %
+   :alt: alternate text
+   :align: center