Compare commits

..

2 Commits

Author SHA1 Message Date
Kwesi Banson Jnr
99871bc100 adjusted the with of the message list columns 2026-04-08 14:44:37 +00:00
Kwesi Banson Jnr
c2d8632045 added filters to message list 2026-04-08 14:39:50 +00:00

View File

@@ -21,7 +21,7 @@
</div> </div>
</section> </section>
<section class="row g-4"> <section class="row g-4">
<div class="col-xl-9"> <div class="col-xl-10">
<div class="filter-card mb-4"> <div class="filter-card mb-4">
<div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3 mb-3"> <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3 mb-3">
<div> <div>
@@ -39,8 +39,8 @@
<div class="float-end"> <div class="float-end">
<label for="search" class="form-label fw-semibold">Search</label> <!-- <label for="search" class="form-label fw-semibold">Search</label> -->
<input id="search" type="text" class="form-control" placeholder="Phone, sender ID, text"> <!-- <input id="search" type="text" class="form-control" placeholder="Phone, sender ID, text"> -->
</div> </div>
</div> </div>
</div> </div>
@@ -55,22 +55,22 @@
</div> </div>
</div> </div>
<div class="col-xl-3"> <div class="col-xl-2">
<aside class="detail-card"> <aside class="detail-card">
<h2 class="h5 mb-3">Recent activity</h2> <h2 class="h5 mb-3">Recent activity</h2>
<div class="timeline-item pt-0 mt-0 border-0"> <!-- <div class="timeline-item pt-0 mt-0 border-0">
<div class="fw-semibold">Sender ID approved</div> <div class="fw-semibold">Sender ID approved</div>
<div class="muted-label">CLICKINFO added </div> <div class="muted-label">CLICKINFO added </div>
<div class="small text-secondary mt-1">09:04</div> <div class="small text-secondary mt-1">09:04</div>
</div> </div> -->
<div class="timeline-item"> <!-- <div class="timeline-item">
<div class="fw-semibold">Campaign completed</div> <div class="fw-semibold">Campaign completed</div>
<div class="muted-label">[campaign name] batch finished</div> <div class="muted-label">[campaign name] batch finished</div>
<div class="small text-secondary mt-1">08:41</div> <div class="small text-secondary mt-1">08:41</div>
</div> </div> -->
</aside> </aside>
</div> </div>
</section> </section>
@@ -154,14 +154,14 @@
}, },
columns: [ columns: [
{title: "Sender", field: "from"}, {title: "Sender", field: "from", width:150, headerFilter:"input"},
{title: "Msisdn", field: "to"}, {title: "Msisdn", field: "to", width:150, headerFilter:"input"},
// {title: "Message", field: "message"}, // {title: "Message", field: "message"},
{title:"Message", field:"message" ,formatter:"textarea"}, {title:"Message", field:"message", width:350, formatter:"textarea", headerFilter:"input"},
// {title: "Status", field: "status"}, // {title: "Status", field: "status"},
{title: "Delivery Status", field: "deliveryStatus", formatter: statusDesign}, {title: "Delivery Status", field: "deliveryStatus", width:100, headerFilter:"input", formatter: statusDesign},
// {title: "Created At", field: "createdAt"}, // {title: "Created At", field: "createdAt"},
{title:"Date Created ", field:"createdAt", formatter:"datetime", formatterParams:{ {title:"Date Created ", field:"createdAt", width:200, formatter:"datetime", headerFilter:"input", formatterParams:{
inputFormat: "iso", inputFormat: "iso",
outputFormat: "dd-MM-yyyy HH:mm:ss", outputFormat: "dd-MM-yyyy HH:mm:ss",
invalidPlaceholder: "(invalid date)" invalidPlaceholder: "(invalid date)"