@things-factory/operato-mms 7.0.1-alpha.2 → 7.0.1-alpha.20

package/_index.html

@@ -52,6 +52,7 @@
     <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
     <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+    <link href="/node_modules/material-symbols/index.css" rel="stylesheet" />
     <style>
       body {
         margin: 0;
@@ -96,12 +97,7 @@
     <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
     <script src="/node_modules/web-animations-js/web-animations-next.min.js"></script>
     <script src="/node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
-    <script
-      type="text/javascript"
-      src="//laz-g-cdn.alicdn.com/sj/securesdk/0.0.3/securesdk_lzd_v1.js"
-      id="J_secure_sdk_v2"
-      data-appkey="120961"
-    ></script>
+    <script type="text/javascript" src="//laz-g-cdn.alicdn.com/sj/securesdk/0.0.3/securesdk_lzd_v1.js" id="J_secure_sdk_v2" data-appkey="120961"></script>
     <!-- Built with love using PWA Starter Kit -->
   </body>
 </html>

package/client/pages/catalogue/products.js

@@ -1,6 +1,7 @@
 import { getCodeByName } from '@things-factory/code-base'
 import '@things-factory/form-ui'
 import '@operato/data-grist'
+import '@operato/oops'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@operato/layout'
 import { client, PageView } from '@things-factory/shell'
@@ -73,14 +74,9 @@ class Products extends localize(i18next)(PageView) {
 
     return html`
       <search-form id="search-form" .fields=${this._searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
-      <ox-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.config}
-        .fetchHandler="${this._fetchProducts.bind(this)}"
-      >
-      </ox-grist>
+      <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.config} .fetchHandler="${this._fetchProducts.bind(this)}"> </ox-grist>
 
-      <oops-progress
+      <ox-oops-progress
         .tag=${tag}
         @progress=${e => {
           this.progress = e.detail
@@ -96,7 +92,7 @@ class Products extends localize(i18next)(PageView) {
           <mwc-linear-progress .progress=${progress / 100}></mwc-linear-progress>
           <span>Synchronising products : ${progress} % (${message})</span>
         </div>
-      </oops-progress>
+      </ox-oops-progress>
     `
   }
 
@@ -367,9 +363,7 @@ class Products extends localize(i18next)(PageView) {
           ...this._columns
             .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
             .reduce((record, column) => {
-              record[column.imex.key] = column.imex.key
-                .split('.')
-                .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+              record[column.imex.key] = column.imex.key.split('.').reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
               return record
             }, {})
         }

package/client/pages/catalogue/warehouse-marketplace-auto-link-popup.js

@@ -1,4 +1,5 @@
 import '@things-factory/form-ui'
+import '@operato/oops'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
@@ -131,13 +132,9 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
       </ul>
 
       <div class="button-container">
-        <mwc-button
-          raised
-          @click=${this.autoLinkWarehouseMarketplaceProduct}
-          label="${i18next.t('button.link_product')}"
-        ></mwc-button>
+        <mwc-button raised @click=${this.autoLinkWarehouseMarketplaceProduct} label="${i18next.t('button.link_product')}"></mwc-button>
       </div>
-      <oops-progress
+      <ox-oops-progress
         .tag=${tag}
         @progress=${e => {
           this.progress = e.detail
@@ -152,7 +149,7 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
           <mwc-linear-progress .progress=${progress / 100}></mwc-linear-progress>
           <span>Linking Warehouse Products : ${progress} % (${message})</span>
         </div>
-      </oops-progress>
+      </ox-oops-progress>
     `
   }
 
@@ -178,10 +175,7 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
       const response = await client.query({
         query: gql`
           mutation ($marketplaceStoreIds: [String]!, $isCheckedSku: Boolean!) {
-            autoLinkWarehouseMarketplaceProductVariations(
-              marketplaceStoreIds: $marketplaceStoreIds
-              isCheckedSku: $isCheckedSku
-            )
+            autoLinkWarehouseMarketplaceProductVariations(marketplaceStoreIds: $marketplaceStoreIds, isCheckedSku: $isCheckedSku)
           }
         `,
         variables: {

package/client/themes/app-theme.css

@@ -82,6 +82,9 @@ body {
   --mdc-button-outline-width: 1px;
   --mdc-button-horizontal-padding: 16px;
 
+  --md-fab-container-color: var(--primary-color);
+  --md-fab-icon-color: var(--focus-color);
+
   /* button style */
   --button-background-color: #fafbfc;
   --button-background-focus-color: var(--primary-color);

package/client/themes/grist-theme.css

@@ -143,7 +143,7 @@ body {
   --record-view-footer-button-border-width: 0 0 0 1px;
   --record-view-footer-button-font: 17px;
   --record-view-footer-button-color: var(--theme-white-color);
-  --record-view-footer-iconbutton-size: 35px;
+  --record-view-footer-iconbutton-size: 28px;
   --record-view-footer-focus-background: var(--primary-color);
 
   --ox-grist-padding: var(--padding-default) var(--padding-default) 0 var(--padding-default);