Packages

api_playground

0.1.3
0.1.3 retired 0.1.2 0.1.1 0.1.0

A playground for experimenting with Phoenix APIs

Retired package: Release invalid - No longer available on Gitlab
HexDocs

Current section

Files

Jump to
Readme
4 Versions
2 Dependencies
Dependants
Files
Activity
api_playground lib templates index.html.eex
Raw

lib/templates/index.html.eex 

<!DOCTYPE html>

<html>

<head>

  <meta charset='utf-8'>

  <link rel='stylesheet' href="<%= static_path @conn, "/css/main.css" %>">

</head>

<body>

  <main role='main' id='app'>

    <h1>API Playground</h1>

    <div class='route-table'>

      <%= for route <- @routes do %>

        <article class='route-bar'>



          <header class='route-summary'>

            <span class='info'><%= String.upcase(to_string(route.verb)) %></span>

            <span class='info'><%= route.path %></span>

            <button data-js-toggle="route-panel" class='expand-btn'>+</button>

          </header>

          <main class='hidden route-panel'>

            <div class='request-console'>

              <div class='input-group'>

                <label>

                  URL:

                </label>

                <input data-js-req-path value='<%= route.path %>'>

              </div>



              <div class='input-group'>

                <label>

                  Request Headers:

                </label>

                <textarea data-js-req-headers>Content-Type: application/json</textarea>

              </div>



              <div class='input-group'>

                <label>

                  Request Body:

                </label>

                <textarea data-js-req-data>{}</textarea>

              </div>



              <div class='hidden input-group' data-js-resp class='output'>

              </div>



              <input type='hidden' data-js-req-method value="<%= route.verb %>">



              <button class='btn' data-js-req-btn>

                Send Request

              </button>

            </div>

            <table class='hidden debug-info'>

              <tr>

                <th>Plug</th>

                <td><%= route.plug %></td>

              </tr>

              <tr>

                <th>Opts</th>

                <td><%= route.opts %></td>

              </tr>

              <tr>

                <th>Helper</th>

                <td><%= route.helper %></td>

              </tr>

            </table>

          </main>

        </article>

      <% end %>

    </div>

  </main>

  <script src="<%= static_path @conn, "/js/app.js" %>"></script>

</body>

</html>