request: Make template look similar to other tables on request page

Added a new panel with the header: Request fields. The field form now in the table last line.

circle/request/templates/request/field-list.html

@@ -3,42 +3,53 @@
 {% load crispy_forms_tags %}
 
 {% block content %}
-<div class="table-responsive">
-  <div class="table-container">
-    <table class="table table-bordered table-striped table-hover" >
-      <thead>
-          <tr>
-          <th>{% trans "Fieldname" %}</th>
-          <th>{% trans "Type" %}</th>
-          <th>{% trans "Choices" %}</th>
-          <th>{% trans "Required" %}</th>
-          <th>{% trans "Delete" %}</th>
-          </tr>
-      </thead>
-      <tbody>
-          {% for field in object_list %}
-          <tr>
-            <td>{{field.fieldname}}</td>
-            <td>{{field.type}}</td>
-            <td>{{field.choices}}</td>
-            <td>{{field.required}}</td>
-            <td><a href={% url "request.views.field-delete" pk=field.pk %}>
-              <i class="fa fa-times"></i></a>
-            </td>
-          </tr>
-          {% endfor %}
-          <tr>
-          <form action={% url 'request.views.request-field-add' %} method="post">
-            {% csrf_token %}
-            {% for field in add_form %}
-                <td> {{field}}</td>
-            {% endfor %}
-          <td><button type="submit" class="btn btn-sm btn-success">{% trans "Add" %}</button></td>
-        </form>
-        </tr>
-        </tbody>
-    </table>
-  </div>
-</div>
+<div class="row">
+  <div class="col-md-12">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+          <h3 class="no-margin"><i class="fa fa-phone"></i> {% trans "Request fields" %}</h3>
+         </div>
+            <div class="panel-body">
+              <div class="table-responsive">
+                <div class="table-container">
+                  <table class="text-center table table-bordered table-striped table-hover" >
+                    <thead class"align-center">
+                        <tr>
+                        <th class="text-center">{% trans "Fieldname" %}</th>
+                        <th class="text-center">{% trans "Type" %}</th>
+                        <th class="text-center">{% trans "Choices" %}</th>
+                        <th class="text-center">{% trans "Required" %}</th>
+                        <th class="text-center">{% trans "Delete" %}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for field in object_list %}
+                        <tr>
+                          <td>{{field.fieldname}}</td>
+                          <td>{{field.type}}</td>
+                          <td>{{field.choices}}</td>
+                          <td>{{field.required}}</td>
+                          <td><a href={% url "request.views.field-delete" pk=field.pk %}>
+                            <i class="fa fa-times"></i></a>
+                          </td>
+                        </tr>
+                        {% endfor %}
+                        <tr>
+                        <form action={% url 'request.views.request-field-add' %} method="post">
+                          {% csrf_token %}
+                          {% for field in add_form %}
+                              <td> {{field}}</td>
+                          {% endfor %}
+                        <td><button type="submit" class="btn btn-sm btn-success">{% trans "Add" %}</button></td>
+                      </form>
+                      </tr>
+                      </tbody>
+                  </table>
+                </div>
+              </div> <!-- .table-responsive -->
+            </div> <!-- .panel-body -->
+          </div>
+        </div>
+      </div>
 
 {% endblock %}

circle/request/views.py

@@ -49,7 +49,6 @@ from django.urls import reverse_lazy
 
 
 class RequestFieldFormView(LoginRequiredMixin, CreateView):
-    template_name = 'request/_request-field-form.html'
     model = RequestField
     form_class = RequestFieldModelForm
     success_url = reverse_lazy('request.views.field-list')