path: root/shardweb/lib/shard_web/templates/room/show.html.eex

      <ul class="nav nav-tabs">
        <%= for shard <- shard_list() do %>
          <%= case shard do %>
            <%= {_, {:chat, name}, _} -> %>
              <li class="<%= if name == @room do "active" else "" end %>">
                <a href="<%= room_path(@conn, :show, name) %>">#<%= name %></a>
              </li>
          <% end %>
        <% end %>
        <li>
          <a href="#" onclick="if(new_room=prompt('Enter name of room to join, without preceding # sign:'))window.location.href='/room/'+new_room;">Join room</a>
        </li>
      </ul>

<!-- The list of messages will appear here: -->
<ul id='msg-list' class='row' style='list-style: none; min-height:400px; padding: 10px; max-height: 400px; overflow: scroll'></ul>

<div class="row">
  <div class="col-xs-3">
    <input type="text" value="<%= @name %>" id="name" class="form-control" placeholder="Your Name">
  </div>
  <div class="col-xs-9">
    <input type="text" id="msg" class="form-control" placeholder="Your Message" autofocus>
  </div>
</div>