1{% extends "base-nav.html" %}
 2
 3{% block css %}
 4<link rel="stylesheet" href="{{ static_url("ffu.css") }}">
 5<link rel="stylesheet" href="{{ static_url("jquery.dynatable.css") }}">
 6{% end %}
 7
 8{% block content %}
 9<div class="container">
10  <div class="row">
11    <div class="col-xs-12">
12      <div id="msg-area"></div>
13      <ul id="filelist" class="list-group">
14      {% if 'items' in globals() %} 
15        {% for item in items %}
16          <li id="{{item['transferid']}}" class="list-group-item">
17            <h3 class="list-group-item-heading">{{item['transferid']}} - {{item['username']}}</h2>
18            <div class="btn-group pull-right">
19              <button type='button' class='btn btn-lg btn-success' data-approve="true" data-id="{{item['transferid']}}">Accept</button>
20              <button type='button' class='btn btn-lg btn-danger' data-approve="false" data-id="{{item['transferid']}}">Deny</button>
21            </div>
22            <ul class="bot-padding list-group-item-text">
23            {% for w in item['warnings'] %}
24            <li>{{w}}</li>
25            {% end %}
26            </ul>
27          </li>
28        {% end %}
29      {% end %}
30      </ul>
31    </div>
32  </div>
33</div><!-- /.container -->
34{% end %}
35
36{% block js %}
37<script>
38RegExp.escape = function(text) {
39    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
40}  
41$('.btn').click(function(e){
42    $.ajax({
43      url: "",
44      type: "POST",
45      data: JSON.stringify({id:$(this).data("id"), approve:$(this).data("approve")}),
46      contentType: "application/json; charset=utf-8",
47      dataType: "json",
48      }).done(function(data){
49      $('#msg-area').removeClass();
50      $('#msg-area').attr('class', 'alert alert-'+data['result_type']);
51      $('#msg-area').text('ID ' + data['id'] + ' - ' + data['result']);
52      console.log( $( '[id="' + data['id'] + '"]' ) );
53      $('[id="'+data['id']+'"]').remove();
54    });
55  });
56</script>
57{% end %}