CipherLabs
/
blockscout
mirror of https://github.com/blockscout/blockscout
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve API docs action layout

Browse Source
pull/1035/head
Ryan Arthur 6 years ago
parent 1f5d183d8d
commit 3d5b007eca
1 changed files with 84 additions and 84 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 168
      apps/block_scout_web/lib/block_scout_web/templates/api_docs/_action_tile.html.eex

168
apps/block_scout_web/lib/block_scout_web/templates/api_docs/_action_tile.html.eex
Unescape View File

@ -13,95 +13,93 @@
</div> </div>
<div class="row mt-2"> <div class="row mb-3">
<div class="col"> <div class="col">
<div class="collapse multi-collapse" id="<%= action_tile_id(@module_name, @action.name) %>"> <div class="collapse multi-collapse" id="<%= action_tile_id(@module_name, @action.name) %>">
<div class="card card-body pt-3 rounded"> <div class="pt-3">
<h4 class="text-primary"><%= gettext "Parameters" %>
<button data-selector="<%= "#{@module_name}-#{@action.name}-btn-try-api" %>" role="button" class="button button-sm button-primary float-right" style="width: 8rem" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Try it out" %></button>
<button data-selector="<%= "#{@module_name}-#{@action.name}-btn-try-api-cancel" %>" role="button" class="collapse button button-sm button-secondary float-right" style="width: 8rem" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Cancel" %></button> <h4 class="text-primary my-4"><%= gettext "Parameters" %>
<button data-selector="<%= "#{@module_name}-#{@action.name}-btn-try-api" %>" role="button" class="button button-xs button-primary float-right" style="width: 8rem" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Try it out" %></button>
<button data-selector="<%= "#{@module_name}-#{@action.name}-btn-try-api-cancel" %>" role="button" class="collapse button button-xs button-secondary float-right" style="width: 8rem" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Cancel" %></button>
</h4> </h4>
<div class="mb-4"> <div class="mb-4">
<dl class="row"> <dl class="row">
<dt class="col-sm-4 col-md-2 text-muted"><%= gettext "Name" %></dt> <dt class="col-sm-4 col-md-2 text-muted"><%= gettext "Name" %></dt>
<dt class="col-sm-8 col-md-10 text-muted"><%= gettext "Description" %></dt> <dt class="col-sm-8 col-md-10 text-muted"><%= gettext "Description" %></dt>
</dl> </dl>
<dl class="row"> <dl class="row">
<dd class="col-sm-4 col-md-2"> <dd class="col-sm-4 col-md-2">
<div class=""> <div class="">
<%= gettext "Module" %> <%= gettext "Module" %>
<span class="text-danger"> <span class="text-danger">
* <small><%= gettext "required" %></small> * <small><%= gettext "required" %></small>
</span> </span>
</div> </div>
<span class="text-muted"><%= gettext "string" %> <em><%= gettext "(query)" %></em></span> <span class="text-muted"><%= gettext "string" %> <em><%= gettext "(query)" %></em></span>
</dd> </dd>
<dd class="col-sm-8 col-md-10"> <dd class="col-sm-8 col-md-10">
<%= gettext "A string with the name of the module to be invoked." %> <%= gettext "A string with the name of the module to be invoked." %>
<em><%= gettext "Must be set to:" %></em> <%= @module_name %> <em><%= gettext "Must be set to:" %></em> <%= @module_name %>
</dd> </dd>
</dl> </dl>
<dl class="row"> <dl class="row">
<dd class="col-sm-4 col-md-2"> <dd class="col-sm-4 col-md-2">
<div class=""> <div class="">
<%= gettext "Action" %> <%= gettext "Action" %>
<span class="text-danger"> <span class="text-danger">
* <small><%= gettext "required" %></small> * <small><%= gettext "required" %></small>
</span> </span>
</div> </div>
<span class="text-muted"><%= gettext "string" %><em><%= gettext "(query)" %></em></span> <span class="text-muted"><%= gettext "string" %><em><%= gettext "(query)" %></em></span>
</dd> </dd>
<dd class="col-sm-8 col-md-10"> <dd class="col-sm-8 col-md-10">
<%= gettext "A string with the name of the action to be invoked." %> <%= gettext "A string with the name of the action to be invoked." %>
<em><%= gettext "Must be set to:" %></em> <%= @action.name %> <em><%= gettext "Must be set to:" %></em> <%= @action.name %>
</dd> </dd>
</dl> </dl>
<%= for required_param <- @action.required_params do %> <%= for required_param <- @action.required_params do %>
<dl class="row">
<dd class="col-sm-4 col-md-2">
<%= required_param.key %>
<span class="align-text-bottom text-danger">
* <small><%= gettext "required" %></small>
</span>
<div class="text-muted"><%= required_param.type %> <em><%= gettext "(query)" %></em></div>
</dd>
<dd class="col-sm-8 col-md-10">
<%= required_param.description %>
<div class="form-group has-danger">
<input data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui" %>" data-required="true" type="text" class="collapse form-control form-control-danger is-invalid" placeholder="<%= input_placeholder(required_param) %>" data-parameter-key="<%= required_param.key %>">
</div>
</dd>
</dl>
<% end %>
<%= for optional_param <- @action.optional_params do %>
<dl class="row"> <dl class="row">
<dd class="col-sm-4 col-md-2"> <dd class="col-sm-4 col-md-2">
<div><%= optional_param.key %></div> <%= required_param.key %>
<span class="text-muted"><%= optional_param.type %> <em><%= gettext "(query)" %></em></span> <span class="align-text-bottom text-danger">
* <small><%= gettext "required" %></small>
</span>
<div class="text-muted"><%= required_param.type %> <em><%= gettext "(query)" %></em></div>
</dd> </dd>
<dd class="col-sm-8 col-md-10"> <dd class="col-sm-8 col-md-10">
<%= optional_param.description %> <%= required_param.description %>
<input data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui" %>" type="text" class="collapse form-control" placeholder="<%= input_placeholder(optional_param) %>" data-parameter-key="<%= optional_param.key %>"> <div class="form-group has-danger">
<input data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui" %>" data-required="true" type="text" class="collapse form-control form-control-danger is-invalid" placeholder="<%= input_placeholder(required_param) %>" data-parameter-key="<%= required_param.key %>">
</div>
</dd> </dd>
</dl> </dl>
<% end %> <% end %>
<div class="row"> <%= for optional_param <- @action.optional_params do %>
<div class="col-sm-2 offset-sm-4 col-md-2 offset-md-2"> <dl class="row">
<button data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui" %>" data-try-api-ui-button-type="execute" role="button" class="collapse button button-primary w-100" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Execute" %></button> <dd class="col-sm-4 col-md-2">
</div> <div><%= optional_param.key %></div>
<div class="col-sm-2 col-md-2"> <span class="text-muted"><%= optional_param.type %> <em><%= gettext "(query)" %></em></span>
<button role="button" class="collapse button button-secondary" data-selector="<%= "#{@module_name}-#{@action.name}-btn-try-api-clear" %>" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Clear" %></button>
</div>
</div>
<!-- /btn-group -->
</div> <!-- /Descriptor container -->
<h4 class="text-primary mt-4"><%= gettext "Responses" %></h4> </dd>
<dd class="col-sm-8 col-md-10">
<%= optional_param.description %>
<input data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui" %>" type="text" class="collapse form-control" placeholder="<%= input_placeholder(optional_param) %>" data-parameter-key="<%= optional_param.key %>">
</dd>
</dl>
<% end %>
<div class="row">
<div class="col-sm-2 offset-sm-4 col-md-2 offset-md-2">
<button data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui" %>" data-try-api-ui-button-type="execute" role="button" class="collapse button button-primary w-100" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Execute" %></button>
</div>
<div class="col-sm-2 col-md-2">
<button role="button" class="collapse button button-secondary" data-selector="<%= "#{@module_name}-#{@action.name}-btn-try-api-clear" %>" data-module="<%= @module_name %>" data-action="<%= @action.name %>"><%= gettext "Clear" %></button>
</div>
</div>
<!-- /btn-group -->
<div data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui-result" %>" class="collapse"> <div class="tile text-dark mt-5 collapse" data-selector="<%= "#{@module_name}-#{@action.name}-try-api-ui-result" %>">
<div class="mb-3"> <div class="mb-3">
<h5 class=""><%= gettext "Curl" %></h5> <h5 class=""><%= gettext "Curl" %></h5>
<div class="tile tile-muted p-1"> <div class="tile tile-muted p-1">
@ -115,18 +113,17 @@
<pre data-selector="<%= "#{@module_name}-#{@action.name}-request-url" %>" class="m-2"></pre> <pre data-selector="<%= "#{@module_name}-#{@action.name}-request-url" %>" class="m-2"></pre>
</div> </div>
</div> </div>
<hr/>
<div> <div>
<h5><%= gettext "Server Response" %></h5> <h5><%= gettext "Server Response" %></h5>
<dl class="row"> <dl class="row">
<dt class="col-sm-4 col-md-2"><%= gettext "Code" %></dt> <dt class="col-sm-4 col-md-2 text-muted"><%= gettext "Code" %></dt>
<dt class="col-sm-8 col-md-10"><%= gettext "Details" %></dt> <dt class="col-sm-8 col-md-10 text-muted"><%= gettext "Details" %></dt>
</dl> </dl>
<dl class="row"> <dl class="row">
<dd class="col-sm-4 col-md-2" data-selector="<%= "#{@module_name}-#{@action.name}-server-response-code" %>"> <dd class="col-sm-4 col-md-2" data-selector="<%= "#{@module_name}-#{@action.name}-server-response-code" %>">
</dd> </dd>
<dd class="col-sm-8 col-md-10"> <dd class="col-sm-8 col-md-10">
<h5 class=""><%= gettext "Response Body" %></h5> <%= gettext "Response Body" %>
<div class="tile tile-muted p-1 card-server-response-body"> <div class="tile tile-muted p-1 card-server-response-body">
<pre data-selector="<%= "#{@module_name}-#{@action.name}-server-response-body" %>" class="m-2"></pre> <pre data-selector="<%= "#{@module_name}-#{@action.name}-server-response-body" %>" class="m-2"></pre>
</div> </div>
@ -134,12 +131,15 @@
</dl> </dl>
</div> </div>
</div> <!-- /*-try-api-ui-result --> </div> <!-- /*-try-api-ui-result -->
<hr/> <hr/>
</div> <!-- /Descriptor container -->
<h4 class="text-primary my-4"><%= gettext "Responses" %></h4>
<div> <div>
<h5><%= gettext "Responses" %></h5>
<dl class="row"> <dl class="row">
<dt class="col-sm-4 col-md-2"><%= gettext "Code" %></dt> <dt class="col-sm-4 col-md-2 text-muted"><%= gettext "Code" %></dt>
<dt class="col-sm-8 col-md-10"><%= gettext "Description" %></dt> <dt class="col-sm-8 col-md-10 text-muted"><%= gettext "Description" %></dt>
</dl> </dl>
<%= for {response, index} <- Enum.with_index(@action.responses) do %> <%= for {response, index} <- Enum.with_index(@action.responses) do %>
<dl class="row"> <dl class="row">

Write Preview
Loading…
Cancel
Save