@things-factory/operato-tools 7.0.1-alpha.9 → 7.0.1-alpha.90

package/client/pages/generator/meta-generator-page.js

@@ -1,12 +1,9 @@
 import { html, css } from 'lit'
-import { merge } from 'lodash'
-import gql from 'graphql-tag'
+import merge from 'lodash-es/merge'
 
-import { i18next, localize } from '@things-factory/i18n-base'
-import { PageView } from '@things-factory/shell'
+import { i18next, localize } from '@operato/i18n'
+import { PageView } from '@operato/shell'
 
-import { client } from '@operato/graphql'
-import { store } from '@operato/shell'
 import { CommonButtonStyles } from '@operato/styles'
 
 import { ButtonConfigTabMixin } from './button-config-tab-mixin'
@@ -34,7 +31,13 @@ class MetaGeneratorPage extends MenuConfigTabMixin(
   GraphQlConfigTabMixin(
     GridConfigTabMixin(
       ColumnConfigTabMixin(
-        ButtonConfigTabMixin(SearchConfigTabMixin(FormConfigTabMixin(TabConfigTabMixin(EtcConfigTabMixin(GridEmphasizedConfigTabMixin(localize(i18next)(PageView)))))))
+        ButtonConfigTabMixin(
+          SearchConfigTabMixin(
+            FormConfigTabMixin(
+              TabConfigTabMixin(EtcConfigTabMixin(GridEmphasizedConfigTabMixin(localize(i18next)(PageView))))
+            )
+          )
+        )
       )
     )
   )
@@ -269,7 +272,9 @@ class MetaGeneratorPage extends MenuConfigTabMixin(
     template = JSON.stringify(template)
     template = MetaCrypto.enc(template)
 
-    let result = await MetaApi.updateMultiple('updateMultipleMenu', [{ id: this.menuId, template: template, cuFlag: 'M' }])
+    let result = await MetaApi.updateMultiple('updateMultipleMenu', [
+      { id: this.menuId, template: template, cuFlag: 'M' }
+    ])
     if (result) {
       await this.initData()
     }

package/client/pages/main.js

@@ -1,6 +1,6 @@
 import { html, css } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { store, PageView } from '@things-factory/shell'
+import { store, PageView } from '@operato/shell'
 
 import { TermsUtil } from '@things-factory/meta-ui'
 

package/client/themes/app-theme.css

@@ -82,18 +82,34 @@ 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);
+
+  --md-theme-on-primary: var(--theme-white-color);
+  --md-theme-primary: var(--secondary-text-color);
+  --md-theme-on-secondary: var(--theme-white-color);
+  --md-theme-secondary: var(--primary-color);
+  --md-button-outline-color: var(--primary-color);
+  --md-danger-button-primary-color: var(--status-danger-color);
+  --md-danger-button-outline-color: var(--status-danger-color);
+  --md-button-outline-width: 1px;
+  --md-button-horizontal-padding: 16px;
+
   /* button style */
   --button-background-color: #fafbfc;
   --button-background-focus-color: var(--primary-color);
   --button-border: var(--border-dark-color);
   --button-border-radius: var(--border-radius);
   --button-margin: var(--margin-default) var(--margin-default) var(--margin-default) 0;
-  --button-padding: var(--padding-default);
+  --button-padding: calc(var(--padding-narrow) * 1.5) var(--padding-wide);
   --button-color: var(--secondary-color);
-  --button-font: normal 15px var(--theme-font);
+  --button-font: 600 var(--fontsize-default) var(--theme-font);
   --button-text-transform: capitalize;
   --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
   --button-activ-border: 1px solid var(--primary-color);
+  --button-activ-background-color: var(--primary-color);
+  --button-activ-color: var(--theme-white-color);
+  --iconbtn-padding: var(--padding-narrow);
 
   --button-primary-background-color: var(--primary-color);
   --button-primary-active-background-color: var(--status-success-color);
@@ -124,7 +140,7 @@ body {
   --label-color: var(--secondary-color);
   --label-text-transform: capitalize;
   --input-margin: var(--margin-narrow) 0;
-  --input-padding: var(--padding-default);
+  --input-padding: 6px 2px;
   --input-min-width: 200px;
   --input-font: normal var(--fontsize-default) var(--theme-font);
   --input-hint-font: normal var(--fontsize-small) var(--theme-font);