replace row_tablehead with caption

helpdesk/static/helpdesk/helpdesk-extend.css

@@ -29,7 +29,9 @@ Bootstrap overrides
 
 #searchtabs {margin-bottom: 20px;}
 
-.row_tablehead {background-color: #dbd5d9;}
+.row_tablehead, table.table caption {background-color: #dbd5d9;}
+table.table caption {height: 2em; line-height: 2em; font-weight: bold;}
+table.ticket-stats caption {color: #fbff00; font-style: italic;}
 
 .errorlist {list-style: none; }
 .errorlist {padding: 0;}

helpdesk/templates/helpdesk/dashboard.html

@@ -10,8 +10,8 @@
 </div>
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Helpdesk Summary" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='5'>{% trans "Helpdesk Summary" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "Queue" %}</th><th>{% trans "Open" %}</th><th>{% trans "Resolved" %}</th><th>{% trans "Closed" %}</th></tr>
 </thead>
 <tbody>
@@ -31,11 +31,11 @@
 
 <br style='clear: both;' />
 
-<table class="table table-hover table-bordered">
+<table class="table table-hover table-bordered ticket-stats">
+<caption>{% trans "Current Ticket Stats" %}</caption>
 <thead>
-<tr class='row_tablehead' style="color: #fbff00;"><td colspan='2'><i>{% trans "Current Ticket Stats" %}</i></td></tr>
-<tr><td colspan='2'>- {% trans "Average number of days until ticket is closed (all tickets): " %}<strong style="color: red;">{{ basic_ticket_stats.average_nbr_days_until_ticket_closed }}</strong>.</td></tr> 
-<tr><td colspan='2'>- {% trans "Average number of days until ticket is closed (tickets opened in last 60 days): " %}<strong style="color: red;">{{ basic_ticket_stats.average_nbr_days_until_ticket_closed_last_60_days }}</strong>. 
+<tr><td colspan='2'>- {% trans "Average number of days until ticket is closed (all tickets): " %}<strong style="color: red;">{{ basic_ticket_stats.average_nbr_days_until_ticket_closed }}</strong>.</td></tr>
+<tr><td colspan='2'>- {% trans "Average number of days until ticket is closed (tickets opened in last 60 days): " %}<strong style="color: red;">{{ basic_ticket_stats.average_nbr_days_until_ticket_closed_last_60_days }}</strong>.
 {% trans "Click" %} <strong><a href="{% url 'helpdesk_report_index' %}daysuntilticketclosedbymonth">here</a></strong> {% trans "for detailed average by month." %} </td></tr>
 <tr><td colspan='2'>- {% trans "Distribution of open tickets, grouped by time period:" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "Days since opened" %}</th><th>{% trans "Number of open tickets" %}</th></tr>
@@ -53,8 +53,8 @@
 
 {% if all_tickets_reported_by_current_user %}
 <table class="table table-hover table-bordered">
+<caption>{% trans "All Tickets submitted by you" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='6'>{% trans "All Tickets submitted by you" %}</td></tr>
 <tr class='row_columnheads'><th>#</th><th>{% trans "Pr" %}</th><th>{% trans "Title" %}</th><th>{% trans "Queue" %}</th><th>{% trans "Status" %}</th><th>{% trans "Last Update" %}</th></tr>
 </thead>
 <tbody>
@@ -73,8 +73,8 @@
 {% endif %}
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Open Tickets assigned to you (you are working on this ticket)" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='6'>{% trans "Open Tickets assigned to you (you are working on this ticket)" %}</td></tr>
 <tr class='row_columnheads'><th>#</th><th>{% trans "Pr" %}</th><th>{% trans "Title" %}</th><th>{% trans "Queue" %}</th><th>{% trans "Status" %}</th><th>{% trans "Last Update" %}</th></tr>
 </thead>
 <tbody>
@@ -95,8 +95,8 @@
 </table>
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Unassigned Tickets" %} {% trans "(pick up a ticket if you start to work on it)" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='6'>{% trans "Unassigned Tickets" %} {% trans "(pick up a ticket if you start to work on it)" %}</td></tr>
 <tr class='row_columnheads'><th>#</th><th>{% trans "Pr" %}</th><th>{% trans "Title" %}</th><th>{% trans "Queue" %}</th><th>{% trans "Created" %}</th><th>&nbsp;</th></tr>
 </thead>
 <tbody>
@@ -119,8 +119,8 @@
 
 {% if user_tickets_closed_resolved %}
 <table class="table table-hover table-bordered">
+<caption>{% trans "Closed & resolved Tickets you used to work on" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='6'>{% trans "Closed & resolved Tickets you used to work on" %}</td></tr>
 <tr class='row_columnheads'><th>#</th><th>{% trans "Pr" %}</th><th>{% trans "Title" %}</th><th>{% trans "Queue" %}</th><th>{% trans "Status" %}</th><th>{% trans "Last Update" %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/email_ignore_list.html

@@ -8,8 +8,8 @@
 <p>The following e-mail addresses are currently being ignored by the incoming e-mail processor. You can <a href='add/'>add a new e-mail address to the list</a> or delete any of the items below as required.</p>{% endblocktrans %}
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Ignored E-Mail Addresses" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='5'>{% trans "Ignored E-Mail Addresses" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "Name" %}</th><th>{% trans "E-Mail Address" %}</th><th>{% trans "Date Added" %}</th><th>{% trans "Queues" %}</th><th>{% trans "Keep in mailbox?" %}</th><th>{% trans "Delete" %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/kb_category.html

@@ -8,8 +8,8 @@
 <p>{{ category.description }}</p>
 
 <table class="table table-hover table-bordered">
+<caption>{% blocktrans with category.title as kbcat %}Knowledgebase Category: {{ kbcat }}{% endblocktrans %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='3'>{% blocktrans with category.title as kbcat %}Knowledgebase Category: {{ kbcat }}{% endblocktrans %}</td></tr>
 <tr class='row_columnheads'><th colspan='3'>{% trans "Article" %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/kb_index.html

@@ -6,8 +6,8 @@
 <p>{% trans "We have listed a number of knowledgebase articles for your perusal in the following categories. Please check to see if any of these articles address your problem prior to opening a support ticket." %}</p>
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Knowledgebase Categories" %}</caption>
 <thead>
-<tr class='row_tablehead'><td>{% trans "Knowledgebase Categories" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "Category" %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/kb_item.html

@@ -4,9 +4,7 @@
 <h2>{% blocktrans with item.title as item %}Knowledgebase: {{ item }}{% endblocktrans %}</h2>
 
 <table class="table table-hover table-bordered">
-<thead>
-<tr class='row_tablehead'><td>{{ item.title }}</td></tr>
-</thead>
+<caption>{{ item.title }}</caption>
 <tbody>
 <tr class='row_even row_hover'><th>{{ item.question }}</th></tr>
 <tr class='row_odd'><td>{{ item.answer|markdown }}</td></tr>

helpdesk/templates/helpdesk/public_homepage.html

@@ -6,8 +6,8 @@
 <h2>{% trans "Knowledgebase Articles" %}</h2>
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Knowledgebase Categories" %}</caption>
 <thead>
-<tr class='row_tablehead'><td>{% trans "Knowledgebase Categories" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "Category" %}</th></tr>
 </thead>
 <tbody>
@@ -49,7 +49,7 @@
 
         {% endfor %}
         {% endcomment %}
-    
+
     <div class='buttons form-group'>
         <input type='submit' class="btn btn-primary" value='{% trans "Submit Ticket" %}' />
     </div>

helpdesk/templates/helpdesk/public_view_ticket.html

@@ -4,8 +4,8 @@
 {% block helpdesk_body %}
 
 <table class="table table-hover table-bordered">
+<caption>{{ ticket.ticket }} . {{ ticket.title }} [{{ ticket.get_status }}]</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='2'>{{ ticket.ticket }} . {{ ticket.title }} [{{ ticket.get_status }}]</td></tr>
 <tr class='row_columnheads'><th colspan='2'>{% blocktrans with ticket.queue as queue_name %}Queue: {{ queue_name }}{% endblocktrans %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/report_output.html

@@ -3,7 +3,7 @@
 {% block helpdesk_title %}{% trans "Reports & Statistics" %}{% endblock %}
 
 {% block helpdesk_head %}
-        <!--[if IE]><script language="javascript" type="text/javascript" src="{{ STATIC_URL }}helpdesk/jquery.jqplot/excanvas.min.js"></script><![endif]--> 
+        <!--[if IE]><script language="javascript" type="text/javascript" src="{{ STATIC_URL }}helpdesk/jquery.jqplot/excanvas.min.js"></script><![endif]-->
         <script src='{{ STATIC_URL }}helpdesk/jquery.jqplot/jquery.jqplot.min.js' type='text/javascript' language='javascript'></script>
         <link rel='stylesheet' typ='text/css' href='{{ STATIC_URL }}helpdesk/jquery.jqplot/jquery.jqplot.min.css' />
         <script type="text/javascript" src="{{ STATIC_URL }}helpdesk/jquery.jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
@@ -30,8 +30,8 @@
 {% endif %}
 
 <table class="table table-hover table-bordered">
+<caption>{{ title }}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='{{ headings|length }}'>{{ title }}</td></tr>
 <tr class='row_columnheads'>{% for h in headings %}<th>{% if forloop.first %}{{ h|title }}{% else %}{{ h }}{% endif %}</th>{% endfor %}</tr>
 </thead>
 <tbody>
@@ -68,7 +68,7 @@
             }
         }
     });
-    
+
 </script>
 {% endifequal %}
 {% ifequal charttype "bar" %}
@@ -99,7 +99,7 @@
             }
         }
     });
-    
+
 </script>
 {% endifequal %}
 

helpdesk/templates/helpdesk/rss_list.html

@@ -19,8 +19,8 @@
 <p>{% trans "These RSS feeds allow you to view a summary of either your own tickets, or all tickets, for each of the queues in your helpdesk. For example, if you manage the staff who utilise a particular queue, this may be used to view new tickets coming into that queue." %}</p>
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Per-Queue Feeds" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='4'>{% trans "Per-Queue Feeds" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "Queue" %}</th><th align='center'>{% trans "All Open Tickets" %}</th><th align='center'>{% trans "My Open Tickets" %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/ticket_cc_list.html

@@ -10,8 +10,8 @@
 <p>You can <a href='add/'>add a new e-mail address to the list</a> or delete any of the items below as required.</p>{% endblocktrans %}
 
 <table class="table table-hover table-bordered">
+<caption>{% trans "Ticket CC List" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='4'>{% trans "Ticket CC List" %}</td></tr>
 <tr class='row_columnheads'><th>{% trans "E-Mail Address" %}</th><th>{% trans "View?" %}</th><th>{% trans "Update?" %}</th><th>{% trans "Delete" %}</th></tr>
 </thead>
 <tbody>

helpdesk/templates/helpdesk/ticket_list.html

@@ -7,7 +7,7 @@
 
 <script type='text/javascript' language='javascript'>
 $(document).ready(function() {
-    
+
     // Enable Tabs
     $("#searchtabs").tabs({
         collapsible:true
@@ -126,7 +126,7 @@ $(document).ready(function() {
     <p class='filterHelp'>{% trans "Ctrl-click to select multiple options" %}</p>
     <input type='button' class='filterBuilderRemove' value='-' />
     </div>
-    
+
     <div class='thumbnail filterBox{% if query_params.filtering.created__gte or query_params.filtering.created__lte %} filterBoxShow{% endif %}' id='filterBoxDates'>
         <label for='id_date_from'>{% trans "Date (From)" %}</label><input type='text' name='date_from' value='{{ query_params.filtering.created__gte }}' id='id_date_from' />
         <label for='id_date_to'>{% trans "Date (To)" %}</label><input type='text' name='date_to' value='{{ query_params.filtering.created__lte }}' id='id_date_to' />
@@ -152,7 +152,7 @@ $(document).ready(function() {
     </div>
     </div>
 
-    
+
     {% if not from_saved_query %}
     <div class='panel panel-default' id='tabsave'>
     <div class="panel-heading">
@@ -219,8 +219,8 @@ $(document).ready(function() {
 {{ search_message|safe }}
 <form method='post' action='{% url 'helpdesk_mass_update' %}' id="ticket_mass_update">
 <table class="table table-hover table-bordered">
+<caption>{% trans "Tickets" %}</caption>
 <thead>
-<tr class='row_tablehead'><td colspan='9'>{% trans "Tickets" %}</td></tr>
 <tr class='row_columnheads'><th>#</th><th>&nbsp;</th><th>{% trans "Pr" %}</th><th>{% trans "Title" %}</th><th>{% trans "Queue" %}</th><th>{% trans "Status" %}</th><th>{% trans "Created" %}</th><th>{% trans "Owner" %}</th></tr>
 </thead>
 <tbody>