@steedos/service-pages 2.5.0-beta.7 → 2.5.0-beta.9

package/main/default/client/page.render.client.js

@@ -6,6 +6,9 @@
 ;(function(){
     Steedos.Page = {
         App: {},
+        Object: {
+            Template: {}
+        },
         Record: {},
         Listview: {},
         Header: {},
@@ -35,6 +38,23 @@
         return modalRoot;
     }
 
+    Steedos.Page.getDisplay = (objectName)=>{
+
+        let display = FlowRouter.current().queryParams.display;
+        // console.log('=====getDisplay====>', display)
+        // const key = `tab.${objectName}.display`;
+        const key = 'page_display'
+        if(display){
+            // console.log('=====getDisplay===setItem=>', key, display)
+            localStorage.setItem(key, display)
+        }else{
+            display = localStorage.getItem(key);
+        }
+
+        return display;
+        
+    }
+
     Steedos.Page.getPage = function (type, appId, objectApiName, recordId, pageId) {
         let objectInfo = null;
         let searchParams = FlowRouter.current().queryParams;
@@ -65,32 +85,42 @@
         if(type === 'list'){
             return {
                 render_engine: 'amis',
-                name: 'steedosListviewPage',
-                schema:{
-                    "name": `${objectApiName}-listview-${listViewId}`,
-                    "type": "steedos-page-listview",
-                    "showHeader": true,
-                    "objectApiName": objectApiName,
-                    "appId": appId,
-                    "display": display,
-                    "columnsTogglable": false,
-                    // "listName": "all",
+                name: "steedosPageObjectControl",
+                schema: {
+                    "type": "steedos-page-object-control",
+                    "name": "steedosPageObjectControl"
                 }
+                // name: 'steedosListviewPage',
+                // schema:{
+                //     "name": `${objectApiName}-listview-${listViewId}`,
+                //     "type": "steedos-page-listview",
+                //     "showHeader": true,
+                //     "objectApiName": objectApiName,
+                //     "appId": appId,
+                //     "display": display,
+                //     "columnsTogglable": false,
+                //     // "listName": "all",
+                // }
             }
         }else if(type === 'record'){
             return {
                     render_engine: 'amis',
-                    name: 'steedosRecordPage',
+                    name: "steedosPageObjectControl",
                     schema: {
-                        "name": `${objectApiName}-recordDetail-${recordId}`,
-                        "type": "steedos-page-record-detail",
-                        "objectApiName": objectApiName,
-                        "sideObject": sideObject,
-                        "sideListviewId": sideListviewId,
-                        // "recordId": recordId,
-                        "display": display,
-                        "appId": appId,
+                        "type": "steedos-page-object-control",
+                        "name": "steedosPageObjectControl"
                     }
+                    // name: 'steedosRecordPage',
+                    // schema: {
+                    //     "name": `${objectApiName}-recordDetail-${recordId}`,
+                    //     "type": "steedos-page-record-detail",
+                    //     "objectApiName": objectApiName,
+                    //     "sideObject": sideObject,
+                    //     "sideListviewId": sideListviewId,
+                    //     // "recordId": recordId,
+                    //     "display": display,
+                    //     "appId": appId,
+                    // }
                 }
             
         }else if(type === 'related_list'){
@@ -301,6 +331,134 @@
         return container
     };
 
+    Steedos.Page.Object.Template.onRendered = function(){
+        var objectName, recordId, self;
+        self = this;
+        objectName = Session.get("object_name");
+        this.containerList = [];
+        this.pageName = null;
+        return this.autorun(function(computation) {
+        //   console.log('autorun=====>computation:', computation)
+            // Session.get("record_id");
+          var container, e, lastData, ref, ref1, ref2, regions, schema, updateProps, updatePropsData;
+          regions = self.data.regions();
+        //   console.log('regions====>', regions, this.lastRegions);
+          updateProps = true;
+          if (regions.objectName !== ((ref = this.lastRegions) != null ? ref.objectName : void 0)) {
+            updateProps = false;
+          }
+          this.lastRegions = regions;
+          if (updateProps && self.pageName) {
+            try {
+              if (SteedosUI.refs[self.pageName]) {
+                updatePropsData = {
+                  objectName: objectName,
+                  pageType: regions.pageType,
+                  listViewId: regions.listViewId,
+                  ...FlowRouter.current().queryParams
+                };
+                if(FlowRouter.current().queryParams.side_listview_id){
+                    updatePropsData.listName=FlowRouter.current().queryParams.side_listview_id
+                }else if(regions.listViewId){
+                    updatePropsData.listName=regions.listViewId
+                }
+                
+                updatePropsData.display = Steedos.Page.getDisplay()
+
+                updatePropsData.recordId = Tracker.nonreactive(function() {
+                    return Session.get("record_id");
+                  });
+                lastData = ((ref1 = SteedosUI.refs[self.pageName]) != null ? (ref2 = ref1.__$schema) != null ? ref2.data : void 0 : void 0) || {};
+                // console.log("page_object Steedos.Page.Record.updateProps", {
+                //     data: window._.defaultsDeep(updatePropsData, lastData)
+                //   });
+                return SteedosUI.refs[self.pageName].updateProps({
+                  data: window._.defaultsDeep(updatePropsData, lastData)
+                });
+              }
+            } catch (error) {
+              e = error;
+              console.error(self.pageName + ": " + e);
+            }
+          }
+          if (!updateProps && self.pageName && SteedosUI.refs[self.pageName]) {
+            try {
+              SteedosUI.refs[self.pageName].unmount();
+            } catch (error) {
+              e = error;
+              console.error(self.pageName + ": " + e);
+            }
+          }
+          if (self.data.regions) {
+            regions = Tracker.nonreactive(self.data.regions);
+            this.lastRegions = regions;
+            if (regions && regions.page && regions.page.schema) {
+              schema = regions.page.schema;
+              if (_.isString(schema)) {
+                schema = JSON.parse(schema);
+              }
+              self.pageName = schema.name;
+            }
+          }
+          objectName = Tracker.nonreactive(function() {
+            return Session.get("object_name");
+          });
+          recordId = Tracker.nonreactive(function() {
+            return Session.get("record_id");
+          });
+          container = Steedos.Page.Object.render(self, objectName, recordId);
+        //   console.log("page_object Steedos.Page.Object.render");
+          if (container) {
+            return self.containerList.push(container);
+          }
+        });
+    };
+    Steedos.Page.Object.Template.onDestroyed = function(){
+        var e, self;
+        self = this;
+        try {
+        SteedosUI.refs[this.pageName].unmount();
+        } catch (error) {
+        e = error;
+        console.error(this.pageName + ": " + e);
+        }
+        return _.each(this.containerList, function(container) {
+        if (container) {
+            return ReactDOM.unmountComponentAtNode(container);
+        }
+        });
+    };
+    Steedos.Page.Object.render = function(template, objectApiName, recordId = null, options){
+        try {
+            if (!template.data.regions || !objectApiName) {
+                return;
+            }
+            const { page, ...data } = Tracker.nonreactive(template.data.regions);
+            var rootId = "steedosPageObjetRoot";
+            var modalRoot = document.getElementById(rootId);
+            // if(modalRoot){
+            //     modalRoot.remove();
+            // }
+            if (!modalRoot) {
+                modalRoot = document.createElement('div');
+                modalRoot.setAttribute('id', rootId);
+                modalRoot.setAttribute('class', 'h-full')
+                $(".page-object-root")[0].appendChild(modalRoot);
+            }
+
+            if (page.render_engine && page.render_engine != 'redash') {
+                if(FlowRouter.current().queryParams.side_listview_id){
+                    data.listName = FlowRouter.current().queryParams.side_listview_id;
+                }else if(data.listViewId){
+                    data.listName = data.listViewId;
+                }
+                return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data, {recordId}));
+            }
+        } catch (error) {
+
+        }
+    }
+
     Steedos.Page.Listview.getDefaultName = function (objectApiName, listViewName) {
         return `listview_${objectApiName}_${listViewName}`;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steedos/service-pages",
-  "version": "2.5.0-beta.7",
+  "version": "2.5.0-beta.9",
   "main": "package.service.js",
   "scripts": {},
   "license": "MIT",
@@ -8,7 +8,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "17a14d482aaed86c7604cdbfa769a1618579283d",
+  "gitHead": "a2623b433dd42632dc54d23c51b718bd4d1a2fdc",
   "dependencies": {
     "ejs": "^3.1.8"
   }