From 9f3c1f7f3cdd0d6ac79d25ff27e57751a742d17d Mon Sep 17 00:00:00 2001
From: Harry Bridge <harrybridge01@gmail.com>
Date: Sat, 5 Jan 2019 19:59:05 +0000
Subject: [PATCH] Updated asset list

---
 templates/asset_list.html            | 43 +++++++++++++++++-----------
 templates/asset_list_table_body.html | 13 +++++++++
 2 files changed, 40 insertions(+), 16 deletions(-)
 create mode 100644 templates/asset_list_table_body.html

diff --git a/templates/asset_list.html b/templates/asset_list.html
index 95f48b43..055846b8 100644
--- a/templates/asset_list.html
+++ b/templates/asset_list.html
@@ -1,10 +1,21 @@
 {% extends 'base.html' %}
+{% block title %}List{% endblock %}
 
 {% block main %}
 
-        <h1>Asset List</h1>
+    <h1>Asset List</h1>
 
-        <table>
+    <form method="post" id="asset-filter-form" class="row">
+        {% csrf_token %}
+        <div class="input-field col s3">
+            <input type="text" name="asset_id">
+            <label for="asset_id">Asset ID</label>
+        </div>
+
+        <button type="submit" class="btn">Search</button>
+    </form>
+
+        <table class="striped">
             <thead>
             <tr>
                 <th>Asset ID</th>
@@ -14,21 +25,21 @@
                 <th>Quick Links</th>
             </tr>
             </thead>
-            <tbody>
-            {% for item in object_list %}
-{#                <li><a href="{% url 'asset_detail' item.pk %}">{{ item.asset_id }} - {{ item.description }}</a></li>#}
-                <tr>
-                    <td><a href="{% url 'asset_detail' item.pk %}">{{ item.asset_id }}</a></td>
-                    <td>{{ item.description }}</td>
-                    <td>{{ item.category }}</td>
-                    <td>{{ item.status }}</td>
-                    <td>
-                        <a href="{% url 'asset_detail' item.asset_id %}"><i class="material-icons">visibility</i></a>
-                        <a href="{% url 'asset_update' item.asset_id %}"><i class="material-icons">edit</i></a>
-                    </td>
-                </tr>
-            {% endfor %}
+            <tbody id="asset_table_body">
+                {% include 'asset_list_table_body.html' %}
             </tbody>
         </table>
 
+    {% include 'helpers/paginator.html' %}
+
+{% endblock %}
+
+{% block script %}
+    <script>
+        $('#asset-filter-form').on('submit', function(event){
+            event.preventDefault();
+            filterAssetTable();
+            return false;
+        });
+    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/asset_list_table_body.html b/templates/asset_list_table_body.html
new file mode 100644
index 00000000..289762e1
--- /dev/null
+++ b/templates/asset_list_table_body.html
@@ -0,0 +1,13 @@
+{% for item in object_list %}
+    {#                <li><a href="{% url 'asset_detail' item.pk %}">{{ item.asset_id }} - {{ item.description }}</a></li>#}
+    <tr>
+        <td><a href="{% url 'asset_detail' item.pk %}">{{ item.asset_id }}</a></td>
+        <td>{{ item.description }}</td>
+        <td>{{ item.category }}</td>
+        <td>{{ item.status }}</td>
+        <td>
+            <a href="{% url 'asset_detail' item.pk %}"><i class="material-icons">visibility</i></a>
+            <a href="{% url 'asset_update' item.pk %}"><i class="material-icons">edit</i></a>
+        </td>
+    </tr>
+{% endfor %}
\ No newline at end of file