summaryrefslogtreecommitdiff
path: root/template/mutes.st
blob: 4bf07bc47ff7edca8c0e00f00fb038acf7029b03 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<html>
  <head>
    <title>dump.fm mutes</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"
            type="text/javascript"></script>
    <script src="/static/js/jquery.tablesorter.min.js"
            type="text/javascript"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css">
            
    <script src="/static/js/admin.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/static/tsort/style.css">
    <style>
      body { font-family: Monaco, "Courier New", Courier, monospace; }
      input[type=button] {
          font-size: 100%;
      }
      .reason {
          width: 25%;
      }

      .cancel-reason {
          width: 15%;
      }
    </style>
    
    <script>
      jQuery(document).ready(function() {
          jQuery('#active-mutes').tablesorter({});
          jQuery('#inactive-mutes').tablesorter({});
      });
    </script>
  </head>
  <body>
    <h1><a href="http://dump.fm">dump.fm muting system</a></h1>
    <div id="main">
      
      <h2>Active Mutes</h2>
      
      <table id="active-mutes" class="tablesorter">
        <thead>
          <tr>
            <th>Nick</th>
            <th>Admin</th>
            <th>Set On</th>
            <th>Expires</th>
            <th>Duration</th>
            <th>Reason</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          $active: { m |
              <tr mute-id="$m.mute_id$">
                <td><a href="/$m.nick$">$m.nick$</a></td>
                <td>$m.admin_nick$</td>
                <td>$m.set_on$</td>
                <td>$m.expiry$</td>
                <td>$m.duration$</td>
                <td class="reason">$m.reason$</td>
                <td align="center">
                  <input type="button" value="Cancel" 
                         onclick="javascript:Admin.cancelMute($m.mute_id$, '$m.nick$')">
                </td>
              </tr>
          }$
        </tbody>
      </table>      

      <br />

      <h2>Inactive Mutes</h2>
            
      <table id="inactive-mutes" class="tablesorter">
        <thead>
          <tr>
            <th>Nick</th>
            <th>Admin</th>
            <th>Set On</th>
            <th>Expires</th>
            <th>Duration</th>
            <th>Reason</th>
            <th>Status</th>
            <th>Cancelled By</th>
            <th>Cancel reason</th>
          </tr>
        </thead>
        <tbody>
          $inactive: { m |
              <tr>
                <td><a href="/$m.nick$">$m.nick$<a></td>
                <td>$m.admin_nick$</td>
                <td>$m.set_on$</td>
                <td>$m.expiry$</td>
                <td>$m.duration$</td>
                <td class="reason">$m.reason$</td>
                <td>$m.cancelled$</td>
                <td>$m.cancel_nick$</td>
                <td class="cancel-reason">$m.cancel_reason$</td>
              </tr>
          }$
        </tbody>
      </table>      

    </div>
  </body>
</html>