goblin-desktop 2.0.0 → 2.0.2

package/widgets/workitem/styles.js

@@ -1,281 +1,281 @@
-import {Unit, ColorManipulator} from 'goblin-theme';
-
-/******************************************************************************/
-
-export default function styles(theme) {
-  const m = theme.shapes.containerMargin;
-  const mm = Unit.multiply(m, 2);
-
-  const form = {
-    height: '100%',
-    display: 'flex',
-  };
-
-  const detail = {
-    height: '100%',
-    display: 'flex',
-    flexGrow: 1,
-  };
-
-  const board = {
-    height: '100%',
-    flexGrow: 1,
-    display: 'flex',
-    flexDirection: 'column',
-    overflow: 'hidden',
-  };
-
-  const roadbook = {
-    height: '100%',
-    flexGrow: 1,
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  const desk = {
-    height: '100%',
-    flexGrow: 1,
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  /******************************************************************************/
-
-  const status = {
-    position: 'relative',
-    margin: Unit.multiply(m, -1) + ' 0px ' + m + ' 0px',
-    minHeight: '40px',
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    backgroundColor: theme.palette.rootBackground,
-  };
-
-  const topButtons = {
-    zIndex: 1,
-    position: 'absolute',
-    left: '0px',
-    right: '0px',
-    top: Unit.multiply(Unit.add('50px', mm), -1),
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    padding: '0px',
-    backgroundColor: 'transparent',
-  };
-
-  const _status = {
-    height: '20px',
-    flexDirection: 'row',
-    flexGrow: 1,
-    padding: Unit.multiply(m, 0.5) + ' ' + m,
-  };
-  const statusDraft = {
-    ..._status,
-    backgroundColor: theme.palette.markSuccess,
-  };
-  const statusArchived = {
-    ..._status,
-    backgroundColor: theme.palette.markSecondary,
-  };
-  const statusTrashed = {
-    ..._status,
-    backgroundColor: theme.palette.markPrimary,
-  };
-  const statusBusiness = {
-    ..._status,
-    backgroundColor: theme.palette.markBase,
-  };
-  const statusDefault = {
-    ..._status,
-    backgroundColor: theme.palette.paneHeaderBackground,
-  };
-  const statusEmpty = {
-    ..._status,
-    backgroundColor: theme.palette.rootBackground,
-  };
-
-  const statusButtons = {
-    height: '40px',
-    display: 'flex',
-    flexDirection: 'row',
-    backgroundColor: theme.palette.rootBackground,
-  };
-
-  /******************************************************************************/
-
-  const deleteSup = {
-    margin: '40px 40px 20px 40px',
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  const deleteRadio = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-  };
-
-  const deleteInfArchive = {
-    backgroundColor: ColorManipulator.lighten(theme.palette.base, 0.8),
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  const deleteInfTrash = {
-    ...deleteInfArchive,
-    backgroundColor: '#ff000088',
-  };
-
-  const deleteInfUnknown = {
-    ...deleteInfArchive,
-    backgroundColor: null,
-  };
-
-  const deleteDescription = {
-    margin: '20px 40px 30px 40px',
-    height: '60px',
-  };
-
-  const deleteButtons = {
-    margin: '0px 40px 40px 40px',
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  /******************************************************************************/
-
-  const actionsLines = {
-    minHeight: Unit.add(
-      Unit.add(
-        theme.shapes.secondaryActionHeight,
-        theme.shapes.secondaryActionSpacing
-      ),
-      theme.shapes.actionHeight
-    ),
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'flex-start',
-    alignItems: 'stretch',
-    padding: m,
-    borderStyle: 'none',
-    backgroundColor: theme.palette.actionBackground,
-    borderTopWidth: '1px',
-    borderTopStyle: 'solid',
-    borderTopColor: theme.palette.actionBorder,
-    boxShadow: theme.shapes.actionShadow,
-  };
-
-  const actionsLinePrimary = {
-    minHeight: theme.shapes.actionHeight,
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-  };
-
-  const actionsLineSecondary = {
-    minHeight: theme.shapes.secondaryActionHeight,
-    display: 'flex',
-    flexDirection: 'row',
-    alignContent: 'flex-start',
-    margin: '0px 0px ' + theme.shapes.secondaryActionSpacing + ' 0px',
-  };
-
-  const actionsList = {
-    display: 'flex',
-    flexWrap: 'wrap',
-    marginBottom: '10px',
-  };
-
-  const actionsListWithStature = {
-    position: 'relative',
-    display: 'flex',
-    flexDirection: 'column',
-    marginBottom: '10px',
-    marginRight: '32px',
-  };
-
-  const actionsListMajor = {
-    display: 'flex',
-    flexWrap: 'wrap',
-  };
-
-  const actionsListSmall = {
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  const actionsListSmallTitle = {
-    display: 'flex',
-    flexDirection: 'row',
-    margin: '0px 0px 10px 5px',
-    paddingTop: '10px',
-    borderBottom: '1px solid #aaa',
-  };
-
-  const actionsListSmallContent = {
-    display: 'flex',
-    flexWrap: 'wrap',
-  };
-
-  const actionList = {
-    width: '320px',
-    display: 'flex',
-    flexDirection: 'row',
-    margin: '0px 5px 2px 5px',
-  };
-
-  const actionListWithStature = {
-    ...actionList,
-    width: '300px',
-  };
-
-  const actionsListStature = {
-    position: 'absolute',
-    right: '-32px',
-    top: '0px',
-  };
-
-  /******************************************************************************/
-
-  return {
-    form,
-    detail,
-    board,
-    roadbook,
-    desk,
-
-    status,
-    topButtons,
-    statusDraft,
-    statusArchived,
-    statusTrashed,
-    statusBusiness,
-    statusDefault,
-    statusEmpty,
-    statusButtons,
-
-    deleteSup,
-    deleteInfArchive,
-    deleteInfTrash,
-    deleteInfUnknown,
-    deleteRadio,
-    deleteDescription,
-    deleteButtons,
-
-    actionsLines,
-    actionsLinePrimary,
-    actionsLineSecondary,
-    actionsList,
-    actionsListWithStature,
-    actionsListMajor,
-    actionsListSmall,
-    actionsListSmallTitle,
-    actionsListSmallContent,
-    actionList,
-    actionListWithStature,
-    actionsListStature,
-  };
-}
-
-/******************************************************************************/
+import {Unit, ColorManipulator} from 'goblin-theme';
+
+/******************************************************************************/
+
+export default function styles(theme) {
+  const m = theme.shapes.containerMargin;
+  const mm = Unit.multiply(m, 2);
+
+  const form = {
+    height: '100%',
+    display: 'flex',
+  };
+
+  const detail = {
+    height: '100%',
+    display: 'flex',
+    flexGrow: 1,
+  };
+
+  const board = {
+    height: '100%',
+    flexGrow: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    overflow: 'hidden',
+  };
+
+  const roadbook = {
+    height: '100%',
+    flexGrow: 1,
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  const desk = {
+    height: '100%',
+    flexGrow: 1,
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  /******************************************************************************/
+
+  const status = {
+    position: 'relative',
+    margin: Unit.multiply(m, -1) + ' 0px ' + m + ' 0px',
+    minHeight: '40px',
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    backgroundColor: theme.palette.rootBackground,
+  };
+
+  const topButtons = {
+    zIndex: 1,
+    position: 'absolute',
+    left: '0px',
+    right: '0px',
+    top: Unit.multiply(Unit.add('50px', mm), -1),
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    padding: '0px',
+    backgroundColor: 'transparent',
+  };
+
+  const _status = {
+    height: '20px',
+    flexDirection: 'row',
+    flexGrow: 1,
+    padding: Unit.multiply(m, 0.5) + ' ' + m,
+  };
+  const statusDraft = {
+    ..._status,
+    backgroundColor: theme.palette.markSuccess,
+  };
+  const statusArchived = {
+    ..._status,
+    backgroundColor: theme.palette.markSecondary,
+  };
+  const statusTrashed = {
+    ..._status,
+    backgroundColor: theme.palette.markPrimary,
+  };
+  const statusBusiness = {
+    ..._status,
+    backgroundColor: theme.palette.markBase,
+  };
+  const statusDefault = {
+    ..._status,
+    backgroundColor: theme.palette.paneHeaderBackground,
+  };
+  const statusEmpty = {
+    ..._status,
+    backgroundColor: theme.palette.rootBackground,
+  };
+
+  const statusButtons = {
+    height: '40px',
+    display: 'flex',
+    flexDirection: 'row',
+    backgroundColor: theme.palette.rootBackground,
+  };
+
+  /******************************************************************************/
+
+  const deleteSup = {
+    margin: '40px 40px 20px 40px',
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  const deleteRadio = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+  };
+
+  const deleteInfArchive = {
+    backgroundColor: ColorManipulator.lighten(theme.palette.base, 0.8),
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  const deleteInfTrash = {
+    ...deleteInfArchive,
+    backgroundColor: '#ff000088',
+  };
+
+  const deleteInfUnknown = {
+    ...deleteInfArchive,
+    backgroundColor: null,
+  };
+
+  const deleteDescription = {
+    margin: '20px 40px 30px 40px',
+    height: '60px',
+  };
+
+  const deleteButtons = {
+    margin: '0px 40px 40px 40px',
+    display: 'flex',
+    flexDirection: 'row',
+  };
+
+  /******************************************************************************/
+
+  const actionsLines = {
+    minHeight: Unit.add(
+      Unit.add(
+        theme.shapes.secondaryActionHeight,
+        theme.shapes.secondaryActionSpacing
+      ),
+      theme.shapes.actionHeight
+    ),
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'flex-start',
+    alignItems: 'stretch',
+    padding: m,
+    borderStyle: 'none',
+    backgroundColor: theme.palette.actionBackground,
+    borderTopWidth: '1px',
+    borderTopStyle: 'solid',
+    borderTopColor: theme.palette.actionBorder,
+    boxShadow: theme.shapes.actionShadow,
+  };
+
+  const actionsLinePrimary = {
+    minHeight: theme.shapes.actionHeight,
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+  };
+
+  const actionsLineSecondary = {
+    minHeight: theme.shapes.secondaryActionHeight,
+    display: 'flex',
+    flexDirection: 'row',
+    alignContent: 'flex-start',
+    margin: '0px 0px ' + theme.shapes.secondaryActionSpacing + ' 0px',
+  };
+
+  const actionsList = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    marginBottom: '10px',
+  };
+
+  const actionsListWithStature = {
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
+    marginBottom: '10px',
+    marginRight: '32px',
+  };
+
+  const actionsListMajor = {
+    display: 'flex',
+    flexWrap: 'wrap',
+  };
+
+  const actionsListSmall = {
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  const actionsListSmallTitle = {
+    display: 'flex',
+    flexDirection: 'row',
+    margin: '0px 0px 10px 5px',
+    paddingTop: '10px',
+    borderBottom: '1px solid #aaa',
+  };
+
+  const actionsListSmallContent = {
+    display: 'flex',
+    flexWrap: 'wrap',
+  };
+
+  const actionList = {
+    width: '320px',
+    display: 'flex',
+    flexDirection: 'row',
+    margin: '0px 5px 2px 5px',
+  };
+
+  const actionListWithStature = {
+    ...actionList,
+    width: '300px',
+  };
+
+  const actionsListStature = {
+    position: 'absolute',
+    right: '-32px',
+    top: '0px',
+  };
+
+  /******************************************************************************/
+
+  return {
+    form,
+    detail,
+    board,
+    roadbook,
+    desk,
+
+    status,
+    topButtons,
+    statusDraft,
+    statusArchived,
+    statusTrashed,
+    statusBusiness,
+    statusDefault,
+    statusEmpty,
+    statusButtons,
+
+    deleteSup,
+    deleteInfArchive,
+    deleteInfTrash,
+    deleteInfUnknown,
+    deleteRadio,
+    deleteDescription,
+    deleteButtons,
+
+    actionsLines,
+    actionsLinePrimary,
+    actionsLineSecondary,
+    actionsList,
+    actionsListWithStature,
+    actionsListMajor,
+    actionsListSmall,
+    actionsListSmallTitle,
+    actionsListSmallContent,
+    actionList,
+    actionListWithStature,
+    actionsListStature,
+  };
+}
+
+/******************************************************************************/

package/widgets/workitem/view.js

@@ -1,62 +1,62 @@
-//T:2019-02-27
-
-import React from 'react';
-
-import Wizard from 'goblin-desktop/widgets/wizard/widget';
-import Datagrid from 'goblin-desktop/widgets/datagrid/widget';
-import WorkitemDialog from 'goblin-desktop/widgets/workitem-dialog/widget';
-
-import View from 'goblin-laboratory/widgets/view';
-import importer from 'goblin_importer';
-import T from 't';
-
-const viewImporter = importer('view');
-
-class WorkItem extends View {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    const {view, desktopId, wid, did, context} = this.props;
-
-    if (view) {
-      const View = viewImporter(view);
-      if (!wid) {
-        return null;
-      }
-
-      return (
-        <View
-          desktopId={desktopId}
-          context={context}
-          workitemId={wid}
-          dialogId={did}
-        />
-      );
-    } else {
-      if (did) {
-        let WiredDialog = null;
-        if (did) {
-          const dialog = did.split('@')[0];
-          if (dialog.endsWith('-wizard')) {
-            WiredDialog = Wizard;
-          } else if (dialog.endsWith('-datagrid')) {
-            WiredDialog = Datagrid;
-          } else if (dialog.endsWith('-workitem')) {
-            WiredDialog = WorkitemDialog;
-          } else {
-            throw new Error(
-              `${dialog} dialog kind not implemented in WorkItem`
-            );
-          }
-        }
-        return <WiredDialog id={did} kind="dialog" />;
-      } else {
-        return null;
-      }
-    }
-  }
-}
-
-export default WorkItem;
+//T:2019-02-27
+
+import React from 'react';
+
+import Wizard from 'goblin-desktop/widgets/wizard/widget';
+import Datagrid from 'goblin-desktop/widgets/datagrid/widget';
+import WorkitemDialog from 'goblin-desktop/widgets/workitem-dialog/widget';
+
+import View from 'goblin-laboratory/widgets/view';
+import importer from 'goblin_importer';
+import T from 't';
+
+const viewImporter = importer('view');
+
+class WorkItem extends View {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    const {view, desktopId, wid, did, context} = this.props;
+
+    if (view) {
+      const View = viewImporter(view);
+      if (!wid) {
+        return null;
+      }
+
+      return (
+        <View
+          desktopId={desktopId}
+          context={context}
+          workitemId={wid}
+          dialogId={did}
+        />
+      );
+    } else {
+      if (did) {
+        let WiredDialog = null;
+        if (did) {
+          const dialog = did.split('@')[0];
+          if (dialog.endsWith('-wizard')) {
+            WiredDialog = Wizard;
+          } else if (dialog.endsWith('-datagrid')) {
+            WiredDialog = Datagrid;
+          } else if (dialog.endsWith('-workitem')) {
+            WiredDialog = WorkitemDialog;
+          } else {
+            throw new Error(
+              `${dialog} dialog kind not implemented in WorkItem`
+            );
+          }
+        }
+        return <WiredDialog id={did} kind="dialog" />;
+      } else {
+        return null;
+      }
+    }
+  }
+}
+
+export default WorkItem;