@social-mail/social-mail-client 1.9.36 → 1.9.37

package/package.json

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

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

@@ -9,8 +9,10 @@ import CommonCommands from "../../commands/CommonCommands";
 import DnsZoneService from "./DnsZoneService";
 import { HostedZone, IHostedZone } from "../../../model/model";
 import Bind from "@web-atoms/core/dist/core/Bind";
+import MasterDetailPage from "@web-atoms/web-controls/dist/mobile-app/MasterDetailPage";
+import DnsZoneEditorPage from "./edit/DnsZoneEditorPage";
 
-export default class DnsZoneListPage extends ContentPage {
+export default class DnsZoneListPage extends MasterDetailPage {
 
     start = 0;
     size = 100;
@@ -32,6 +34,8 @@ export default class DnsZoneListPage extends ContentPage {
         this.renderer = <div>
             <AtomRepeater
                 data-layout="data-grid"
+                data-selection-updated-event="item-selected"
+                selectOnClick={true}
                 items={this.zones}
                 { ... InfiniteRepeater.pagedItems((start) =>
                     (c, e, cancelToken) =>
@@ -42,9 +46,7 @@ export default class DnsZoneListPage extends ContentPage {
                             version: this.version
                         }))}
                 itemRenderer={(item: IHostedZone) => <div>
-                    <a
-                        data-click-event="route"
-                        href={CommonCommands.editDnsZone.displayRoute({ zoneID: item.zoneID})}
+                    <label
                         text={item.domain.name}/>
                     {/* <i
                         title="View DS Records"
@@ -75,6 +77,14 @@ export default class DnsZoneListPage extends ContentPage {
         this.version++;
     }
 
+    @Action({ onEvent: "item-selected", defer: 10})
+    async itemSelected([domain]) {
+        if (!domain) {
+            return;
+        }
+        this.openDetail(DnsZoneEditorPage, domain);
+    }
+
     @Action({ onEvent: "view-zone"})
     async viewZone(zone: IHostedZone) {
         await PopupService.alert({