A simple ticketing application written in Python/Django
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ticket_detail.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. {% extends "main/base.html" %}
  2. {% block header_icon %}<i class="fa fa-pencil-square-o fa-5x"></i>{% endblock %}
  3. {% block headline %}Ticket #{{ticket.id}}{% endblock %}
  4. {% block head-message %}Everything you need to know about this ticket{% endblock %}
  5. {% block title %}Tickets - Details of ticket #{{ ticket.id }}{% endblock %}
  6. {% block content %}
  7. <div class="dropdown" style="float: right; margin-top: -50px; margin-right: 20px;">
  8. <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
  9. Actions
  10. <span class="caret"></span>
  11. </button>
  12. <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
  13. <li role="presentation"><a role="menuitem" tabindex="-1" href="{% url 'ticket_edit' pk=ticket.id %}" id="edit_ticket">Edit ticket</a></li>
  14. <li role="presentation"><a role="menuitem" tabindex="-1" href="{% url 'attachment_new' %}?ticket={{ ticket.id }}" id="add_attachment">Add attachment</a></li>
  15. <li role="presentation"><a role="menuitem" tabindex="-1" href="{% url 'followup_new' %}?ticket={{ ticket.id }}" id="add-followup">Add followup</a></li>
  16. </ul>
  17. </div>
  18. <div class="page-header"><h1>Ticket #{{ ticket.id }}</h1></div>
  19. <div class="row">
  20. <div class="col-lg-8">
  21. <style>
  22. .description { background: #EEE; }
  23. </style>
  24. <table class="table table-bordered">
  25. <tr>
  26. <td class="description"><b>Status</b></td>
  27. <td>{% if ticket.status == "TODO" %}<span class="label label-danger">TODO</span>{% elif ticket.status == "DONE" %}<span class="label label-success">DONE</span>{% elif ticket.status == "WAITING" %}<span class="label label-warning">WAITING</span>{% elif ticket.status == "IN PROGRESS" %}<span class="label label-default">IN PROGRESS</span>{% endif %}</td>
  28. </tr>
  29. <tr>
  30. <td class="description"><b>Assigned to</b></td>
  31. <td>{% if ticket.assigned_to %}{{ ticket.assigned_to.first_name }} {{ ticket.assigned_to.last_name }}{% else %}---{% endif %}</td>
  32. </tr>
  33. <tr>
  34. <td class="description"><b>Owner</b></td>
  35. <td>{{ ticket.owner.first_name }} {{ ticket.owner.last_name }}</td>
  36. </tr>
  37. <tr>
  38. <td width="180px" class="description"><b>Title</b></td>
  39. <td>{{ ticket.title }}</td>
  40. </tr>
  41. <tr>
  42. <td class="description"><b>Description</b></td>
  43. <td>{{ ticket.description}}</td>
  44. </tr>
  45. </table>
  46. </div>
  47. <div class="col-lg-4">
  48. {% if attachments %}
  49. <h2>Attachments</h2>
  50. <ul>
  51. {% for attachment in attachments %}
  52. <li><a href="/media/tickets/{{ ticket.id }}/{{ attachment.filename }}">{{ attachment.filename }}</a></li>
  53. {% endfor %}
  54. </ul>
  55. {% endif %}
  56. </div><!-- Ende column -->
  57. </div><!-- Ende row -->
  58. <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.css">
  59. <script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
  60. <script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.js"></script>
  61. <script type="text/javascript" charset="utf-8">
  62. $(document).ready(function() {
  63. $('#followups').dataTable();
  64. } );
  65. </script>
  66. <h2>Followups</h2>
  67. {% if followups %}
  68. <table id="followups" class="table table-striped table-bordered" cellspacing="0" width="100%">
  69. <thead>
  70. <tr>
  71. <th width="10px"></th>
  72. <th width="150px">User</th>
  73. <th>Text</th>
  74. <th width="100px">Modified</th>
  75. </tr>
  76. </thead>
  77. <tbody>
  78. {% for followup in followups %}
  79. <tr>
  80. <td>
  81. <a href="{% url 'followup_edit' pk=followup.id %}"><i class="fa fa-pencil-square-o"></i></a>
  82. </td>
  83. <td>{{ followup.user.first_name }} {{ followup.user.last_name }}</td>
  84. <td>{{ followup.text }}</td>
  85. <td>{{ followup.modified|date:"d.m.Y, G:i" }}</td>
  86. </tr>
  87. {% endfor %}
  88. </tbody>
  89. </table>
  90. {% else %}
  91. <p>no followup so far...</p>
  92. {% endif %}
  93. {% endblock %}