From 768212319000af44ae0c1b04bfcb1ba5ef6682ad Mon Sep 17 00:00:00 2001
From: HackoDev1530 <92592691+HackoDev1530@users.noreply.github.com>
Date: Fri, 24 Oct 2025 22:13:26 -0500
Subject: [PATCH 1/2] Add README for MultiSelect widget in portal

---
 .../Client Scripts/MultiSelect in Portal/README.md               | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 Client-Side Components/Client Scripts/MultiSelect in Portal/README.md

diff --git a/Client-Side Components/Client Scripts/MultiSelect in Portal/README.md b/Client-Side Components/Client Scripts/MultiSelect in Portal/README.md
new file mode 100644
index 0000000000..55aa9aa3de
--- /dev/null
+++ b/Client-Side Components/Client Scripts/MultiSelect in Portal/README.md	
@@ -0,0 +1 @@
+The custom widget that enables you to select multiple incidents in the portal page.

From 088b0f1797b7cfc8c0fd6ee249905abd9111afb4 Mon Sep 17 00:00:00 2001
From: HackoDev1530 <92592691+HackoDev1530@users.noreply.github.com>
Date: Fri, 24 Oct 2025 22:15:02 -0500
Subject: [PATCH 2/2] Add multi-select component for complaints

This script implements a multi-select component for complaints, allowing users to search, select, and paginate through incidents.
---
 .../MultiSelect in Portal/script.js           | 90 +++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100644 Client-Side Components/Client Scripts/MultiSelect in Portal/script.js

diff --git a/Client-Side Components/Client Scripts/MultiSelect in Portal/script.js b/Client-Side Components/Client Scripts/MultiSelect in Portal/script.js
new file mode 100644
index 0000000000..141c7c0bca
--- /dev/null
+++ b/Client-Side Components/Client Scripts/MultiSelect in Portal/script.js	
@@ -0,0 +1,90 @@
+//HTML code that displays the incidents to select multiple at once.
+<div class="panel panel-default m-t">
+  <div class="panel-heading">
+    <h3 class="m-b-md">Complaints</h3>
+
+    <div class="form-inline"
+         style="display:flex; align-items:center; flex-wrap:wrap; gap:12px;">
+      <!-- Search -->
+      <div class="form-group" style="margin-left:auto;">
+        <div class="input-group">
+          <input type="text"
+                 class="form-control"
+                 placeholder="Search complaints..."
+                 ng-model="c.searchText"
+                 ng-keypress="$event.keyCode==13 && c.searchIncidents()"
+                 style="min-width:250px;">
+          <span class="input-group-addon" ng-click="c.searchIncidents()">
+            <i class="fa fa-search"></i>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="panel-body">
+    <!-- Selected Count Indicator -->
+<div class="text-right text-muted" ng-if="c.getSelectedCount() > 0" style="margin-bottom: 8px;">
+  <span class="label label-info" style="font-size: 13px; padding: 6px 10px;">
+    {{c.getSelectedCount()}} complaint<span ng-if="c.getSelectedCount() > 1">s</span> selected
+    (across pages)
+  </span>
+</div>
+
+    <table id="incidentsList"
+       class="table table-hover table-striped table-bordered"
+       role="table">
+  <thead>
+    <tr>
+      <th>
+        <input type="checkbox"
+               ng-checked="c.isAllSelectedOnPage()"
+               ng-click="c.toggleSelectAll($event)"
+               title="Select all on this page" />
+      </th>
+      <th>
+        <a href="javascript:void(0)" ng-click="sortType='batchno'; sortReverse=!sortReverse">
+          Run Date
+          <span ng-show="sortType=='number' && !sortReverse" class="fa fa-caret-down"></span>
+          <span ng-show="sortType=='number' && sortReverse" class="fa fa-caret-up"></span>
+        </a>
+      </th>
+      <th><a href="javascript:void(0)" ng-click="sortType='caseid'; sortReverse=!sortReverse">
+        Case ID
+        <span ng-show="sortType == 'caller_id' && !sortReverse" class="fa fa-caret-down"></span>
+        <span ng-show="sortType == 'caller_id' && sortReverse" class="fa fa-caret-up"></span>
+        </a></th>
+      <th><a href="javascript:void(0)" ng-click="sortType = 'policyid'; sortReverse = !sortReverse">
+        Policy ID
+        <span ng-show="sortType == 'short_description' && !sortReverse" class="fa fa-caret-down"></span>
+              <span ng-show="sortType == 'short_description' && sortReverse" class="fa fa-caret-up"></span>
+            </a></th>
+      
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr ng-repeat="item in c.incidentsList | orderBy:sortType:sortReverse">
+      <td>
+        <input type="checkbox"
+               ng-checked="c.isChecked(item.sys_id)"
+               ng-click="c.toggleCheckbox(item.sys_id, $event)" />
+      </td>
+      <td><a href="{{item.url}}">{{item.batchno}}</a></td>
+      <td>{{item.caseid}}</td>
+      <td>{{item.policyid}}</td>
+    </tr>
+    <tr ng-if="!c.complaintsList.length">
+      <td colspan="9" class="text-center text-muted">No incidents found.</td>
+    </tr>
+  </tbody>
+</table>
+
+    <!-- Pagination Controls -->
+    <div class="pagination-controls text-center" style="margin-top:10px;">
+      <button class="btn btn-default" ng-disabled="c.pageNumber===1" ng-click="c.prevPage()">Prev</button>
+      <span> Page {{c.pageNumber}} of {{c.totalPages}} </span>
+      <button class="btn btn-default" ng-disabled="c.pageNumber===c.totalPages" ng-click="c.nextPage()">Next</button>
+    </div>
+  </div>
+</div>