Adding support for multiple users with different access rights and Text Editor.

packages/client-react/.env.js

@@ -3,7 +3,7 @@
 module.exports = {
   HOST: process.env.HOST ? process.env.HOST : 'localhost',
   PORT: process.env.PORT ? process.env.PORT : 3000,
-  SERVER_URL: process.env.SERVER_URL ? process.env.SERVER_URL : 'http://localhost:8080/myfilemanager',
+  FILE_SERVER_URL: process.env.FILE_SERVER_URL ? process.env.FILE_SERVER_URL : 'http://localhost:3020',// 'http://localhost:8080/myfilemanager',
 
   CLIENT_ID: process.env.CLIENT_ID,
   API_KEY: process.env.API_KEY

packages/client-react/config/webpack.config.js

@@ -163,7 +163,8 @@ module.exports = {
           }
         }],
         include: [
-          path.resolve(__dirname, '../src')
+          path.resolve(__dirname, '../src'),
+          path.resolve(__dirname, '../www')
         ]
       }
     ]

packages/client-react/package.json

@@ -41,7 +41,7 @@
     "babel-cli": "6.26.0",
     "babel-core": "6.26.0",
     "babel-eslint": "8.2.3",
-    "babel-loader": "6.4.1",
+    "babel-loader": "7.1.5",
     "babel-plugin-lodash": "3.2.11",
     "babel-plugin-transform-decorators-legacy": "1.3.4",
     "babel-plugin-transform-runtime": "6.23.0",
@@ -86,10 +86,13 @@
     "source-map-loader": "0.1.6",
     "style-loader": "0.13.2",
     "url-loader": "0.5.8",
-    "webpack": "2.2.1",
+    "webpack": "2.7.0",
     "webpack-bundle-analyzer": "2.8.2",
     "webpack-dev-middleware": "1.10.1",
-    "write-file-webpack-plugin": "3.4.2"
+    "write-file-webpack-plugin": "3.4.2",
+    "http-proxy-middleware": "2.0.3",
+    "react-ace": "10.1.0"
+
   },
   "dependencies": {
     "@opuscapita/react-svg": "2.0.1",

packages/client-react/src/client/components/Dialog/Dialog.react.js

@@ -4,11 +4,13 @@ import './Dialog.less';
 
 const propTypes = {
   autofocus: PropTypes.bool,
-  onHide: PropTypes.func
+  onHide: PropTypes.func,
+  className: PropTypes.string
 };
 const defaultProps = {
   autofocus: false,
-  onHide: () => {}
+  onHide: () => {},
+  className: "oc-fm--dialog"
 };
 
 export default
@@ -26,7 +28,7 @@ class Dialog extends Component {
     return (
       <div
         ref={ref => (autofocus && ref && ref.focus())}
-        className="oc-fm--dialog"
+        className={this.props.className}
         onKeyDown={this.handleKeyDown}
         onClick={e => e.stopPropagation()}
         onMouseDown={e => e.stopPropagation()}

packages/client-react/src/client/components/EditDialog/EditDialog.DOCUMENTATION.md

@@ -0,0 +1,27 @@
+### Synopsis
+
+EditDialog is 
+*Write here a short introduction and/or overview that explains **what** component is.*
+
+### Props Reference
+
+| Name                           | Type                    | Description                                                 |
+| ------------------------------ | :---------------------- | ----------------------------------------------------------- |
+| demoProp                       | string                  | Write a description of the property                         |
+
+### Code Example
+
+```
+<div style={{ backgroundColor: 'rgba(0, 0, 0, 0.72)' }}>
+  <EditDialog />
+</div>
+```
+
+### Component Name
+
+EditDialog
+
+### License
+
+Apache License Version 2.0
+

packages/client-react/src/client/components/EditDialog/EditDialog.SCOPE.react.js

@@ -0,0 +1,24 @@
+/*
+   What is a SCOPE file. See documentation here:
+   https://github.com/OpusCapita/react-showroom-client/blob/master/docs/scope-component.md
+*/
+
+import React, { Component } from 'react';
+import { showroomScopeDecorator } from '@opuscapita/react-showroom-client';
+
+@showroomScopeDecorator
+export default
+class EditDialogScope extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  render() {
+    return (
+      <div>
+        {this._renderChildren()}
+      </div>
+    );
+  }
+}

packages/client-react/src/client/components/EditDialog/EditDialog.less

@@ -0,0 +1,61 @@
+.oc-fm-edit-dialog {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  padding: 12px;
+  width: 92%;
+  height: 92%;
+//  width: calc(100% - 10px);
+//  height: calc(100% - 10px);
+  border-radius: 4px;
+  background: #fff;
+  position: relative;
+  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 16px, rgba(0, 0, 0, 0.15) 0px 1px 4px;
+
+  &:focus {
+    outline:none;
+  }
+}
+
+.oc-edit--dialog__content {
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.oc-edit--dialog__close-icon {
+  width: 24px;
+  height: 24px;
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  &:hover {
+    background-color: #e0e0e0;
+  }
+}
+
+@font-face {
+    font-family     : 'Droid Sans Mono';
+    src             : url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot);
+    src             :
+        local('Droid Sans Mono'),
+        local('DroidSansMono'),
+        url(/font/DroidSansMono.eot) format('embedded-opentype'),
+        url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot?#iefix) format('embedded-opentype'),
+                        url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot) format('embedded-opentype'),
+                        url(/font/DroidSansMono.woff2) format('woff2'),
+        url(/font/DroidSansMono.woff) format('woff'),
+        url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) format('woff'),
+                        local('Consolas');
+    font-style      : normal;
+    font-weight     : 400;
+}