3.4.1

changelog.md

@@ -1,3 +1,7 @@
+3.4.1
+============================================
+- Added chat Components
+
 3.4.0
 ============================================
 - Improved performance

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prisma-cms/boilerplate",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "Opensource framework CMS powered by GraphQL, Prisma, MySQL, React & Apollo GraphQL",
   "private": false,
   "scripts": {

src/components/Renderer/pages/Root/components/pages/ChatRooms/ChatRoom/index.js

@@ -0,0 +1,88 @@
+import React from 'react';
+
+import EditorComponent from '@prisma-cms/front-editor/lib/components/App/components/';
+import { ObjectContext } from '@prisma-cms/front-editor/lib/components/App/components/public/Connectors/Connector/ListView/';
+import ChatRoomView from '@prisma-cms/webrtc/lib/components/pages/society/ChatRooms/ChatRoom/View';
+import { EditableObjectContext } from '@prisma-cms/front-editor/lib/components/App/context';
+
+export class ChatRoom extends EditorComponent {
+
+  static Name = 'ChatRoom';
+
+  static defaultProps = {
+    ...EditorComponent.defaultProps,
+  }
+
+
+  renderPanelView(content) {
+
+    const {
+      classes,
+    } = this.getEditorContext();
+
+    return super.renderPanelView(
+      content ||
+      <div
+        className={classes.panelButton}
+      >
+        ChatRoom
+      </div>
+    );
+  }
+
+
+  getRootElement() {
+
+    return super.getRootElement();
+  }
+
+
+  canBeParent(parent) {
+
+    return super.canBeParent(parent);
+  }
+
+
+  canBeChild(child) {
+
+    return super.canBeChild(child);
+  }
+
+
+  renderChildren() {
+
+    const {
+    } = this.context;
+
+    const {
+    } = this.getEditorContext();
+
+    const {
+      ...other
+    } = this.getComponentProps(this);
+
+    return <EditableObjectContext.Consumer>
+      {objectContext => {
+
+        const {
+          object,
+          ...otherContext
+        } = objectContext;
+
+
+        return <ChatRoomView
+          {...otherContext}
+          data={{
+            object: object,
+          }}
+        />
+
+      }}
+    </EditableObjectContext.Consumer>
+
+    return `super.renderChildren()`;
+  }
+
+}
+
+export default ChatRoom;

src/components/Renderer/pages/Root/components/pages/ChatRooms/index.js

@@ -0,0 +1,72 @@
+import React from 'react';
+
+import EditorComponent from '@prisma-cms/front-editor/lib/components/App/components/';
+import ChatRoomsPage from '../../../../society/ChatRooms';
+
+export class ChatRooms extends EditorComponent {
+
+  static Name = 'ChatRooms';
+
+  static defaultProps = {
+    ...EditorComponent.defaultProps,
+  }
+
+
+  renderPanelView(content) {
+
+    const {
+      classes,
+    } = this.getEditorContext();
+
+    return super.renderPanelView(
+      content ||
+      <div
+        className={classes.panelButton}
+      >
+        ChatRooms
+      </div>
+    );
+  }
+
+
+  getRootElement() {
+
+    return super.getRootElement();
+  }
+
+
+  canBeParent(parent) {
+
+    return super.canBeParent(parent);
+  }
+
+
+  canBeChild(child) {
+
+    // return super.canBeChild(child);
+    return false;
+  }
+
+
+  renderChildren() {
+
+    const {
+    } = this.context;
+
+    const {
+    } = this.getEditorContext();
+
+    const {
+      ...other
+    } = this.getComponentProps(this);
+
+    // return super.renderChildren();
+
+    return <ChatRoomsPage
+      {...other}
+    />
+  }
+
+}
+
+export default ChatRooms;

src/components/Renderer/pages/Root/components/society/NoticesMenu/index.js

@@ -0,0 +1,81 @@
+import React from 'react';
+
+import EditorComponent from '@prisma-cms/front-editor/lib/components/App/components/';
+
+import { Notices } from '@prisma-cms/society';
+
+export class NoticesMenu extends EditorComponent {
+
+  static Name = 'NoticesMenu';
+
+  static defaultProps = {
+    ...EditorComponent.defaultProps,
+  }
+
+
+  renderPanelView(content) {
+
+    const {
+      classes,
+    } = this.getEditorContext();
+
+    return super.renderPanelView(
+      content ||
+      <div
+        className={classes.panelButton}
+      >
+        NoticesMenu
+      </div>
+    );
+  }
+
+
+  getRootElement() {
+
+    return super.getRootElement();
+  }
+
+
+  canBeParent(parent) {
+
+    return super.canBeParent(parent);
+  }
+
+
+  canBeChild(child) {
+
+    return false;
+  }
+
+
+  renderChildren() {
+
+    const {
+      user: currentUser,
+    } = this.context;
+
+    const {
+    } = this.getEditorContext();
+
+    const {
+      ...other
+    } = this.getComponentProps(this);
+
+    if (!currentUser) {
+      return null;
+    }
+
+    const {
+      id: currentUserId,
+    } = currentUser;
+
+    return <Notices
+      key={currentUserId}
+      user={currentUser}
+      classes={{}}
+    />
+  }
+
+}
+
+export default NoticesMenu;

src/components/Renderer/pages/Root/index.js

@@ -6,6 +6,9 @@ import RootConnector from '@prisma-cms/front-editor/lib/components/Root';
 import UserPage from './components/pages/Users/User';
 // import PdfView from './components/PdfView';
 import CreateUserPage from './components/pages/Users/User/Create';
+import ChatRooms from './components/pages/ChatRooms';
+import NoticesMenu from './components/society/NoticesMenu';
+import ChatRoom from './components/pages/ChatRooms/ChatRoom';
 
 
 
@@ -20,8 +23,11 @@ class RootPage extends PrismaCmsComponent {
 
     return <RootConnector
       CustomComponents={CustomComponents.concat([
+        NoticesMenu,
         UserPage,
         CreateUserPage,
+        ChatRooms,
+        ChatRoom,
         // PdfView,
       ])}
       {...other}

src/server/modules/user/index.mjs

@@ -418,7 +418,7 @@ export class ModxclubUserProcessor extends UserPayload {
 
     }
 
-    console.log("ethConnectAuthAccount ethAccount", JSON.stringify(ethAccount, true, 2));
+    // console.log("ethConnectAuthAccount ethAccount", JSON.stringify(ethAccount, true, 2));
 
     return result || this.prepareResponse();
 

src/styles/less/styles.css

@@ -3,11 +3,3 @@ body,
 #root {
   height: 100%;
 }
-#root {
-  display: flex;
-  flex-direction: column;
-}
-#root #Renderer--body {
-  flex: 1;
-  overflow: auto;
-}

src/styles/less/styles.less

@@ -1,15 +1,19 @@
 
 html, body, #root {
   height: 100%;
+
+  // border: 1px solid red;
 }
 
-#root {
+// #root {
+
+//   height: 100%;
 
-  display: flex;
-  flex-direction: column;
+//   // display: flex;
+//   // flex-direction: column;
 
-  #Renderer--body {
-    flex: 1;
-    overflow: auto;
-  }
-}
+//   // #Renderer--body {
+//   //   flex: 1;
+//   //   overflow: auto;
+//   // }
+// }