@things-factory/apptool-ui 6.0.104 → 6.0.107

package/client/bootstrap.js

@@ -1,4 +1,5 @@
 import './layout/app-toolbar'
+import './layout/app-busybar'
 
 import { html } from 'lit-html'
 
@@ -13,4 +14,13 @@ export default function bootstrap() {
     },
     position: VIEWPART_POSITION.HEADERBAR
   })
+
+  appendViewpart({
+    name: 'appbusybar',
+    viewpart: {
+      show: true,
+      template: html` <app-busybar></app-busybar> `
+    },
+    position: VIEWPART_POSITION.HEADERBAR
+  })
 }

package/client/layout/app-busybar.js

@@ -0,0 +1,52 @@
+import '@material/mwc-linear-progress'
+
+import { css, html, LitElement } from 'lit'
+import { connect } from 'pwa-helpers/connect-mixin.js'
+
+import { store } from '@things-factory/shell'
+
+class AppBusyBar extends connect(store)(LitElement) {
+  static get properties() {
+    return {
+      _busy: Boolean
+    }
+  }
+
+  static get styles() {
+    return [
+      css`
+        :host {
+          display: flex;
+        }
+
+        mwc-linear-progress {
+          flex: 1;
+          height: 2px;
+        }
+      `
+    ]
+  }
+
+  render() {
+    return this._busy ? html`<mwc-linear-progress indeterminate></mwc-linear-progress>` : html``
+  }
+
+  stateChanged(state) {
+    if (!state.busy.busy) {
+      this._busy = false
+    }
+
+    this._last_state = state.busy.busy
+
+    if (!this._timeout) {
+      this._timeout = setTimeout(() => {
+        if (this._last_state) {
+          this._busy = true
+        }
+        delete this._timeout
+      }, 500)
+    }
+  }
+}
+
+customElements.define('app-busybar', AppBusyBar)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/apptool-ui",
-  "version": "6.0.104",
+  "version": "6.0.107",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -24,8 +24,10 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
+    "@material/mwc-icon": "^0.27.0",
+    "@material/mwc-linear-progress": "^0.27.0",
     "@operato/layout": "^1.0.1",
-    "@things-factory/apptool-base": "^6.0.104"
+    "@things-factory/apptool-base": "^6.0.107"
   },
-  "gitHead": "c239d87b7e21262af03804064e01a6dc3a2e23fa"
+  "gitHead": "fa6d3ad23a445081db89b26e75a696fb46a38bd6"
 }