@configuratorware/configurator-admingui 1.27.3-beta.1 → 1.27.3-beta.5

package/src/Components/List.js

@@ -30,8 +30,8 @@ import ListItemText from '../UIComponents/ListItemText';
 import Checkbox from '../UIComponents/Checkbox';
 import AddButton from './AddButton';
 import Tooltip from '../UIComponents/Tooltip';
-import FlatButton from "../UIComponents/FlatButton";
-import Dialog from "../UIComponents/Dialog";
+import FlatButton from '../UIComponents/FlatButton';
+import Dialog from '../UIComponents/Dialog';
 
 export const AddItemButton = props => (
     <FloatingActionButton mini={true} {...props}>
@@ -120,13 +120,12 @@ export default class List extends Component {
     onDeleteItems = () => {
         if (this.hasSelectedRows()) {
             this.props.onDeleteItems();
-        }
-        else {
+        } else {
             this.setState({
                 showDeleteHint: true,
             });
         }
-    }
+    };
 
     onPaginationChange = data => {
         _.isFunction(this.props.onPaginationChange) && this.props.onPaginationChange(data);
@@ -147,7 +146,11 @@ export default class List extends Component {
         return (
             this.props.onDeleteItems && (
                 <Tooltip title={t('list.deleteEntriesInfo')}>
-                    <IconButton color={this.hasSelectedRows() ? 'primary' : ''} onClick={this.onDeleteItems} style={listStyle.removeButton}>
+                    <IconButton
+                        color={this.hasSelectedRows() ? 'primary' : ''}
+                        onClick={this.onDeleteItems}
+                        style={listStyle.removeButton}
+                    >
                         <DeleteForeverIcon />
                     </IconButton>
                 </Tooltip>
@@ -156,19 +159,23 @@ export default class List extends Component {
     };
 
     renderDeleteHint = () => {
-        const {showDeleteHint} = this.state;
+        const { showDeleteHint } = this.state;
         return (
             <Dialog
                 title={T('Hint')}
-                onClose={() => this.setState({
-                    showDeleteHint: false,
-                })}
+                onClose={() =>
+                    this.setState({
+                        showDeleteHint: false,
+                    })
+                }
                 actions={
                     <FlatButton
                         label={T('Ok')}
-                        onClick={() => this.setState({
-                            showDeleteHint: false,
-                        })}
+                        onClick={() =>
+                            this.setState({
+                                showDeleteHint: false,
+                            })
+                        }
                     />
                 }
                 open={showDeleteHint}
@@ -176,7 +183,7 @@ export default class List extends Component {
                 <span>{T('list.deleteEntriesHint')}</span>
             </Dialog>
         );
-    }
+    };
 
     renderTopComponent() {
         return null;
@@ -191,13 +198,7 @@ export default class List extends Component {
     }
 
     renderPaginationWithTools() {
-        const {
-            columns,
-            data,
-            rowsTotal,
-            rowsPerPage,
-            renderAction,
-        } = this.props;
+        const { columns, data, rowsTotal, rowsPerPage, renderAction } = this.props;
         return (
             <TableRow showCheckbox={false}>
                 <Pagination
@@ -244,14 +245,7 @@ export default class List extends Component {
     }
 
     renderTable = () => {
-        const {
-            rowActions,
-            columns,
-            data,
-            showCheckboxes,
-            onDeleteItems,
-            renderAction
-        } = this.props;
+        const { rowActions, columns, data, showCheckboxes, onDeleteItems, renderAction } = this.props;
         const { shownColumns } = this.state;
         const renderCheckboxes = onDeleteItems || renderAction;
 
@@ -331,18 +325,19 @@ export default class List extends Component {
                             );
                         })}
                     </TableBody>
-                    <TableFooter>
-                        {this.renderPaginationWithTools()}
-                    </TableFooter>
+                    <TableFooter>{this.renderPaginationWithTools()}</TableFooter>
                 </Table>
             </div>
         );
     };
 
+    renderAddButtonElement = ({ AddButtonComponent }, ...otherProps) =>
+        AddButtonComponent ? <AddButtonComponent {...otherProps} /> : this.renderAddItemButton();
+
     render() {
         return (
             <div style={{ position: 'relative' }}>
-                {this.renderAddItemButton()}
+                {this.renderAddButtonElement(this.props)}
                 {this.renderTable()}
                 {this.renderDeleteHint()}
             </div>

package/src/Components/Menu.js

@@ -95,7 +95,15 @@ 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,7 +28,8 @@ 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',
@@ -97,7 +98,8 @@ 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',

package/src/Screens/Assemblypointeditor/Components/Styles.scss

@@ -1,58 +1,58 @@
-.assembly-editor-container {
-
-  &.move {
-    .upper-canvas {
-      cursor: move !important;
-    }
-  }
-
-  .tools {
-    position: absolute;
-    right: 1px;
-    padding: 0;
-    z-index: 100;
-    background: rgba(255,255,255,0.8);
-    width: 100px;
-    //text-align: right;
-    > div {
-      display: inline-block;
-      float: right;
-    }
-    .zoom-value {
-      line-height: 48px;
-    }
-  }
-
-}
-
-.assemblypoints {
-  tr {
-    &.active {
-      background: rgba(128,255,128,0.5);
-    }
-  }
-}
-
-
-.assembly-element {
-  height: 60px;
-
-  .assembly-element-select-label {
-    float: left;
-    display: inline-block;
-    margin-right: 10px;
-    padding-top: 14px;
-  }
-
-  .assembly-element-select {
-    display: inline-block;
-    font-weight: bold;
-  }
-
-  .assembly-element-single-identifier {
-    display: inline-block;
-    padding-top: 14px;
-    font-weight: bold;
-  }
-
-}
+.assembly-editor-container {
+
+  &.move {
+    .upper-canvas {
+      cursor: move !important;
+    }
+  }
+
+  .tools {
+    position: absolute;
+    right: 1px;
+    padding: 0;
+    z-index: 100;
+    background: rgba(255,255,255,0.8);
+    width: 100px;
+    //text-align: right;
+    > div {
+      display: inline-block;
+      float: right;
+    }
+    .zoom-value {
+      line-height: 48px;
+    }
+  }
+
+}
+
+.assemblypoints {
+  tr {
+    &.active {
+      background: rgba(128,255,128,0.5);
+    }
+  }
+}
+
+
+.assembly-element {
+  height: 60px;
+
+  .assembly-element-select-label {
+    float: left;
+    display: inline-block;
+    margin-right: 10px;
+    padding-top: 14px;
+  }
+
+  .assembly-element-select {
+    display: inline-block;
+    font-weight: bold;
+  }
+
+  .assembly-element-single-identifier {
+    display: inline-block;
+    padding-top: 14px;
+    font-weight: bold;
+  }
+
+}

package/src/Screens/Assemblypointeditor/Styles.scss

@@ -1,38 +1,38 @@
-.split-container.assembly-editor {
-  position: absolute;
-  width: calc(100% - 2.4em);
-  height: calc(100% - 2.4em - 115px);
-
-  .split-left {
-    width: 40%;
-    max-width: 500px;
-  }
-  .split-right {
-    @media screen and (max-width: 960px) {
-      width: 100%;
-      top: 50px;
-    }
-    width: 60%;
-    min-width: calc(100% - 500px);
-    top: 0;
-    bottom: 0;
-    right: 0;
-    position: absolute;
-  }
-  &:after {
-    content: '';
-    clear: both;
-    width: 100%;
-    display: block;
-  }
-}
-
-.assemblypoints {
-  table {
-    input, select {
-      display: inline-block;
-      width: 100%;
-      height: 21px;
-    }
-  }
+.split-container.assembly-editor {
+  position: absolute;
+  width: calc(100% - 2.4em);
+  height: calc(100% - 2.4em - 115px);
+
+  .split-left {
+    width: 40%;
+    max-width: 500px;
+  }
+  .split-right {
+    @media screen and (max-width: 960px) {
+      width: 100%;
+      top: 50px;
+    }
+    width: 60%;
+    min-width: calc(100% - 500px);
+    top: 0;
+    bottom: 0;
+    right: 0;
+    position: absolute;
+  }
+  &:after {
+    content: '';
+    clear: both;
+    width: 100%;
+    display: block;
+  }
+}
+
+.assemblypoints {
+  table {
+    input, select {
+      display: inline-block;
+      width: 100%;
+      height: 21px;
+    }
+  }
 }