manage

estateagents-admin-manager/src/global.jsx

@@ -0,0 +1,101 @@
+import { Button, message, notification } from 'antd';
+import React from 'react';
+import { formatMessage } from 'umi-plugin-react/locale';
+import defaultSettings from '../config/defaultSettings';
+const { pwa } = defaultSettings; // if pwa is true
+
+if (pwa) {
+  // Notify user if offline now
+  window.addEventListener('sw.offline', () => {
+    message.warning(
+      formatMessage({
+        id: 'app.pwa.offline',
+      }),
+    );
+  }); // Pop up a prompt on the page asking the user if they want to use the latest version
+
+  window.addEventListener('sw.updated', event => {
+    const e = event;
+
+    const reloadSW = async () => {
+      // Check if there is sw whose state is waiting in ServiceWorkerRegistration
+      // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration
+      const worker = e.detail && e.detail.waiting;
+
+      if (!worker) {
+        return true;
+      } // Send skip-waiting event to waiting SW with MessageChannel
+
+      await new Promise((resolve, reject) => {
+        const channel = new MessageChannel();
+
+        channel.port1.onmessage = msgEvent => {
+          if (msgEvent.data.error) {
+            reject(msgEvent.data.error);
+          } else {
+            resolve(msgEvent.data);
+          }
+        };
+
+        worker.postMessage(
+          {
+            type: 'skip-waiting',
+          },
+          [channel.port2],
+        );
+      }); // Refresh current page to use the updated HTML and other assets after SW has skiped waiting
+
+      window.location.reload(true);
+      return true;
+    };
+
+    const key = `open${Date.now()}`;
+    const btn = (
+      <Button
+        type="primary"
+        onClick={() => {
+          notification.close(key);
+          reloadSW();
+        }}
+      >
+        {formatMessage({
+          id: 'app.pwa.serviceworker.updated.ok',
+        })}
+      </Button>
+    );
+    notification.open({
+      message: formatMessage({
+        id: 'app.pwa.serviceworker.updated',
+      }),
+      description: formatMessage({
+        id: 'app.pwa.serviceworker.updated.hint',
+      }),
+      btn,
+      key,
+      onClose: async () => {},
+    });
+  });
+} else if ('serviceWorker' in navigator) {
+  // unregister service worker
+  const { serviceWorker } = navigator;
+
+  if (serviceWorker.getRegistrations) {
+    serviceWorker.getRegistrations().then(sws => {
+      sws.forEach(sw => {
+        sw.unregister();
+      });
+    });
+  }
+
+  serviceWorker.getRegistration().then(sw => {
+    if (sw) sw.unregister();
+  }); // remove all caches
+
+  if (window.caches && window.caches.keys) {
+    caches.keys().then(keys => {
+      keys.forEach(key => {
+        caches.delete(key);
+      });
+    });
+  }
+}

estateagents-admin-manager/src/global.less

@@ -0,0 +1,194 @@
+@import '~antd/es/style/themes/default.less';
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+.colorWeak {
+  filter: invert(80%);
+}
+
+canvas {
+  display: block;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 16px;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+@media (max-width: @screen-xs) {
+  .ant-table {
+    width: 100%;
+    overflow-x: auto;
+    &-thead > tr,
+    &-tbody > tr {
+      > th,
+      > td {
+        white-space: pre;
+        > span {
+          display: block;
+        }
+      }
+    }
+  }
+}
+
+.ant-layout-header .ant-pro-global-header{
+  background:#393C39;
+  border-bottom: 0.6px solid rgb(156, 153, 153);
+}
+.ant-layout .ant-pro-sider-menu-sider.light .ant-pro-sider-menu-logo{
+  background:#EF273A;
+  box-shadow: none;
+  border: none;
+  a{
+    h1{
+      color: #fff;
+    }
+  }
+}
+.antd-pro-layouts-user-layout-container{
+  .ant-input-affix-wrapper .ant-input-prefix{
+    left:7px;
+  }
+  .ant-input-affix-wrapper .ant-input:not(:first-child) {
+    padding-left: 40px;
+  }
+}
+ 
+.ant-layout{
+  .ant-menu-vertical .ant-menu-item,
+.ant-menu-vertical-left .ant-menu-item,
+.ant-menu-vertical-right .ant-menu-item,
+.ant-menu-inline .ant-menu-item,
+.ant-menu-vertical .ant-menu-submenu-title,
+.ant-menu-vertical-left .ant-menu-submenu-title,
+.ant-menu-vertical-right .ant-menu-submenu-title,
+.ant-menu-inline .ant-menu-submenu-title,
+.ant-input ,.ant-btn,.ant-select,.ant-table,.ant-form-item,.ant-form label,.ant-tabs-nav-container {
+  font-size: 0.096rem;
+  
+}
+.ant-input{
+  height: 32px;
+  border-radius: 4px;
+  padding: 0 0 0 10px;
+  align-items: center;
+}
+.ant-radio-button-wrapper{
+  color: #FF7E48;
+  border: 1px solid #FF7E48;
+}
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: #fff;
+  background: #FF7E48;
+  border-color: #FF7E48;
+  box-shadow: none;
+}
+.ant-radio-button-wrapper:not(:first-child)::before{
+  background: #FF7E48;
+}
+.ant-radio-button-wrapper:first-child {
+  border-left: 1px solid #FF7E48;
+}
+.ant-radio-button-wrapper:hover{
+  border-color: #FF7E48;
+  color: #FF7E48; ;
+}
+.ant-row.ant-form-item .ant-form-item-label.ant-col-sm-3{
+  min-width: 100px;
+}
+.ant-card-body{
+  padding: 0;
+}
+.antd-pro-pages-index-echarts-styles-pie,.antd-pro-pages-index-echarts-styles-bar{
+  padding: 40px;
+  margin-bottom: 40px;
+}
+.ant-breadcrumb{
+  font-size: 0.096rem;
+  .anticon {
+    font-size: 0.096rem;
+  }
+} 
+  .ant-pro-global-header-trigger{
+    display: none;
+  }
+  .ant-pro-sider-menu-sider.light{
+    box-shadow: none;
+    .ant-pro-sider-menu-logo h1{
+      color: #fff;
+    }
+  }
+  .ant-pro-page-header-wrap-page-header-warp{
+    background:rgba(240,240,240,1);
+  }
+   .ant-menu:not(.ant-menu-horizontal)  .ant-menu-item-selected{
+    background:rgb(230, 227, 227)!important;
+    border: none!important;
+  }
+  .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after{
+    opacity: 0;
+  }
+  .ant-menu-inline > .ant-menu-item{
+    height: 45px;
+    line-height: 45px;
+    
+    margin: 0;
+    .ant-menu-submenu-title{
+      font-size: 16px!important;
+    }
+  }
+  .ant-menu.ant-pro-sider-menu{
+    padding: 0!important;
+  }
+  
+  .ant-breadcrumb + .ant-page-header-heading{
+    display: none;
+  }
+  .ant-page-header{
+    height: 50px;
+    padding:0 30px;
+    line-height: 50px;
+    
+    .ant-breadcrumb{
+      color: #333;
+    }
+  }
+  .ant-pro-sider-menu-logo img{
+    height: 41px;
+  }
+  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
+    color: #FF7E48;
+  }
+  .ant-table{
+    line-height: 3;
+  }
+  .ant-modal-header{
+    border-bottom: none;
+    .ant-modal-title{
+      font-size: 24px;
+      line-height: 50px;
+    }
+  }
+  .ant-modal-footer{
+    border-top:none;
+  }
+}
+:global {
+  .ant-layout {
+    min-height: 100vh;
+    background-color: #f8f8f8;
+    height: fit-content!important;
+  }  
+}

estateagents-admin-manager/src/manifest.json

@@ -0,0 +1,22 @@
+{
+  "name": "Ant Design Pro",
+  "short_name": "Ant Design Pro",
+  "display": "standalone",
+  "start_url": "./?utm_source=homescreen",
+  "theme_color": "#002140",
+  "background_color": "#001529",
+  "icons": [
+    {
+      "src": "icons/icon-192x192.png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "icons/icon-128x128.png",
+      "sizes": "128x128"
+    },
+    {
+      "src": "icons/icon-512x512.png",
+      "sizes": "512x512"
+    }
+  ]
+}

estateagents-admin-manager/src/service-worker.js

@@ -0,0 +1,66 @@
+/* eslint-disable eslint-comments/disable-enable-pair */
+/* eslint-disable no-restricted-globals */
+/* eslint-disable no-underscore-dangle */
+/* globals workbox */
+workbox.core.setCacheNameDetails({
+  prefix: 'antd-pro',
+  suffix: 'v1',
+});
+// Control all opened tabs ASAP
+workbox.clientsClaim();
+
+/**
+ * Use precaching list generated by workbox in build process.
+ * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.precaching
+ */
+workbox.precaching.precacheAndRoute(self.__precacheManifest || []);
+
+/**
+ * Register a navigation route.
+ * https://developers.google.com/web/tools/workbox/modules/workbox-routing#how_to_register_a_navigation_route
+ */
+workbox.routing.registerNavigationRoute('/index.html');
+
+/**
+ * Use runtime cache:
+ * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.routing#.registerRoute
+ *
+ * Workbox provides all common caching strategies including CacheFirst, NetworkFirst etc.
+ * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.strategies
+ */
+
+/**
+ * Handle API requests
+ */
+workbox.routing.registerRoute(/\/api\//, workbox.strategies.networkFirst());
+
+/**
+ * Handle third party requests
+ */
+workbox.routing.registerRoute(
+  /^https:\/\/gw.alipayobjects.com\//,
+  workbox.strategies.networkFirst(),
+);
+workbox.routing.registerRoute(
+  /^https:\/\/cdnjs.cloudflare.com\//,
+  workbox.strategies.networkFirst(),
+);
+workbox.routing.registerRoute(/\/color.less/, workbox.strategies.networkFirst());
+
+/**
+ * Response to client after skipping waiting with MessageChannel
+ */
+addEventListener('message', event => {
+  const replyPort = event.ports[0];
+  const message = event.data;
+  if (replyPort && message && message.type === 'skip-waiting') {
+    event.waitUntil(
+      self
+        .skipWaiting()
+        .then(
+          () => replyPort.postMessage({ error: null }),
+          error => replyPort.postMessage({ error }),
+        ),
+    );
+  }
+});