• Files
• Commits
• Log
• Graph
• Stats

<% # session_id = params.item('_sid') # moved to before_template_hook %>

<div id="top">
    <div id="header">
        <h1>HILIS4 General Comms Log</h1>
    </div>
</div>

<div id="nav">
    <div id="rblock1" class="pad">

        <h3>Results <% IF results; "["; results.size; "]"; END %></h3>
        <ol>
            <% FOREACH r IN results %>
                <li>
                    <span title="<% r.details %>">
                        <a href="#r<% loop.count %>"><% r.time.datetime(" ") %></a>
                    </span>
                </li>
            <% END %>
        </ol>
    </div>

    <div id="rblock2" class="pad">
        Powered by <a href="http://perldancer.org/">Dancer2</a>
        <% dancer_version %>
    </div>
</div>

<div id="search">
    <% # INCLUDE dumper.tt dump = params %>
    <% # INCLUDE dumper.tt dump = request.uri_base %>

    <% IF msg OR vars.msg %>
        <div class="alert alert-primary" role="alert"><% msg || vars.msg %></div>
    <% END %>

  <div class="container">
    <div class="row">
      <legend class="header">Add new record
        <small class="text-muted">[for anything NOT already on HILIS]</small>
      </legend>
      <div class="col-sm-12">
        <form class="form-inline" action="<% uri_for.new_record %>" method="post">
          <input type="hidden" name="_sid" value="<% session_id %>" />

          <div class="row">
            <div class="form-group">
              <textarea class="form-control" cols="80" name="details"
                id="newDetails"></textarea>
              <button type="submit" name=".new" value="1"
                class="btn btn-primary">Go</button>
            </div>
          </div>
        </form>
      </div>
    </div>

    <div class="row">
      <legend class="header">Search for record
        [<a href="<% request.uri_base %>?_sid=<% session_id %>"
            class="reset">reset</a>]
       </legend>

      <div class="col-sm-12">
        <form class="form-inline" action="<% uri_for.search %>" method="post">
          <input type="hidden" name="_sid" value="<% session_id %>" />

          <div class="row">
            <div class="form-group">
              <input type="text" class="form-control form-control-sm"
                name="details" placeholder="Details" id="inputDetails"
                value="<% params.details %>" size="70">
            </div>
          </div>
          <div class="row">
            <div class="form-group">
              <input type="text" class="form-control form-control-sm"
                name="username" id="inputUser" value="<% params.username %>"
                placeholder="User name">
            </div>
            <div> </div>
            <div class="form-group input-group" id="date-picr">
                <div id="startDate">
                    <input type="text" placeholder="Start date" name="start_date"
                        class="form-control form-control-sm date start"
                        id="start_date" value="<% params.start_date %>" />
                </div>
                <div> </div>
                <div id="endDate">
                    <input type="text" name="end_date" placeholder="End date"
                        class="form-control form-control-sm date end"
                        id="end_date" value="<% params.end_date %>" />
                </div>
            </div>
            <div> </div>
            <button type="submit" name=".search" value="1"
                class="btn btn-primary">Go</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<% IF params.item('.search') || params.item('.new') # form submitted %>
<div id="results">
  <div class="container">
    <div class="row">
      <% IF results.size; # INCLUDE dumper.tt dump = r FOREACH r IN results %>
        <table class="table table-striped table-sm">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Date</th>
              <th scope="col">Time</th>
              <th scope="col">User</th>
              <th scope="col">Details</th>
            </tr>
          </thead>
          <tbody>
            <% FOREACH r IN results %>
            <tr id="r<% loop.count %>">
              <td><% loop.count %></td>
              <td><% r.time.strftime('%d.%m.%Y') %></td>
              <td><% r.time.strftime('%T') %></td>
              <td><% r.first_name.upper %> <% r.last_name.upper %></td>
              <td><% r.details | html %></td>
            </tr>
            <% END %>
          </tbody>
        </table>
      <% ELSIF NOT vars.total %>
        <div class="alert alert-primary" role="alert">No matching records</div>
      <% END %>
    </div>
  </div>
</div>
<% END %>

<script>
    <% IF use_datepicker %>
        // initialize input widgets first
        $('#date-picr .date').datepicker({
            'format': 'dd/mm/yyyy',
            'autoclose': true
        });
        // initialize datepair
        $('#date-picr').datepair();
    <% END %>
    <% # alternative pikaday method %>
    var options = {
        weekday: 'short', year: 'numeric', month: 'short', day: 'numeric'
    };
    <% BLOCK pikaday %>new Pikaday({
          field: document.getElementById('<% str %>'),
          // to change default format:
          // toString(date, format) {
          //  return date.toLocaleDateString('gb-GB', options)
          // },
        });
    <% END %>
    var d1 = <% INCLUDE pikaday(str = 'start_date') %>
    var d2 = <% INCLUDE pikaday(str = 'end_date') %>
</script>

<!-- logo -->
<div id="box1" class="box1"></div>
<div id="box2" class="box2"></div>
<div id="box3" class="box3"></div>
<div id="box4" class="box4"></div>
<div id="box5" class="box5"></div>
<div id="box6" class="box6"></div>
<div id="box7" class="box7"></div>
<!-- /logo -->