API-Explorer/src/main/webapp/api-explorer.html

<div id="main" class="lift:surround?with=default&at=content">

    <h1>Open Bank Project API Explorer</h1>

    <div class="lift:ApiExplorer.showResources">

        <span id="version">API Version: </span>

        <div class="lift:Msgs"></div>


        <table>
            <!-- Each URL we document appears in a row, inside a table -->
            <!-- Multiple instances of this row are generated in ApiExplorer.scala -->
            <!-- Note: id's are added so we can manipulate individual elements -->
            <tr class="resource">
                    <!-- Some documentation -->
                    <td>
                        <a class="resource_summary" href="#replace-me">Summary</a>
                        <div name="resource_description" class="markdown"><span name="description_text">Description</span></div>
                    </td>

                    <td>
                        <form class="lift:form.ajax" id="form1">
                                <!-- Attributes for these fields are replaced -->
                                <input type="hidden" name="resource_id_input">
                                <input type="hidden" name="request_verb_input" placeholder="GET, POST, PUT etc.">
                                <!-- The url_to_call is populated at render (but it can be edited manually) -->
                                <input type="hidden" name="request_url_input" placeholder="OBP URL to call">

                                <div name="example_request_body" style="display: block;">
                                    <input name="example_request_body_input" placeholder="JSON body to POST or PUT">
                                    <!-- TODO get this working: <textarea name="request_body_input" form="form1">Enter text here...</textarea>  -->
                                </div>

                                <!-- This submit button is also modified by ApiExplorer.scala -->
                                <input class="call_button" type="submit">
                        </form>

                        <!-- API call result goes here It is highlighted by javascript called from the submit button -->
                        <pre>
                            <code class="result json" id="result" name="response_body">
                            </code>
                        </pre>
                    </td>
            </tr>
        </table>
    </div>
</div>