Packages

ex_debug_toolbar

0.4.6
0.5.0 0.4.6 retired 0.4.5 0.4.4 0.4.3 0.4.2 0.4.1 0.4.0 0.3.15 0.3.14 0.3.12 0.3.11 0.3.10 0.3.9 0.3.8 0.3.6 0.3.5 0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.3 0.2.2 0.2.1 0.2.0 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

A debug web toolbar for Phoenix projects to display all sorts of information about request

Retired package: contains breaking change
HexDocs

Current section

Files

Jump to
Readme
46 Versions
11 Dependencies
0 Dependants
Files
Activity
ex_debug_toolbar web templates toolbar show _breakpoints.html.eex
Raw

web/templates/toolbar/show/_breakpoints.html.eex 

<span class="toolbar-item" data-toggle="panel" data-title="Breakpoints">
  <i class="glyphicon glyphicon-list" aria-hidden="true"></i>
  <%= Enum.count(@breakpoints.entries) %>
</span>
<div id="breakpoint" class="panel panel-default navbar-fixed-bottom">
  <div class="panel-heading">
    <h3 class="panel-title">Breakpoints</h3>
  </div>
  <div class="panel-body">
    <div class="row">
      <div class="col-lg-6">
        <table class="table table-hover table-condensed">
          <caption>Available breakpoints.</caption>
          <thead>
            <th> Timestamp </th>
            <th> File </th>
            <th> Line </th>
          </thead>
          <tbody>
            <%= for {_id, breakpoint} <- @breakpoints.entries do %>
              <tr
               data-breakpoint-id="<%= to_string(breakpoint_uuid(@request, breakpoint)) %>"
               class="breakpoint pointer">
                <td><%= breakpoint.inserted_at %></td>
                <td><%= breakpoint.file %></td>
                <td>
                  <%= breakpoint.line %>
                  <div class="hidden code-snippet">
                    <p class="text-warning"> Click on current row to open IEx session </p>
                    <pre class="language-elixir line-numbers"
                         data-start="<%= breakpoint_code_snippet_start_line(breakpoint) %>"
                         data-line="<%= breakpoint_relative_line(breakpoint) %>">
                      <code class="code">
                        <%= for {line_text, _} <- breakpoint.code_snippet, do: line_text %>
                      </code>
                    </pre>
                  </div>
                  <div class="hidden binding-popover">
                    List of available bound variable names:
                    <ul class="list-unstyled">
                      <%= for key <- breakpoint_sorted_binding(breakpoint) do %>
                        <li> <%= key %> </li>
                      <% end %>
                    </ul>
                  </div>
                </td>
              </tr>
            <% end %>
          </tbody>
        </table>
      </div>
      <div id="code-snippet-container" class="col-lg-6">
        <p class="text-warning"> Hover table rows to see breakpoint code snippet </p>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="breakpoints-modal" tabindex="-1" role="dialog" aria-labelledby="breakpoints-modal-label">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <button type="button" class="close modal-top-action" data-toggle="fullscreen" aria-label="Fullscreen">
          <span class="glyphicon glyphicon-fullscreen"></span>
        </button>
        <button type="button" class="close modal-top-action" data-toggle="binding" aria-label="Binding">
          <span class="glyphicon glyphicon-info-sign"></span>
        </button>
        <h4 class="modal-title" id="breakpoints-modal-label">IEx</h4> </div>
      <div class="modal-body">
        <div id="terminal-container"></div>
      </div>
    </div>
  </div>
</div>