@social-mail/social-mail-client 1.8.355 → 1.8.356

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.8.355",
+  "version": "1.8.356",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/pages/dns/DnsZoneListPage.tsx

@@ -8,6 +8,7 @@ import InfiniteRepeater from "../../controls/repeater/InfiniteRepeater";
 import CommonCommands from "../../commands/CommonCommands";
 import DnsZoneService from "./DnsZoneService";
 import { HostedZone, IHostedZone } from "../../../model/model";
+import Bind from "@web-atoms/core/dist/core/Bind";
 
 export default class DnsZoneListPage extends ContentPage {
 
@@ -15,12 +16,19 @@ export default class DnsZoneListPage extends ContentPage {
     size = 100;
     version = 1;
 
+    search = "";
+
     @InjectProperty
     private dnsZoneService: DnsZoneService;
 
     private zones: IHostedZone[] = [];
 
     async init() {
+
+        this.headerRenderer = () => <div data-layout="header-row">
+            <input type="search" value={Bind.twoWaysImmediate(() => this.search)}/>
+        </div>;
+
         this.renderer = <div>
             <AtomRepeater
                 data-layout="data-grid"

package/src/common/pages/dns/DnsZoneService.ts

@@ -2,6 +2,7 @@ import { Inject } from "@web-atoms/core/dist/di/Inject";
 import EntityService from "../../../services/EntityService";
 import { HostedZone, IHostedZone, IHostedZoneRecord } from "../../../model/model";
 import DITransient from "@web-atoms/core/dist/di/DITransient";
+import { Sql } from "../../Sql";
 
 @DITransient()
 export default class DnsZoneService {
@@ -10,13 +11,20 @@ export default class DnsZoneService {
     private entityService: EntityService;
 
     list({
+        search = "",
         start = 0,
         size = 100,
         cancelToken = null,
         version = 1
     }) {
-        return this.entityService.query(HostedZone)
+        let q = this.entityService.query(HostedZone);
+        if (search) {
+            search = `${search}%`.toLowerCase();
+            q = q.where({ search }, (p) => (x) => Sql.text.like(x.domain.name, p.search));
+        }
+        return q
             .include((x) => x.domain)
+            .orderBy((x) => x.domain.name)
             .toPagedList({
                 start,
                 size,