Packages

fun_with_flags_ui

0.0.1
1.1.0 1.0.0 0.9.0 0.8.1 0.8.0 0.7.2 0.7.1 0.7.0 0.6.0 0.5.0 0.4.1 0.4.0 0.3.0 0.2.0 0.1.0 0.0.3 0.0.2 0.0.1

FunWithFlags.UI, a web dashboard for the FunWithFlags Elixir package.

HexDocs

Current section

Files

Jump to
Readme
18 Versions
3 Dependencies
Dependants
Files
Activity
fun_with_flags_ui lib fun_with_flags ui templates details.html.eex
Raw

lib/fun_with_flags/ui/templates/details.html.eex 

<!DOCTYPE html>

<html lang="en">

  <%= _head(title: @flag.name) %>

  <body>

    <nav id="fwf-top-bar" class="navbar navbar-inverse navbar-toggleable-xl">

      <a class="navbar-brand" href="https://github.com/tompave/fun_with_flags">FunWithFlags</a>

      <div class="collapse navbar-collapse">

        <ul class="navbar-nav mr-auto">

          <li class="nav-item">

            <a class="nav-link" href="<%= path("/flags") %>">all flags</a>

          </li>



          <span class="navbar-text">

            &gt;

          </span>



          <li class="nav-item active">

            <a class="nav-link" href="<%= path("/flags/#{@flag.name}") %>"><%= @flag.name %></a>

          </li>

        </ul>



        <a href="<%= path("/new") %>" class="btn btn-secondary">New Flag</a>

      </div>

    </nav>



    <div class="container mt-3">

      <h1><%= @flag.name %></h1>



      <div id="boolean_gate" class="row mb-3">

        <div class="col">

          <div class="card">

            <h5 class="card-header">

              Default state

            </h5>

            <%= _boolean_row(flag: @flag) %>

          </div>

        </div>

      </div>



      <div id="actor_gates" class="row mb-3">

        <div class="col">

          <div class="card">

            <h5 class="card-header">

              Actors

            </h5>

            <ul class="list-group list-group-flush fwf-gate-list">

              <% actor_gates = Utils.actor_gates(@flag) %>



              <%= for gate <- actor_gates do %>

                <li class="list-group-item px-0">

                  <%= _actor_row(flag: @flag, gate: gate) %>

                </li>

              <% end %>



              <%= if Enum.empty?(actor_gates) do %>

                <li class="list-group-item">

                  none

                </li>

              <% end %>



              <li class="list-group-item">

                <%= _new_actor_row(flag: @flag, error_message: assigns[:actor_error_message]) %>

              </li>

            </ul>

          </div>

        </div>

      </div>



      <div id="group_gates" class="row mb-3">

        <div class="col">

          <div class="card">

            <h5 class="card-header">

              Groups

            </h5>

            <ul class="list-group list-group-flush fwf-gate-list">

              <% group_gates = Utils.group_gates(@flag) %>



              <%= for gate <- group_gates do %>

                <li class="list-group-item px-0">

                  <%= _group_row(flag: @flag, gate: gate) %>

                </li>

              <% end %>



              <%= if Enum.empty?(group_gates) do %>

                <li class="list-group-item">

                  none

                </li>

              <% end %>



              <li class="list-group-item">

                <%= _new_group_row(flag: @flag, error_message: assigns[:group_error_message]) %>

              </li>

            </ul>

          </div>

        </div>

      </div>



      <div id="danger_zone" class="row mb-3">

        <div class="col">

          <div class="card">

            <h5 class="card-header">

              Danger Zone

            </h5>

            <div class="card-block">

              <form action="<%= path("/flags/#{@flag.name}") %>" method="post">

                <input type="hidden" name="_method" value="DELETE">

                <button type="submit" class="btn btn-danger" data-confirm="Are you sure you want to completely delete the flag '<%= @flag.name %>'?">Delete Flag</button>

              </form>

            </div>

          </div>

        </div>

      </div>

    </div>

    <script type="text/javascript" src="<%= path("/assets/details.js") %>"></script>

  </body>

</html>