@configuratorware/configurator-admingui 1.28.0-beta.3 → 1.28.3

package/src/App/Styles.scss

@@ -1,185 +1,185 @@
-@import url("//fonts.googleapis.com/icon?family=Material+Icons");
-@import url("//fonts.googleapis.com/css?family=Roboto:400,300,500:latin");
-
-body {
-  margin: 0;
-  padding: 0;
-  font-family: Roboto, sans-serif;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-h1 {
-  font-weight: normal;
-  clear: both;
-  margin-top: 0;
-}
-
-h2 {
-  font-weight: normal;
-  margin-bottom: 15px;
-  clear: both;
-}
-
-div + h2 {
-  margin-top: 20px;
-}
-
-.box:after {
-  content: "";
-  clear: both;
-  display: block;
-}
-
-.content {
-  padding: 1.2em;
-  margin-top: 64px;
-  transition: margin 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-  min-height: calc(100vh - 64px);
-  position: relative;
-}
-.hideSave {
-  .form-inner > .action-buttons {
-    display: none
-  }
-}
-.hint {
-  font-size: 15px
-}
-.split-left {
-  overflow-x: auto;
-  width: 50%;
-  float: left;
-  display: inline-block;
-  padding-right: 0.6em;
-}
-.split-right {
-  width: 50%;
-  display: inline-block;
-  padding-left: 0.6em;
-  padding-top: 40px;
-  position: relative;
-  .close-details {
-    position: absolute;
-    right: -10px;
-    top: -5px;
-  }
-}
-@media (max-width: 960px) {
-  .split-left {
-    display: none;
-  }
-  .withDetails.hint {
-    display: none;
-  }
-  .split-right {
-    width: 100%;
-    padding: 0;
-  }
-  .split-right .full {
-    display: block;
-  }
-}
-@media (min-width: 961px) {
-  .split-right .full {
-    display: none !important;
-  }
-}
-
-.action-buttons {
-  text-align: right;
-  margin-top: 1.2em;
-}
-.action-buttons:empty {
-  display: none;
-}
-.action-buttons > div {
-  margin-left: 0.83em;
-}
-
-.error {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba(255, 120, 120, 0.8);
-  z-index: 99999;
-}
-.error > div {
-  width: 255px;
-  margin: auto;
-  background: #fff;
-  padding: 16px;
-  margin-top: 255px;
-  text-align: center;
-  -webkit-box-shadow: 0 0 24px #fff;
-  -moz-box-shadow: 0 0 24px #fff;
-  box-shadow: 0 0 24px #fff;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.error .message {
-  padding: 12px 0;
-}
-
-.view-error-details {
-  color: inherit;
-  text-decoration: none;
-}
-
-.content.menu-opened {
-  margin-left: 256px;
-}
-
-.content.license-error {
-  margin-top: 95px;
-  min-height: calc(100vh - 95px);
-  .form {
-    text-align: left;
-  }
-}
-
-.app-bar {
-  position: fixed !important;
-  top: 0;
-}
-
-.label {
-  margin: 20px 0 5px 0;
-}
-
-.list-body tr {
-  cursor: pointer;
-}
-
-.section-title {
-  padding-top: 30px;
-  padding-bottom: 10px;
-}
-
-.wrapper-text {
-  display: flex;
-
-  .text-title {
-    font-weight: bold;
-    width: 100px;
-    min-width: 30px
-  }
-}
-
-input::-ms-clear {
-  display: none;
-  width: 0;
-  height: 0;
-}
-
-.rehydration-progress {
-  text-align: center;
-  padding-top: 100px;
-}
+@import url("//fonts.googleapis.com/icon?family=Material+Icons");
+@import url("//fonts.googleapis.com/css?family=Roboto:400,300,500:latin");
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: Roboto, sans-serif;
+}
+
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+h1 {
+  font-weight: normal;
+  clear: both;
+  margin-top: 0;
+}
+
+h2 {
+  font-weight: normal;
+  margin-bottom: 15px;
+  clear: both;
+}
+
+div + h2 {
+  margin-top: 20px;
+}
+
+.box:after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+.content {
+  padding: 1.2em;
+  margin-top: 64px;
+  transition: margin 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+  min-height: calc(100vh - 64px);
+  position: relative;
+}
+.hideSave {
+  .form-inner > .action-buttons {
+    display: none
+  }
+}
+.hint {
+  font-size: 15px
+}
+.split-left {
+  overflow-x: auto;
+  width: 50%;
+  float: left;
+  display: inline-block;
+  padding-right: 0.6em;
+}
+.split-right {
+  width: 50%;
+  display: inline-block;
+  padding-left: 0.6em;
+  padding-top: 40px;
+  position: relative;
+  .close-details {
+    position: absolute;
+    right: -10px;
+    top: -5px;
+  }
+}
+@media (max-width: 960px) {
+  .split-left {
+    display: none;
+  }
+  .withDetails.hint {
+    display: none;
+  }
+  .split-right {
+    width: 100%;
+    padding: 0;
+  }
+  .split-right .full {
+    display: block;
+  }
+}
+@media (min-width: 961px) {
+  .split-right .full {
+    display: none !important;
+  }
+}
+
+.action-buttons {
+  text-align: right;
+  margin-top: 1.2em;
+}
+.action-buttons:empty {
+  display: none;
+}
+.action-buttons > div {
+  margin-left: 0.83em;
+}
+
+.error {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(255, 120, 120, 0.8);
+  z-index: 99999;
+}
+.error > div {
+  width: 255px;
+  margin: auto;
+  background: #fff;
+  padding: 16px;
+  margin-top: 255px;
+  text-align: center;
+  -webkit-box-shadow: 0 0 24px #fff;
+  -moz-box-shadow: 0 0 24px #fff;
+  box-shadow: 0 0 24px #fff;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.error .message {
+  padding: 12px 0;
+}
+
+.view-error-details {
+  color: inherit;
+  text-decoration: none;
+}
+
+.content.menu-opened {
+  margin-left: 256px;
+}
+
+.content.license-error {
+  margin-top: 95px;
+  min-height: calc(100vh - 95px);
+  .form {
+    text-align: left;
+  }
+}
+
+.app-bar {
+  position: fixed !important;
+  top: 0;
+}
+
+.label {
+  margin: 20px 0 5px 0;
+}
+
+.list-body tr {
+  cursor: pointer;
+}
+
+.section-title {
+  padding-top: 30px;
+  padding-bottom: 10px;
+}
+
+.wrapper-text {
+  display: flex;
+
+  .text-title {
+    font-weight: bold;
+    width: 100px;
+    min-width: 30px
+  }
+}
+
+input::-ms-clear {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.rehydration-progress {
+  text-align: center;
+  padding-top: 100px;
+}

package/src/Components/FormFragments/File.js

@@ -15,7 +15,7 @@ import FormControl from '@material-ui/core/FormControl';
 import InputLabel from '@material-ui/core/InputLabel';
 import { withStyles } from '@material-ui/core/styles';
 import clsx from 'clsx';
-import { CircularProgress } from '@material-ui/core';
+import {CircularProgress} from "@material-ui/core";
 
 const styles = {
     button: {
@@ -177,9 +177,7 @@ const File = props => {
                                 src={previewUrl || getPreviewImagePath(props.value)}
                                 onClick={openOnPreviewClick ? openFile : null}
                             />
-                            {!previewImageLoaded && (
-                                <CircularProgress size={24} className={classes.previewImageProgress} />
-                            )}
+                            {!previewImageLoaded && <CircularProgress size={24} className={classes.previewImageProgress}/>}
                         </div>
                     )}
                 </div>

package/src/Components/FormFragments/IntlInput.js

@@ -5,7 +5,7 @@ import { getAvailableLocales, T } from '../../App/i18n';
 import '../Styles.scss';
 import IconButton from '../../UIComponents/IconButton';
 import TranslateIcon from '../../UIComponents/icons/TranslateIcon';
-import { Tooltip } from '@material-ui/core';
+import {Tooltip} from "@material-ui/core";
 
 const IntlInputHoc = IntlInputComponent => {
     class IntlInputWrapper extends Component {
@@ -79,7 +79,10 @@ const IntlInputHoc = IntlInputComponent => {
                 <div className={'intl-input' + (open ? ' highlighted-area' : '')}>
                     {tfs}
                     <Tooltip title={T('Translations')}>
-                        <IconButton className="intl-input-toggle" onClick={this.onToggle}>
+                        <IconButton
+                            className="intl-input-toggle"
+                            onClick={this.onToggle}
+                        >
                             <TranslateIcon {...iconProps} />
                         </IconButton>
                     </Tooltip>

package/src/Components/List.js

@@ -206,7 +206,7 @@ export default class List extends Component {
                     onPaginationChange={this.onPaginationChange}
                     rowsTotal={rowsTotal || data.length}
                     colSpan={columns.length}
-                    currentPage={this.props.listParams.offset / rowsPerPage}
+                    currentPage={_.get(this.props, 'listParams.offset', 0) / rowsPerPage}
                     rowsPerPage={rowsPerPage}
                     beforeElement={
                         <div style={listStyle.groupButtons}>

package/src/Components/Menu.js

@@ -95,15 +95,7 @@ class Menu extends Component {
     };
 
     render() {
-        const {
-            classes,
-            open,
-            data,
-            showLicenseError,
-            version,
-            latestReleasedVersion,
-            showVersionUpdateBadge,
-        } = this.props;
+        const { classes, open, data, showLicenseError, version, latestReleasedVersion, showVersionUpdateBadge } = this.props;
         return (
             <Drawer
                 variant="persistent"

package/src/Components/Styles.scss

@@ -1,114 +1,114 @@
-.list-container {
-  position: relative;
-  padding-top: 45px;
-}
-
-.intl-input {
-  position: relative;
-
-  .intl-input-toggle {
-    position: absolute !important;
-    top: 0;
-    right: 0;
-    z-index: 1;
-  }
-}
-
-.highlighted-area {
-  background: rgba(33, 150, 243, 0.05);
-  box-shadow: 0px 0px 8px 4px rgba(33, 150, 243, 0.05);
-  transition: all .5s;
-}
-
-.sortlistThumb {
-  display: block;
-  margin: 10px auto;
-}
-
-.column-filter {
-  position: relative;
-
-  /*.toggle-filter {
-    position: absolute;
-    top: -18px;
-    right: 0;
-  }*/
-
-  /*> span {
-    line-height: 54px;
-    display: inline-block;
-  }*/
-
-  /*.filter-field {
-    max-width: 130px;
-    width: 100%;
-    float: left;
-  }*/
-}
-
-.form {
-  text-align: center;
-  margin-top: 40px;
-
-
-  .form-inner {
-    margin: auto;
-    text-align: left;
-    display: inline-block;
-    width: 100%;
-    max-width: 600px;
-  }
-
-  .form-input-wrapper {
-    display: block;
-    text-align: left;
-    clear: both;
-    padding-bottom: 14px;
-    position: relative;
-
-    .form-input-addButton {
-      position: absolute !important;
-      bottom: 20px;
-      right: 0;
-    }
-
-    &.withError {
-      .form-input-addButton {
-        bottom: 46px;
-      }
-    }
-  }
-}
-
-td, th {
-  &.id {
-    width: 20%;
-  }
-}
-
-.orderList-dialogBody {
-  height: 100vh;
-}
-
-.orderList {
-  overflow-y: auto;
-  height: 100%;
-  user-select: none;
-
-  > div {
-    padding: 5px;
-    &:hover {
-      cursor: move;
-    }
-  }
-}
-
-.orderList-helper {
-  z-index: 99999;
-  padding: 5px;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.orderList-button {
-  margin-top: 15px;
+.list-container {
+  position: relative;
+  padding-top: 45px;
+}
+
+.intl-input {
+  position: relative;
+
+  .intl-input-toggle {
+    position: absolute !important;
+    top: 0;
+    right: 0;
+    z-index: 1;
+  }
+}
+
+.highlighted-area {
+  background: rgba(33, 150, 243, 0.05);
+  box-shadow: 0px 0px 8px 4px rgba(33, 150, 243, 0.05);
+  transition: all .5s;
+}
+
+.sortlistThumb {
+  display: block;
+  margin: 10px auto;
+}
+
+.column-filter {
+  position: relative;
+
+  /*.toggle-filter {
+    position: absolute;
+    top: -18px;
+    right: 0;
+  }*/
+
+  /*> span {
+    line-height: 54px;
+    display: inline-block;
+  }*/
+
+  /*.filter-field {
+    max-width: 130px;
+    width: 100%;
+    float: left;
+  }*/
+}
+
+.form {
+  text-align: center;
+  margin-top: 40px;
+
+
+  .form-inner {
+    margin: auto;
+    text-align: left;
+    display: inline-block;
+    width: 100%;
+    max-width: 600px;
+  }
+
+  .form-input-wrapper {
+    display: block;
+    text-align: left;
+    clear: both;
+    padding-bottom: 14px;
+    position: relative;
+
+    .form-input-addButton {
+      position: absolute !important;
+      bottom: 20px;
+      right: 0;
+    }
+
+    &.withError {
+      .form-input-addButton {
+        bottom: 46px;
+      }
+    }
+  }
+}
+
+td, th {
+  &.id {
+    width: 20%;
+  }
+}
+
+.orderList-dialogBody {
+  height: 100vh;
+}
+
+.orderList {
+  overflow-y: auto;
+  height: 100%;
+  user-select: none;
+
+  > div {
+    padding: 5px;
+    &:hover {
+      cursor: move;
+    }
+  }
+}
+
+.orderList-helper {
+  z-index: 99999;
+  padding: 5px;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.orderList-button {
+  margin-top: 15px;
 }

package/src/Components/Translations.js

@@ -28,8 +28,7 @@ require('../App/i18n').use(
             list: {
                 columnVisibilityInfo: 'hide/show columns',
                 deleteEntriesInfo: 'delete selected entries',
-                deleteEntriesHint:
-                    'Use the checkboxes to select one or more entries in the list<br>and then click this icon to delete them.',
+                deleteEntriesHint: 'Use the checkboxes to select one or more entries in the list<br>and then click this icon to delete them.',
             },
             detailView: {
                 close: 'Close Editor',
@@ -98,8 +97,7 @@ require('../App/i18n').use(
             list: {
                 columnVisibilityInfo: 'Spalten ein- oder ausblenden',
                 deleteEntriesInfo: 'Gewählte Einträge löschen',
-                deleteEntriesHint:
-                    'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,<br>um einen oder mehrere Einträge zu löschen.',
+                deleteEntriesHint: 'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,<br>um einen oder mehrere Einträge zu löschen.',
             },
             detailView: {
                 close: 'Editor schließen',