From e4b4dd55cbd79fe944da4491ba771b8763f35476 Mon Sep 17 00:00:00 2001
From: Alex Garel <alex.garel@tarentis.com>
Date: Tue, 29 Nov 2011 11:58:55 +0100
Subject: [PATCH] added CSS for fine printing of tickets

---
 helpdesk/static/helpdesk/helpdesk-print.css | 208 ++++++++++++++++++++
 helpdesk/templates/helpdesk/base.html       |   3 +-
 helpdesk/templates/helpdesk/ticket.html     |   2 +
 3 files changed, 212 insertions(+), 1 deletion(-)
 create mode 100644 helpdesk/static/helpdesk/helpdesk-print.css

diff --git a/helpdesk/static/helpdesk/helpdesk-print.css b/helpdesk/static/helpdesk/helpdesk-print.css
new file mode 100644
index 00000000..dd4dc9f7
--- /dev/null
+++ b/helpdesk/static/helpdesk/helpdesk-print.css
@@ -0,0 +1,208 @@
+body {
+    font: 10pt "Trebuchet MS", Arial, sans-serif;
+}
+
+table {
+    border-collapse: collapse;
+ 
+}
+
+#container {
+    width: 100%;
+    text-align: left;
+}
+
+#header ul {
+    display: none;
+}
+
+
+#searchform, #add-followup, #footer {
+    display:none;
+}
+
+#header, #body, #footer {
+    clear: both;
+}
+
+label {
+    font-weight: bold;
+}
+
+span.form_optional {
+    color: #666;
+    font-size: 95%;
+}
+
+dd.form_help_text {
+    color: #666;
+    font-size: 95%;
+}
+
+ul.errorlist {
+    color: #a33;
+    font-size: 95%;
+}
+
+dt {
+    padding-top: 8px;
+}
+
+.row_tablehead {
+    background-color: #999999;
+    font-weight: bold;
+    color: #fff;
+    border-bottom: solid white 1px;
+}
+
+.row_tablehead span.ticket_toolbar {
+    float: right;
+    text-align: right;
+}
+
+.row_tablehead td {
+    padding-left: 12px;
+    line-height: 16pt;
+    font-size: 12pt;
+}
+
+.row_columnheads {
+    background-color: #DDD;
+    font-size: 10pt;
+    line-height: 12pt;
+}
+
+th {
+    font-weight: bold;
+    text-align: left;
+    padding-left: 12px;
+}
+
+.row_odd {
+    background-color: #fff;
+}
+
+.row_even {
+    background-color: #EEE;
+}
+
+.row_odd, .row_even {
+    color: black;
+    border-bottom: solid #666 1px;
+}
+
+.row_odd th, .row_even th {
+    font-size: 10pt;
+}
+
+.row_odd td:first-child, .row_even td:first-child {
+    padding-left: 12px;
+}
+
+.cell_bold {
+    font-weight: bold;
+}
+
+td a, th a {
+    color: inherit;
+    text-decoration: none;
+}
+
+td {
+    font-size: 10pt;
+}
+
+
+div.followup {
+    width: 100%;
+    border-top: solid #666 1px;
+    padding:0 0 2px;
+}
+
+div.followup .title {
+    font-weight: bold;
+    font-size: 10pt;
+}
+
+div.followup .title span {
+    color: #555;
+    font-weight: normal;
+}
+
+span.private {
+    color: #555;
+    font-style: italic;
+}
+
+a.ticket_link_status_Closed {
+    text-decoration: line-through;
+}
+
+a.ticket_link_status_Open {
+    color: #393;
+}
+
+a.ticket_link_status_Reopened {
+    color: #393;
+}
+
+a.ticket_link_status_Resolved {
+    color: #996;
+}
+
+a.ticket_link_status {
+    color: #369;
+    font: 12pt Garamond;
+}
+
+a img {
+    border: none;
+    padding: 2px;
+}
+
+
+.filterBox {
+    display: none;
+}
+
+
+span.priority1, span.priority2, span.priority3, span.priority4, span.priority5 {
+    padding: 1px 12px;
+    font-weight: bold;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    margin: 2px;
+    display: block;
+    text-align: center;
+    width: 20px;
+}
+
+span.priority1 {
+    background-color: #c00;
+    color: #fff;
+}
+
+span.priority2 {
+    background-color: #e80;
+    color: #fff;
+}
+
+span.priority3 {
+    background-color: #fe8;
+    color: #000;
+}
+
+span.priority4 {
+    background-color: #59c;
+    color: #fff;
+}
+
+span.priority5 {
+    background-color: #8c5;
+    color: #fff;
+}
+
+.ticket_toolbar {
+    display:none;
+}
+
diff --git a/helpdesk/templates/helpdesk/base.html b/helpdesk/templates/helpdesk/base.html
index aad66a93..00effa21 100644
--- a/helpdesk/templates/helpdesk/base.html
+++ b/helpdesk/templates/helpdesk/base.html
@@ -7,7 +7,8 @@
         <title>{% block helpdesk_title %}Helpdesk{% endblock %} :: {% trans "Powered by django-helpdesk" %}</title>
         <script src='{{ STATIC_URL }}helpdesk/jquery-1.5.min.js' type='text/javascript' language='javascript'></script>
         <script src='{{ STATIC_URL }}helpdesk/jquery-ui-1.8.9.custom.min.js' type='text/javascript' language='javascript'></script>
-        <link rel='stylesheet' href='{{ STATIC_URL }}helpdesk/helpdesk.css' type='text/css' />
+        <link rel='stylesheet' href='{{ STATIC_URL }}helpdesk/helpdesk.css' type='text/css'  media="screen" />
+        <link rel='stylesheet' href='{{ STATIC_URL }}helpdesk/helpdesk-print.css' type='text/css' media="print" />
         <link rel='stylesheet' href='{{ STATIC_URL }}helpdesk/jquery-smoothness-theme/jquery-ui-1.8.9.custom.css' type='text/css' />
         <link rel='alternate' href='{% url helpdesk_rss "user" %}{{ user.username }}/' type='application/rss+xml' title='{% trans "My Open Tickets" %}' />
         <link rel='alternate' href='{% url helpdesk_rss "recent_activity" %}' type='application/rss+xml' title='{% trans "All Recent Activity" %}' />
diff --git a/helpdesk/templates/helpdesk/ticket.html b/helpdesk/templates/helpdesk/ticket.html
index 48372fb8..ad8e8243 100644
--- a/helpdesk/templates/helpdesk/ticket.html
+++ b/helpdesk/templates/helpdesk/ticket.html
@@ -67,6 +67,7 @@
 {% endfor %}
 {% endif %}
 
+<div id='add-followup'>
 <h3>{% trans "Respond to this ticket" %}</h3>
 
 <form method='post' action='update/' enctype='multipart/form-data'>
@@ -155,5 +156,6 @@
 
 {% csrf_token %}</form>
 
+</div>
 
 {% endblock %}