fancy error pages

[qcg-portal.git] / qcg / templates / qcg / job_submit.html

diff --git a/qcg/templates/qcg/job_submit.html b/qcg/templates/qcg/job_submit.html
index 77f6fc7..87b8a2c 100644 (file)
--- a/qcg/templates/qcg/job_submit.html
+++ b/qcg/templates/qcg/job_submit.html
@@ -129,22 +129,43 @@
             $('#gridftp').one('show.bs.modal', function() {
                 filex.initialLoad();
             });
+
+            $('#template').on('show.bs.modal', function() {
+                this.reset();
+            }).on('shown.bs.modal', function() {
+                $(this).find('input[type="text"]')[0].focus();
+            }).on('submit', function(e) {
+                e.preventDefault();
+
+                // copy this form's fields to description form and send it
+                $('#description').append($(this).find('input').clone().attr('type', 'hidden')).submit();
+            });
         });
     </script>
 {% endblock %}
 
 {% block container %}
-    <h1 class="page-header">{% block title %}Zleć zadanie{% endblock %}</h1>
+    <div class="pull-right">
+        {% if template %}
+            <button class="btn btn-default" data-toggle="modal" data-target="#template">Zapisz</button>
+            <button class="btn btn-default" data-toggle="modal" data-target="#delete-modal">Usuń</button>
+        {% else %}
+            <button class="btn btn-default" data-toggle="modal" data-target="#template">Zapisz jako szablon</button>
+        {% endif %}
+    </div>
+
+    <h1 class="page-header">{% block title %}Zleć zadanie{% endblock %} <small>{{ template.name }}</small></h1>
 
     {% if errors %}
         <div class="alert alert-danger">
             <strong>Uwaga!</strong> Formularz zawiera błędy.
             {{ form.non_field_errors }}
             {{ env_formset.non_field_errors }}
+            {{ template_form.non_field_errors }}
         </div>
     {% endif %}
 
-    <form action="." method="post" class="form-horizontal">
+    <form id="description" action="." method="post" class="form-horizontal">
         {% csrf_token %}
 
         <!-- Nav tabs -->
@@ -184,7 +205,6 @@
             <fieldset id="files" class="tab-pane" role="tabpanel">
                 {% bootstrap_field form.input layout="horizontal" %}
                 {% bootstrap_field form.stage_in layout="horizontal" %}
-{#                {% bootstrap_field form.stage_out layout="horizontal" form_group_class="form-group collapse" %}#}
             </fieldset>
 
             <fieldset id="environment" class="tab-pane" role="tabpanel">
@@ -330,12 +350,12 @@
         </div>
     </form>
 
-    <div id="gridftp" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
+    <div id="gridftp" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridftp-modal-label" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="modal-label">Wybierz plik</h4>
+                    <h4 class="modal-title" id="gridftp-modal-label">Wybierz plik</h4>
                 </div>
                 <div class="modal-body">
                     {% include 'filex/source.html' %}
@@ -348,4 +368,46 @@
         </div>
     </div>
 
+    <form id="template" action="." method="post" class="modal fade form-horizontal" tabindex="-1"
+          role="dialog" aria-labelledby="template-modal-label" aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                    <h4 class="modal-title" id="template-modal-label">Podaj nazwę szablonu</h4>
+                </div>
+                <div class="modal-body">
+                    {% csrf_token %}
+                    <input type="hidden" name="save-template" value="1">
+                    {% bootstrap_field template_form.name layout="horizontal" %}
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
+                    <button type="submit" class="btn btn-primary" data-loading-text="Zapisywanie...">Zapisz</button>
+                </div>
+            </div>
+        </div>
+    </form>
+
+    {% if template %}
+        <form id="delete-modal" action="{% url 'template_delete' template.id %}" method="post" class="modal fade" tabindex="-1"
+              role="dialog" aria-labelledby="delete-modal-label" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                        <h4 class="modal-title" id="delete-modal-label">Usuwanie szablonu</h4>
+                    </div>
+                    <div class="modal-body">
+                        {% csrf_token %}
+                        <p>Czy na pewno usunąć szablon <em>{{ template.name }}</em>?</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
+                        <button type="submit" class="btn btn-danger">Usuń</button>
+                    </div>
+                </div>
+            </div>
+        </form>
+    {% endif %}
 {% endblock %}