templates/acp.pug

   1 doctype html
   2 html(lang="en")
   3   head
   4     include head
   5     +head()
   6     link(rel="stylesheet", type="text/css", href="/css/acp.css")
   7   body
   8     #wrap
   9       nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
  10         include nav
  11         +navheader()
  12         #nav-collapsible.collapse.navbar-collapse
  13           ul.nav.navbar-nav
  14             +navdefaultlinks()
  15             li#nav-acp-section.dropdown
  16               a#nav-acp-dd-toggle.dropdown-toggle(data-toggle="dropdown", href="javascript:void(0)") Menu
  17                 span.caret
  18               ul.dropdown-menu
  19           +navloginlogout()
  20       section#mainpage
  21         .container
  22           .row
  23             #acp-logview.acp-panel.col-md-12(style="display: none")
  24               h3 Log Viewer
  25               .input-group
  26                 div.input-group-btn
  27                   button#acp-syslog-btn.btn.btn-default Syslog
  28                   button#acp-errlog-btn.btn.btn-default Error log
  29                   button#acp-httplog-btn.btn.btn-default HTTP log
  30                 input#acp-chanlog-name.form-control(type="text", placeholder="Channel name")
  31               pre#acp-log
  32             #acp-announcements.acp-panel.col-md-6.col-md-offset-3(style="display: none")
  33               h3 Announcements
  34               h3 New Announcement
  35               div
  36                 form.form-horizontal(action="javascript:void(0)", role="form")
  37                   .form-group
  38                     label.control-label.col-sm-2(for="acp-announce-title") Title
  39                     .col-sm-10
  40                       input#acp-announce-title.form-control(type="text")
  41                   .form-group
  42                     label.control-label.col-sm-2(for="acp-announce-content") Text
  43                     .col-sm-10
  44                       textarea#acp-announce-content.form-control(type="text", rows="10")
  45                   .form-group
  46                     .col-sm-10.col-sm-offset-2
  47                       button#acp-announce-submit.btn.btn-primary Announce
  48             #acp-global-bans.acp-panel.col-md-12(style="display: none")
  49               h3 Global Bans
  50               table.table.table-striped.table-bordered
  51                 thead
  52                   tr
  53                     th
  54                     th IP Address
  55                     th Note
  56               h3 New Global Ban
  57               div(style="max-width: 50%")
  58                 form.form-horizontal(action="javascript:void(0)", role="form")
  59                   .form-group
  60                     label.control-label.col-sm-3(for="acp-gban-ip") IP Address
  61                     .col-sm-9
  62                       input#acp-gban-ip.form-control(type="text")
  63                   .form-group
  64                     label.control-label.col-sm-3(for="acp-gban-note") Note
  65                     .col-sm-9
  66                       input#acp-gban-note.form-control(type="text")
  67                   .form-group
  68                     .col-sm-9.col-sm-offset-3
  69                       button#acp-gban-submit.btn.btn-danger Add ban
  70             #acp-user-lookup.acp-panel.col-md-12(style="display: none")
  71               h3 Users
  72               .input-group(style="max-width: 50%")
  73                 input#acp-ulookup-query.form-control(type="text")
  74                 span.input-group-btn
  75                   button#acp-ulookup-btn-name.btn.btn-default(data-field="name") Search Name
  76                 span.input-group-btn
  77                   button#acp-ulookup-btn-email.btn.btn-default(data-field="email") Search Email
  78               table.table.table-bordered.table-striped(style="margin-top: 20px")
  79                 thead
  80                   tr
  81                     th.sort(data-key="id") ID
  82                     th.sort(data-key="name") Name
  83                     th.sort(data-key="global_rank") Rank
  84                     th.sort(data-key="email") Email
  85                     th Actions
  86             #acp-channel-lookup.acp-panel.col-md-12(style="display: none")
  87               h3 Channels
  88               form.form-inline(action="javascript:void(0)", role="form")
  89                 .form-group
  90                   input#acp-clookup-value.form-control(type="text", placeholder="Name")
  91                 .form-group
  92                   select#acp-clookup-field.form-control
  93                     option(value="name") Channel Name
  94                     option(value="owner") Channel Owner
  95                 button#acp-clookup-submit.btn.btn-default Search
  96               table.table.table-bordered.table-striped(style="margin-top: 20px")
  97                 thead
  98                   tr
  99                     th.sort(data-key="id") ID
 100                     th.sort(data-key="name") Name
 101                     th.sort(data-key="owner") Owner
 102                     th.sort(data-key="last_loaded") Last Loaded
 103                     th.sort(data-key="owner_last_seen") Owner Last Seen
 104                     th Control
 105             #acp-loaded-channels.acp-panel.col-md-12(style="display: none")
 106               h3 Loaded Channels
 107               button#acp-lchannels-refresh.btn.btn-default Refresh
 108               table.table.table-bordered.table-striped(style="margin-top: 20px")
 109                 thead
 110                   tr
 111                     th Title
 112                     th Usercount
 113                     th Now Playing
 114                     th Registered
 115                     th Public
 116                     th Control
 117             #acp-eventlog.acp-panel.col-md-12(style="display: none")
 118               h3 Event Log
 119               strong Filter event types
 120               select#acp-eventlog-filter.form-control(multiple="multiple", style="max-width: 25%")
 121               button#acp-eventlog-refresh.btn.btn-default Refresh
 122               pre#acp-eventlog-text
 123
 124     include footer
 125     +footer()
 126     script(src=sioSource)
 127     script(type="text/javascript").
 128       window.IO_SERVERS = !{ioServers};
 129     script(src="/js/util.js")
 130     script(src="/js/paginator.js")
 131     script(src="/js/acp.js")