mock results view

diff --git a/qcg/static/qcg/results-mock-1.png b/qcg/static/qcg/results-mock-1.png
new file mode 100644 (file)
index 0000000..4f2fae6
Binary files /dev/null and b/qcg/static/qcg/results-mock-1.png differ

diff --git a/qcg/static/qcg/results-mock-2.png b/qcg/static/qcg/results-mock-2.png
new file mode 100644 (file)
index 0000000..fd45cc2
Binary files /dev/null and b/qcg/static/qcg/results-mock-2.png differ

diff --git a/qcg/static/qcg/results-mock-3.png b/qcg/static/qcg/results-mock-3.png
new file mode 100644 (file)
index 0000000..da9b768
Binary files /dev/null and b/qcg/static/qcg/results-mock-3.png differ

diff --git a/qcg/templates/qcg/task.html b/qcg/templates/qcg/task.html
index e9255d4..1f7b94b 100644 (file)
--- a/qcg/templates/qcg/task.html
+++ b/qcg/templates/qcg/task.html
@@ -1,5 +1,5 @@
 {% extends 'qcg/base.html' %}
-{% load qcg_utils %}
+{% load qcg_utils staticfiles %}
 
 {% block container %}
     <ol class="breadcrumb">
@@ -15,6 +15,7 @@
         <ul class="nav nav-tabs" style="margin-bottom: 20px">
             <li role="presentation" class="active"><a href="#details" data-toggle="tab">Właściwości</a></li>
             <li role="presentation"><a href="#desc" data-toggle="tab">Opis</a></li>
+            <li role="presentation"><a href="#results" data-toggle="tab">Wyniki</a></li>
         </ul>
 
         <!-- Tab panes -->
@@ -67,9 +68,17 @@
                 {% endif %}
 
             </div>
+
             <div role="tabpanel" class="tab-pane" id="desc">
                 <pre>{{ task.description }}</pre>
             </div>
+
+            <div role="tabpanel" class="tab-pane text-center" id="results">
+                <h3>Wizualizacja wyników</h3>
+                <img src="{% static 'qcg/results-mock-1.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
+                <img src="{% static 'qcg/results-mock-2.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
+                <img src="{% static 'qcg/results-mock-3.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
+            </div>
         </div>
     </div>