evething/templates/thing/mail.html at develop · rcreasey/evething · GitHub

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
{% extends "base.html" %}
{% import 'macros/common.html' as common %}

{% block title %}Mail{% endblock %}

{% block extra_js %}
    <script type="text/javascript">
      $(document).ready(function() {
        EVEthing.mail.characters = { {% for character in characters %}{{ character.0 }}:'{{character.1}}',{% endfor %} };
        EVEthing.mail.headers_url = "{{ url('thing.views.mail_json_headers') }}";
        EVEthing.mail.body_url = "{{ url('thing.views.mail_json_body', '0000') }}";
        EVEthing.mail.onload();
      });
    </script>
{% endblock %}

{% block content %}
      <div class="row-fluid mail-main">
        <div class="mail-content">
          <div class="row-fluid">
            <div class="span12 mail-list">
              <form id="mail-mark-read-form" class="nomargin" method="POST" action="{{ url('thing.views.mail_mark_read') }}">
                {{ csrf() }}
                <table id="mail-list-table" class="table table-bordered table-condensed table-striped table-sortable nomargin">
                  <thead>
                    <tr>
                      <th class="mail-checkbox"><input id="mail-list-check-all" type="checkbox"></th>
                      <th class="mail-from">From</th>
                      <th class="mail-to">To</th>
                      <th>Subject</th>
                      <th class="mail-date">Date</th>
                    </tr>
                  </thead>
                  <tbody>
                  </tbody>
                  <tfoot>
                    <tr id="mail-list-filtered" style="display: none">
                      <td colspan="5">There are no mail messages to show with these filter settings.</td>
                    </tr>
                    <tr id="mail-list-loading">
                      <td colspan="5">Loading messages... <i class="icon-spinner icon-spin"></i></td>
                    </tr>
                  </tfoot>
                </table>
              </form>
            </div>{# mail-list #}
          </div>{# row-fluid #}

          <div class="row-fluid">
            <div class="span12 mail-message">
              <table id="mail-message-table" class="table table-condensed nomargin">
                <tr>
                  <td class="mail-message-heading">From:</td>
                  <td id="mail-message-from"></td>
                </tr>
                <tr>
                  <td class="mail-message-heading">To:</td>
                  <td id="mail-message-to"></td>
                </tr>
                <tr>
                  <td class="mail-message-heading">Subject:</td>
                  <td id="mail-message-subject"></td>
                </tr>
                <tr>
                  <td class="mail-message-heading">Date:</td>
                  <td id="mail-message-date"></td>
                </tr>
                <tr>
                  <td id="mail-message-body" colspan="2"></td>
                </tr>
              </table>
            </div>{# mail-message #}
          </div>{# row-fluid #}
        </div>{# mail-content #}
      </div>{# mail-main #}

      <div id="mail-side" class="mail-side">
        <div class="well well-small">
          <button type="button" id="mail-mark-read-button" class="btn btn-success">Mark as read <i class="icon-chevron-right"></i></button>
          <h4 class="nomargin">Filters</h4>
          <div class="btn-group mail-read" data-toggle="buttons-checkbox">
            <button type="button" id="filter-unread" class="btn js-filter active">Unread</button>
            <button type="button" id="filter-read" class="btn js-filter">Read</button>
          </div>
          <form class="nomargin">
            <fieldset>
              <label>Character</label>
              <select id="filter-character"></select>
              <label class="checkbox">
                <input type="checkbox" id="filter-to-character" class="js-filter" checked="checked"> To: Character
              </label>
              <label class="checkbox">
                <input type="checkbox" id="filter-to-corporation" class="js-filter" checked="checked"> To: Corporation
              </label>
              <label class="checkbox">
                <input type="checkbox" id="filter-to-alliance" class="js-filter" checked="checked"> To: Alliance
              </label>
              <label class="checkbox">
                <input type="checkbox" id="filter-to-mailing-list" class="js-filter" checked="checked"> To: Mailing List
              </label>
            </fieldset>
          </form>
        </div>
      </div>
{% endblock %}