1 files changed, 31 insertions, 20 deletions
diff --git a/ishtar_common/templates/window.html b/ishtar_common/templates/window.html
index dcb4d4084..dc94b4aae 100644
--- a/ishtar_common/templates/window.html
+++ b/ishtar_common/templates/window.html
@@ -12,36 +12,47 @@
     </script>
     <script language="javascript" type="text/javascript" src="{{JQUERY_URL}}?ver={{VERSION}}"></script>
     <script language="javascript" type="text/javascript" src="{{JQUERY_UI_URL}}jquery-ui.js?ver={{VERSION}}"></script>
+    <script language="javascript" type="text/javascript" src="{{STATIC_URL}}bootstrap/bootstrap.js?ver={{VERSION}}"></script>
     <script language="javascript" type="text/javascript" src="{{STATIC_URL}}js/chosen/chosen.jquery.min.js?ver={{VERSION}}"></script>
     <script language="javascript" type="text/javascript" src="{{STATIC_URL}}js/ishtar.js?ver={{VERSION}}"></script>
     {{form.media}}
-    <link type="text/css" href="{{JQUERY_UI_URL}}jquery-ui.css?ver={{VERSION}}" rel="stylesheet" />
+    <link rel="stylesheet" href="{{STATIC_URL}}bootstrap/bootstrap.css?ver={{VERSION}}">
     <link type="text/css" href="{{STATIC_URL}}js/chosen/chosen.min.css?ver={{VERSION}}" rel="stylesheet" />
-    <link rel="stylesheet" href="{{STATIC_URL}}media/style.css?ver={{VERSION}}" />
+    <link rel="stylesheet" href="{{STATIC_URL}}media/styles.css?ver={{VERSION}}" />
     {% block extra_head %}
     {% endblock %}
 </head>
-<body>
-{% if new_item_label %}
+<body class="window-pop">
+<div class="modal-content">
+    <div class="modal-header">
+        <h2>{{title}}</h2>
+    </div>
+
+    <form action="." method="post" class='form'>{% csrf_token %}
+        <div class="modal-body body-scroll">
+            <div class="form">
+                {% include "blocks/bs_form_snippet.html" %}
+            </div>
+        </div>
+
+        <div class="modal-footer">
+            <input type="submit" class="btn btn-primary" id="submit_new_item"
+                   value="{% trans 'Add' %}"/>
+            <button type="button" id="cancel-btn" class="btn btn-secondary">
+                {% trans 'Cancel' %}</button>
+        </div>
+
+
+  </form>
+</div>
 <script type='text/javascript' language='javascript'>
+{% if new_item_label %}
 save_and_close_window{% if many %}_many{% endif %}("{{parent_name}}", "{{parent_pk}}", "{{new_item_label|safe}}", "{{new_item_pk}}");
-</script>
 {% endif %}
-<div id="window_content">
-  <h3>{{title}}</h3>
-  <form action="." method="post" class='form'>{% csrf_token %}
-    <table>
-    {% for field in form %}
-    <tr{% if field.field.required %} class='required'{% endif %}>
-      <th>{{ field.label_tag }}</th>
-      <td>{{ field.errors }}{{field|safe}}</td>
-    </tr>{% endfor %}
-    <tr><td colspan='2' class='submit_button'><input type="submit" id="submit_new_item" value="{% trans "Add" %}"/></td></tr>
-    </table>
-  </form>
-  </div>
+$("#cancel-btn").click(function(){
+    close();
+});
+</script>
 
-</div>
 </body>
-
 </html>