My new feature branch

app/Backend/app.py

@@ -389,6 +389,10 @@ def import_tickets():
     })
 
 
+@app.route('/changes_test', methods=['GET'])
+def changes_test(user_id):
+    if not user_id:
+        user_id = request.args.get('oh_my_gawd') 
 
 
 @app.route('/sync_bucket')

app/Backend/database/data/Test data .csv

@@ -0,0 +1,5 @@
+"Id","Ticket_Id","url"
+1,3,./bucket/tickets/SVC-3/images.jpeg
+2,3,./bucket/tickets/SVC-3/images.jpeg
+3,3,./bucket/tickets/SVC-3/images.jpeg
+4,3,./bucket/tickets/SVC-3/images.jpeg

app/Frontend/src/views/Inbox.vue

@@ -166,6 +166,21 @@ let mail_json = ref({
 
                 <div class="ticket_list">
                     <div v-for="(mail, index) in ticket_data" :key="index" class="cat_section" @click="open_ticket(mail.ticket_id)" >
+                        <div class="cat_section_bar">
+                            {{ index }}
+                            <div class="from_">{{ mail.user }}</div>
+                            <div class="subjj_">{{ mail.subject }}</div>
+                            <div :style="{ color: mail.status === 'open' ? 'green' : 'red' }"> {{ mail.status }}</div>
+
+                            <div>{{ new Date(mail.created).toLocaleString('en-GB', { day: '2-digit', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit', hour12: true }).replace(',', '').replace(' ', ' ') }}</div>
+                            <div v-if="mail.action && mail.action === current_user" class="btnsort_" @click="open_ticket(mail.ticket_id)">
+                                Approve
+                            </div>
+                            <div v-else class="btnsort_" @click="open_ticket(mail.ticket_id)">
+                                View
+                            </div>
+                        </div>
+
                         <div class="cat_section_bar">
                             {{ index }}
                             <div class="from_">{{ mail.user }}</div>
@@ -189,7 +204,23 @@ let mail_json = ref({
     </div>
 </template>
 
+
+
+
+
+
 <style scoped>
+
+.crappy_code_that_never_works{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-content: center;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1vw;
+    overflow: hidden;   
+}
 .btnsort_{
     background-color: #46BEAA;
     color: white;