feat: add reload button for portal (#346)

OsmosysSoftware · Oct 24, 2024 · 563a3f3 · 563a3f3
1 parent fa5b44d
commit 563a3f3
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 20 deletions.
diff --git a/apps/portal/src/app/views/notifications/notifications.component.html b/apps/portal/src/app/views/notifications/notifications.component.html
@@ -56,28 +56,36 @@ <h2 class="p-col-12">Notifications</h2>
         *ngIf="applications.length !== 0"
       ></p-dropdown>
     </div>
-    <div class="p-col-12 p-md-3 filter-row">
-      <input
-        type="email"
-        pInputText
-        [(ngModel)]="searchValue"
-        placeholder="Search Notifier Email"
-        class="grid-input"
-        pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"
-        #searchInput="ngModel"
-      />
-      <p-button
-        (onClick)="loadNotificationsLazy({ first: 0, rows: this.pageSize })"
-        label="Search"
-        class="grid-button"
-        [disabled]="searchInput.invalid || !searchInput.value"
-      />
+    <div class="grid-row">
+      <div class="p-col-12 p-md-3 filter-row">
+        <input
+          type="email"
+          pInputText
+          [(ngModel)]="searchValue"
+          placeholder="Search Notifier Email"
+          class="grid-input"
+          pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"
+          #searchInput="ngModel"
+        />
+        <p-button
+          (onClick)="loadNotificationsLazy({ first: 0, rows: this.pageSize })"
+          label="Search"
+          class="grid-button"
+          [disabled]="searchInput.invalid || !searchInput.value"
+        />
+        <p-button
+          (onClick)="onSearchClear(); loadNotificationsLazy({ first: 0, rows: this.pageSize })"
+          label="Clear"
+          class="grid-button"
+          severity="danger"
+          [disabled]="!searchValue"
+        />
+      </div>
       <p-button
-        (onClick)="onSearchClear(); loadNotificationsLazy({ first: 0, rows: this.pageSize })"
-        label="Clear"
+        (onClick)="loadNotificationsLazy({ first: this.currentPage, rows: this.pageSize })"
+        label="Reload"
+        severity="warning"
         class="grid-button"
-        severity="danger"
-        [disabled]="!searchValue"
       />
     </div>
   </div>

diff --git a/apps/portal/src/app/views/notifications/notifications.component.scss b/apps/portal/src/app/views/notifications/notifications.component.scss
@@ -170,3 +170,8 @@ tr:hover {
     width: 1.8em;
   }
 }
+
+.grid-row {
+  display: grid;
+  grid-template-columns: 1fr auto; /* 1fr for left, auto for right */
+}