mirror of
https://github.com/django-helpdesk/django-helpdesk.git
synced 2024-12-16 03:41:06 +01:00
258 lines
14 KiB
HTML
258 lines
14 KiB
HTML
{% extends "helpdesk/base.html" %}
|
|
{% load i18n bootstrap humanize %}
|
|
{% load static from staticfiles %}
|
|
{% block helpdesk_title %}{{ ticket.queue.slug }}-{{ ticket.id }} : {% trans "View Ticket Details" %}{% endblock %}
|
|
{% block helpdesk_head %}
|
|
<script type='text/javascript' language='javascript'>
|
|
$(document).ready(function() {
|
|
$("#ShowFurtherEditOptions").click(function() {
|
|
$("#FurtherEditOptions").fadeIn();
|
|
$("#ShowFurtherOptPara").hide();
|
|
return false;
|
|
});
|
|
|
|
$("#ShowFileUpload").click(function() {
|
|
$("#FileUpload").fadeIn();
|
|
$("#ShowFileUploadPara").hide();
|
|
return false;
|
|
});
|
|
|
|
$('#id_preset').change(function() {
|
|
preset = $('#id_preset').val();
|
|
if (preset != '') {
|
|
$.get("{% url 'helpdesk:raw' "preset" %}?id=" + preset, function(data) {
|
|
$("#commentBox").val(data)
|
|
});
|
|
}
|
|
});
|
|
|
|
$("[data-toggle=tooltip]").tooltip();
|
|
|
|
// lists for file input change events, then updates the associated text label
|
|
// with the file name selected
|
|
$('.add_file_fields_wrap').on('fileselect', ':file', function(event, numFiles, label, browseButtonNum) {
|
|
$("#selectedfilename"+browseButtonNum).html(label);
|
|
});
|
|
|
|
var x = 0;
|
|
var wrapper = $(".add_file_fields_wrap"); //Fields wrapper
|
|
var add_button = $(".add_file_field_button"); //Add button ID
|
|
|
|
$(add_button).click(function(e){ //on add input button click
|
|
x++;
|
|
e.preventDefault();
|
|
$(wrapper).append("<div><label class='btn btn-primary btn-sm btn-file'>Browse... <input type='file' name='attachment' id='file" + x + "' multiple style='display: none;'/></label><span> </span><span id='selectedfilename" + x + "'>{% trans 'No files selected.' %}</span></div>"); //add input box
|
|
});
|
|
|
|
});
|
|
|
|
// this function listens for changes on any file input, and
|
|
// emits the appropriate event to update the input's text.
|
|
// Needed to have properly styled file input buttons! (this really shouldn't be this hard...)
|
|
$(document).on('change', ':file', function() {
|
|
var input = $(this),
|
|
inputWidgetNum = $(this).attr('id').split("file")[1],
|
|
numFiles = input.get(0).files ? input.get(0).files.length : 1,
|
|
label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
|
|
input.trigger('fileselect', [numFiles, label, inputWidgetNum]);
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|
|
{% block h1_title %}{{ ticket.ticket_for_url }}{% endblock %}
|
|
|
|
{% block helpdesk_body %}
|
|
{% if helpdesk_settings.HELPDESK_TRANSLATE_TICKET_COMMENTS %}
|
|
{% comment %}
|
|
<div id='translate_dropdown'>{% trans "Translate ticket comments into" %} </div>
|
|
<div id='translate_block'>
|
|
{% endcomment %}
|
|
<div id="google_translate_element"></div>
|
|
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
|
|
{% endif %}
|
|
|
|
{% include "helpdesk/ticket_desc_table.html" %}
|
|
|
|
{% if ticket.followup_set.all %}
|
|
{% load ticket_to_link %}
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
<h4><i class="fa fa-clock-o fa-fw fa-lg"></i> {% trans "Follow-Ups" %}</h4>
|
|
</div>
|
|
<!-- /.panel-heading -->
|
|
<div class="panel-body">
|
|
<ul class="timeline">
|
|
{% for followup in ticket.followup_set.all %}
|
|
<li{% if not followup.user %} class="timeline-inverted"{% endif %}>
|
|
<div class="timeline-badge{% if forloop.first %} success{% endif %}"><i class="fa {% if forloop.first %}fa-plus-square{% else %}{% if followup.ticketchange_set.all %}fa-gears{% else %}{% if followup.user %}fa-share{% else %}fa-reply{% endif %}{% endif %}{% endif %}"></i></div>
|
|
<div class="timeline-panel">
|
|
<div class="timeline-heading">
|
|
<h4 class="timeline-title">{{ followup.title }}</h4>
|
|
<p><small class="text-muted"><i class="fa fa-clock-o"></i> <span class='byline text-info'>{% if followup.user %}by {{ followup.user }}{% endif %} <span title='{{ followup.date|date:"r" }}'>{{ followup.date|naturaltime }}</span>{% if not followup.public %} <span class='private'>({% trans "Private" %})</span>{% endif %}</span></small></p>
|
|
</div>
|
|
<div class="timeline-body">
|
|
<p>{% if followup.comment %}{{ followup.comment|force_escape|urlizetrunc:50|num_to_link|linebreaksbr }}{% endif %}</p>
|
|
{% for change in followup.ticketchange_set.all %}
|
|
{% if forloop.first %}<div class='changes'><ul>{% endif %}
|
|
<li>{% blocktrans with change.field as field and change.old_value as old_value and change.new_value as new_value %}Changed {{ field }} from {{ old_value }} to {{ new_value }}.{% endblocktrans %}</li>
|
|
{% if forloop.last %}</ul></div>{% endif %}
|
|
{% endfor %}
|
|
{% for attachment in followup.attachment_set.all %}{% if forloop.first %}<hr><div class='attachments'><ul>{% endif %}
|
|
<li><a href='{{ attachment.file.url }}'>{{ attachment.filename }}</a> ({{ attachment.mime_type }}, {{ attachment.size|filesizeformat }})
|
|
{% if followup.user and request.user == followup.user %}
|
|
<a href='{% url 'helpdesk:attachment_del' ticket.id attachment.id %}'><button class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> {% trans 'Delete' %}</button></a>
|
|
{% endif %}
|
|
</li>
|
|
{% if forloop.last %}</ul></div>{% endif %}
|
|
{% endfor %}
|
|
<!--- ugly long test to suppress the following if it will be empty, to save vertical space -->
|
|
{% with possible=helpdesk_settings.HELPDESK_SHOW_EDIT_BUTTON_FOLLOW_UP %}
|
|
{% if possible and followup.user and request.user == followup.user and not followup.ticketchange_set.all or possible and user.is_superuser and helpdesk_settings.HELPDESK_SHOW_DELETE_BUTTON_SUPERUSER_FOLLOW_UP %}
|
|
<hr>
|
|
<div class="btn-group">
|
|
{% if helpdesk_settings.HELPDESK_SHOW_EDIT_BUTTON_FOLLOW_UP %}
|
|
{% if followup.user and request.user == followup.user and not followup.ticketchange_set.all %}
|
|
<a href="{% url 'helpdesk:followup_edit' ticket.id followup.id %}" class='followup-edit'><button type="button" class="btn btn-warning btn-xs"><i class="fa fa-edit"></i> {% trans "Edit" %}</button></a>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if user.is_superuser and helpdesk_settings.HELPDESK_SHOW_DELETE_BUTTON_SUPERUSER_FOLLOW_UP %}
|
|
<a href="{% url 'helpdesk:followup_delete' ticket.id followup.id %}" class='followup-edit'><button type="button" class="btn btn-warning btn-xs"><i class="fa fa-trash"></i> {% trans "Delete" %}</button></a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}{% endwith %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
</div>
|
|
<!-- /.panel-body -->
|
|
</div>
|
|
<!-- /.panel -->
|
|
|
|
{% endif %}
|
|
{% if helpdesk_settings.HELPDESK_TRANSLATE_TICKET_COMMENTS %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div id='add-followup' class="well">
|
|
<h3>{% trans "Respond to this ticket" %}</h3>
|
|
|
|
<form method='post' action='update/' enctype='multipart/form-data'>
|
|
|
|
<fieldset>
|
|
<dl>
|
|
{% if preset_replies %}
|
|
<dt><label for='id_preset'>{% trans "Use a Pre-set Reply" %}</label> <span class='form_optional'>{% trans "(Optional)" %}</span></dt>
|
|
<dd><select name='preset' id='id_preset'><option value=''>------</option>{% for preset in preset_replies %}<option value='{{ preset.id }}'>{{ preset.name }}</option>{% endfor %}</select></dd>
|
|
<dd class='form_help_text'>{% trans "Selecting a pre-set reply will over-write your comment below. You can then modify the pre-set reply to your liking before saving this update." %}</dd>
|
|
{% endif %}
|
|
|
|
<dt><label for='commentBox'>{% trans "Comment / Resolution" %}</label></dt>
|
|
<dd><textarea rows='8' cols='70' name='comment' id='commentBox'></textarea></dd>
|
|
<dd class='form_help_text'>{% trans "You can insert ticket and queue details in your message. For more information, see the <a href='../../help/context/'>context help page</a>." %}</dd>
|
|
|
|
<dt><label>{% trans "New Status" %}</label></dt>
|
|
{% if not ticket.can_be_resolved %}<dd>{% trans "This ticket cannot be resolved or closed until the tickets it depends on are resolved." %}</dd>{% endif %}
|
|
{% ifequal ticket.status 1 %}
|
|
<dd><div class="form-group">
|
|
<label for='st_open' class='active radio-inline'><input type='radio' name='new_status' value='1' id='st_open' checked='checked'>{% trans "Open" %} »</label>
|
|
<label for='st_resolved' class="radio-inline"><input type='radio' name='new_status' value='3' id='st_resolved'{% if not ticket.can_be_resolved %} disabled='disabled'{% endif %}>{% trans "Resolved" %} »</label>
|
|
<label for='st_closed' class="radio-inline"><input type='radio' name='new_status' value='4' id='st_closed'{% if not ticket.can_be_resolved %} disabled='disabled'{% endif %}>{% trans "Closed" %} »</label>
|
|
<label class="radio-inline" for='st_duplicate'><input type='radio' name='new_status' value='5' id='st_duplicate'>{% trans "Duplicate" %}</label>
|
|
</div></dd>
|
|
{% endifequal %}
|
|
{% ifequal ticket.status 2 %}
|
|
<dd><div class="form-group">
|
|
<label for='st_reopened' class='active radio-inline'><input type='radio' name='new_status' value='2' id='st_reopened' checked='checked'>{% trans "Reopened" %} »</label>
|
|
<label class="radio-inline" for='st_resolved'><input type='radio' name='new_status' value='3' id='st_resolved'{% if not ticket.can_be_resolved %} disabled='disabled'{% endif %}>{% trans "Resolved" %} »</label>
|
|
<label class="radio-inline" for='st_closed'><input type='radio' name='new_status' value='4' id='st_closed'{% if not ticket.can_be_resolved %} disabled='disabled'{% endif %}>{% trans "Closed" %} »</label>
|
|
<label class="radio-inline" for='st_duplicate'><input type='radio' name='new_status' value='5' id='st_duplicate'>{% trans "Duplicate" %}</label>
|
|
</div></dd>
|
|
{% endifequal %}
|
|
{% ifequal ticket.status 3 %}
|
|
<dd><div class="form-group">
|
|
<label for='st_reopened' class="radio-inline"><input type='radio' name='new_status' value='2' id='st_reopened'>{% trans "Reopened" %} «</label>
|
|
<label for='st_resolved' class='active radio-inline'><input type='radio' name='new_status' value='3' id='st_resolved' checked='checked'>{% trans "Resolved" %} »</label>
|
|
<label class="radio-inline" for='st_closed'><input type='radio' name='new_status' value='4' id='st_closed'>{% trans "Closed" %}</label>
|
|
</div></dd>
|
|
{% endifequal %}
|
|
{% ifequal ticket.status 4 %}
|
|
<dd><div class="form-group"><label for='st_reopened' class="radio-inline"><input type='radio' name='new_status' value='2' id='st_reopened'>{% trans "Reopened" %} «</label>
|
|
<label class="radio-inline" for='st_closed'><input type='radio' name='new_status' value='4' id='st_closed' checked='checked'>{% trans "Closed" %}</label></div></dd>
|
|
{% endifequal %}
|
|
{% ifequal ticket.status 5 %}
|
|
<dd><div class="form-group">
|
|
<label class="radio-inline" for='st_reopened'><input type='radio' name='new_status' value='2' id='st_reopened'>{% trans "Reopened" %} «</label>
|
|
<label class="radio-inline" for='st_duplicate'><input type='radio' name='new_status' value='5' id='st_duplicate' checked='checked'>{% trans "Duplicate" %}</label>
|
|
</div></dd>
|
|
{% endifequal %}
|
|
|
|
{% if helpdesk_settings.HELPDESK_UPDATE_PUBLIC_DEFAULT %}
|
|
<input type='hidden' name='public' value='1'>
|
|
{% else %}
|
|
<dt>
|
|
<label for='id_public'>{% trans "Is this update public?" %}</label> <span class='form_optional'>{% trans "(Optional)" %}</span>
|
|
</dt>
|
|
<dd><input type='checkbox' name='public' value='1' checked='checked' /> {% trans 'Yes, make this update public.' %}</dd>
|
|
<dd class='form_help_text'>{% trans "If this is public, the submitter will be e-mailed your comment or resolution." %}</dd>
|
|
{% endif %}
|
|
</dl>
|
|
|
|
<p id='ShowFurtherOptPara'><button class="btn btn-warning btn-sm" id='ShowFurtherEditOptions'>{% trans "Change Further Details »" %}</button></p>
|
|
|
|
<div id='FurtherEditOptions' style='display: none;'>
|
|
|
|
<dl>
|
|
|
|
<dt><label for='id_title'>{% trans "Title" %}</label></dt>
|
|
<dd><input type='text' name='title' value='{{ ticket.title|escape }}' /></dd>
|
|
|
|
<dt><label for='id_owner'>{% trans "Owner" %}</label></dt>
|
|
<dd><select id='id_owner' name='owner'><option value='0'>{% trans "Unassign" %}</option>{% for u in active_users %}<option value='{{ u.id }}' {% ifequal u.id ticket.assigned_to.id %}selected{% endifequal %}>{{ u }}</option>{% endfor %}</select></dd>
|
|
|
|
<dt><label for='id_priority'>{% trans "Priority" %}</label></dt>
|
|
<dd><select id='id_priority' name='priority'>{% for p in priorities %}<option value='{{ p.0 }}'{% ifequal p.0 ticket.priority %} selected='selected'{% endifequal %}>{{ p.1 }}</option>{% endfor %}</select></dd>
|
|
|
|
<dt><label for='id_due_date'>{% trans "Due on" %}</label></dt>
|
|
<dd>{{ form.due_date }}</dd>
|
|
|
|
</dl>
|
|
|
|
</div>
|
|
|
|
<p id='ShowFileUploadPara'><button class="btn btn-warning btn-sm" id='ShowFileUpload'>{% trans "Attach File(s) »" %}</button></p>
|
|
|
|
<div id='FileUpload' style='display: none;'>
|
|
|
|
<dl>
|
|
<dt><label for='id_file'>{% trans "Attach a File" %}</label></dt>
|
|
<dd>
|
|
<div class="add_file_fields_wrap">
|
|
<button class="add_file_field_button btn btn-success btn-xs">{% trans "Add Another File" %}</button>
|
|
<div><label class='btn btn-primary btn-sm btn-file'>
|
|
Browse... <input type="file" name='attachment' id='file0' style='display: none;'/>
|
|
</label><span> </span><span id='selectedfilename0'>{% trans 'No files selected.' %}</span></div>
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<button class="btn btn-primary btn-lg" type='submit'>{% trans "Update This Ticket" %}</button>
|
|
|
|
{% csrf_token %}</form>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
$( function() {
|
|
$( "#id_due_date" ).datepicker({dateFormat: 'yy-mm-dd'});
|
|
} );
|
|
</script>
|
|
|
|
{% endblock %}
|