From 545668421b345952215a666327713feb55fd5f33 Mon Sep 17 00:00:00 2001
From: ydb5755 <yisroel.d.baum@gmail.com>
Date: Wed, 9 Oct 2024 14:42:09 +0300
Subject: [PATCH] add month selector, remove loop of row creation from direct
 server response to allow js creation

---
 app/templates/homepage.html | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/app/templates/homepage.html b/app/templates/homepage.html
index 73a797b..2c887b8 100644
--- a/app/templates/homepage.html
+++ b/app/templates/homepage.html
@@ -38,6 +38,14 @@
         <div class="card">
             <div class="card-header bg-primary text-white">
                 Line Items
+                <br/>
+                <label for="month-selector">Choose a month:</label>
+
+                <select name="month-selector" id="month-selector">
+                    {% for month in all_months %}
+                        <option value="{{month}}">{{month}}</option>
+                    {% endfor %}
+                </select>
             </div>
             <div class="card-body">
                 <div class="table-responsive">
@@ -56,21 +64,8 @@
                                 <th scope="col">Split Line?</th>
                             </tr>
                         </thead>
-                        <tbody>
-                            {% for li in last_month_lines %}
-                                <tr id="{{li[0].id}}-row">
-                                    <th scope="row">{{li[0].id}}</th>
-                                    <th scope="row">{{li[0].parent_line_item_id}}</th>
-                                    <th scope="row">{{li[0].amount}}</th>
-                                    <th scope="row">{{li[0].currency_type}}</th>
-                                    <th scope="row" id="vendor-line-{{li[0].id}}">{{li[0].get_vendor()[0]}}</th>
-                                    <th scope="row">{{li[0].date}}</th>
-                                    <th scope="row">{{li[0].confirmation_code}}</th>
-                                    <th scope="row">{{li[0].note}}</th>
-                                    <th scope="row"><button id="{{li[0].id}}" class="btn btn-primary reassign-button">Click to reassign vendor</button></th>
-                                    <th scope="row"><a class="btn btn-primary" href="#">Click to split line</a></th>
-                                </tr>
-                            {% endfor %}
+                        <tbody id="table-body">
+                            <tr><td>Loading...</td></tr>
                         </tbody>
                     </table>
                 </div>