1 .. This work is licensed under a Creative Commons Attribution 4.0 International License.
4 =======================
7 ~~~~~~~~~~~~~~~~~~~~~~~~~
9 *BYOQ* provides a way for users to build their own traversal queries in A&AI
11 .. image:: images/aai-ui-byoq.JPG
17 ~~~~~~~~~~~~~~~~~~~~~~~~~
18 With BYOQ UI, users can:
19 * Create queries to extract information using typeahead help functionality
20 * The user can view help menus on the DSL syntax
21 * The user can view the information in a paginated format (50 results per page)
22 * The user can filter down the results in the tabular view on the column headers (exact string matching only)
23 * The user can download their results to xslx (500 results at a time)
24 * The user can opt to download a range of pages to download to xslx
25 * The user can view results in card-based format
26 * The user can view results in a tabular-based format
27 * The user can view results in a visual format
28 * The user can pinch/zoom in the visual format and double click on the elements to get additional info in a modal
29 * The user can choose a defaulted format (saved in local storage)
30 * The user can view & traverse relationships on an element
31 * The user can build a query giving the element and all related elements (1 hop) by clicking >>BYOQ
34 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
36 The *BYOQ* view can be reached by clicking on the BYOQ item in the hamburger menu
38 .. image:: images/byoq-hamburger.JPG
44 ~~~~~~~~~~~~~~~~~~~~~~~~~~~
45 1. On the BYOQ page click in the dsl query input box and start creating a query
47 Typeahead will help with creating connections or filters as the query is being typed out (it can be configured off)
49 In this case I started from a generic-vnf with a specific filter and selected a few elements directly connected to it
52 The results can be seen below in card format
54 .. image:: images/byoq-view-1.JPG
59 2. We have the option to view the output in tabular format
61 .. image:: images/byoq-view-2.JPG
66 3. As well as visual graph format
68 .. image:: images/byoq-view-3.JPG
73 4. You can pinch/zoom & drag/drop in the visual view and double clicking an item brings up its details in a modal
75 .. image:: images/byoq-view-4.JPG
80 5. The user can access the syntax help documentation from the accordions
82 .. image:: images/byoq-view-5.JPG