Apply styling to KB pages. Minor tweak to dashboard.

This commit is contained in:
Garret Wassermann 2016-09-27 14:36:52 -04:00
parent 414f7e7c03
commit 929ec49fa8
4 changed files with 69 additions and 42 deletions

View File

@ -3,12 +3,17 @@
{% block helpdesk_body %}
<div class="alert alert-warning">
<p>{% trans "Welcome to your Helpdesk Dashboard! From here you can quickly see tickets submitted by you, tickets you are working on, and those tickets that have no owner." %}</p>
<div class="row">
<div class="col-lg-8">
{% include 'helpdesk/include/stats.html' %}
</div>
<div class="col-lg-4">
<div class="alert alert-warning">
<p>{% trans "Welcome to your Helpdesk Dashboard! From here you can quickly see tickets submitted by you, tickets you are working on, and those tickets that have no owner." %}</p>
</div>
</div>
</div>
{% include 'helpdesk/include/stats.html' %}
{% if all_tickets_reported_by_current_user %}
{% trans "All Tickets submitted by you" as ticket_list_caption %}
{% include 'helpdesk/include/tickets.html' with ticket_list=all_tickets_reported_by_current_user ticket_list_empty_message="" %}

View File

@ -9,7 +9,7 @@
<!-- /.panel-heading -->
<div class="panel-body">
{% for entry in basic_ticket_stats.open_ticket_stats %}
<div class="col-lg-3 col-md-6">
<div class="col-lg-4 col-md-6">
<div class="panel panel-{{ entry.2 }}">
<div class="panel-heading">
<div class="row">

View File

@ -3,21 +3,34 @@
{% block helpdesk_body %}
<h2>{% blocktrans with category.title as kbcat %}Knowledgebase Category: {{ kbcat }}{% endblocktrans %}</h2>
<p>{% blocktrans with category.title as kbcat %}You are viewing all items in the {{ kbcat }} category.{% endblocktrans %}</p>
<div class="col-lg-12">
<div class="well well-sm">
<h4>{% blocktrans with category.title as kbcat %}You are viewing all items in the {{ kbcat }} category.{% endblocktrans %}</h4>
<p>{{ category.description }}</p>
</div>
</div>
<p>{{ category.description }}</p>
<table class="table table-hover table-bordered table-striped">
<caption>{% blocktrans with category.title as kbcat %}Knowledgebase Category: {{ kbcat }}{% endblocktrans %}</caption>
<thead>
<tr><th colspan='3'>{% trans "Article" %}</th></tr>
</thead>
<tbody>
{% for item in items %}
<tr><th><a href='{{ item.get_absolute_url }}'>{{ item.title }}</a></th><td>Rating: {{ item.score }}</td><td>Last Update: {{ item.last_updated|naturaltime }}</td></tr>
<tr><td colspan='3'>{{ item.question }}</td></tr>
{% cycle 'one' 'two' 'three' as itemnumperrow silent %}
{% ifequal itemnumperrow 'one' %}<div class="row">{% endifequal %}
<div class="col-lg-3">
<div class="panel panel-primary">
<div class="panel-heading">
<h4>{{ item.title }}</h4>
</div>
<div class="panel-body">
<p>{{ item.question }}</p>
</div>
<div class="panel-footer">
<p>View <a href='{{ item.get_absolute_url }}'>Answer <i class="fa fa-arrow-right"></i></a></p>
<div class="well well-sm">
<p>Rating: {{ item.score }}</p>
<p>Last Update: {{ item.last_updated|naturaltime }}</p>
</div>
</div>
</div>
</div>
{% ifequal itemnumperrow 'three' %}</div>{% endifequal %}
{% endfor %}
</tbody>
</table>
{% endblock %}

View File

@ -3,31 +3,40 @@
{% block helpdesk_body %}
<h2>{% blocktrans with item.title as item %}Knowledgebase: {{ item }}{% endblocktrans %}</h2>
<table class="table table-hover table-bordered table-striped">
<caption>{{ item.title }}</caption>
<tbody>
<tr><th>{{ item.question }}</th></tr>
<tr><td>{{ item.answer|markdown }}</td></tr>
</tbody>
</table>
<div class="col-lg-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h4>{{ item.question }}</h4>
</div>
<div class="panel-body">
<p>{{ item.answer|markdown }}</p>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-lg-2">
<p>{% trans "Did you find this article useful?" %}</p>
<div class="row">
<div class="col-lg-6">
<a href='vote/?vote=up'><button type="button" class="btn btn-success btn-circle btn-xl"><i class="fa fa-thumbs-up fa-lg"></i></button></a>
</div>
<div class="col-lg-6">
<a href='vote/?vote=down'><button type="button" class="btn btn-danger btn-circle btn-xl"><i class="fa fa-thumbs-down fa-lg"></i></button></a>
</div>
</div>
</div>
<div class="col-lg-10">
<p>{% trans "The results of voting by other readers of this article are below:" %}</p>
<ul>
<li>{% blocktrans with item.recommendations as recommendations %}Recommendations: {{ recommendations }}{% endblocktrans %}</li>
<li>{% blocktrans with item.votes as votes %}Votes: {{ votes }}{% endblocktrans %}</li>
<li>{% blocktrans with item.score as score %}Overall Rating: {{ score }}{% endblocktrans %}</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<p>{% blocktrans with item.category.title as category_title and item.category.get_absolute_url as category_url %}View <a href='{{ category_url }}'>other <em>{{ category_title }}</em> articles</a>, or continue <a href='../'>viewing other knowledgebase articles</a>.{% endblocktrans %}</p>
<h2>{% trans "Feedback" %}</h2>
<p>{% trans "We give our users an opportunity to vote for items that they believe have helped them out, in order for us to better serve future customers. We would appreciate your feedback on this article. Did you find it useful?" %}</p>
<ul>
<li><a href='vote/?vote=up'>{% trans "This article was useful to me" %}</a></li>
<li><a href='vote/?vote=down'>{% trans "This article was <strong>not</strong> useful to me" %}</a></li>
</ul>
<p>{% trans "The results of voting by other readers of this article are below:" %}</p>
<ul>
<li>{% blocktrans with item.recommendations as recommendations %}Recommendations: {{ recommendations }}{% endblocktrans %}</li>
<li>{% blocktrans with item.votes as votes %}Votes: {{ votes }}{% endblocktrans %}</li>
<li>{% blocktrans with item.score as score %}Overall Rating: {{ score }}{% endblocktrans %}</li>
</ul>
{% endblock %}