@steedos/service-pages 2.4.0-beta.14 → 2.4.0-beta.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -221,24 +221,21 @@
221
221
  },
222
222
  body: [
223
223
  {
224
- "type": "panel",
225
- "title": {
226
224
  "type": "breadcrumb",
227
- "source": "${$breadcrumb}"
228
- },
229
- "body": [
230
- {
231
- type: 'steedos-object-related-listview',
232
- objectApiName: masterObject.name,
233
- recordId: FlowRouter.getParam("record_id"),
234
- relatedObjectApiName: objectApiName,
235
- foreign_key: relatedKey,
236
- relatedKey: relatedKey,
237
- hiddenOn: "!!!this.$loaded"
238
- // top: 5
239
- }
240
- ]
241
- }
225
+ "source": "${$breadcrumb}",
226
+ "className": "mx-4 my-2",
227
+ },
228
+ {
229
+ type: 'steedos-object-related-listview',
230
+ objectApiName: masterObject.name,
231
+ recordId: FlowRouter.getParam("record_id"),
232
+ relatedObjectApiName: objectApiName,
233
+ foreign_key: relatedKey,
234
+ relatedKey: relatedKey,
235
+ hiddenOn: "!!!this.$loaded",
236
+ "className": "mx-4",
237
+ // top: 5
238
+ }
242
239
  ,
243
240
  // {
244
241
  // type: 'steedos-object-related-listview',
@@ -761,7 +758,8 @@
761
758
  }
762
759
  try {
763
760
  const data = {
764
- app
761
+ app,
762
+ isMobile: window.innerWidth <= 768
765
763
  };
766
764
  const page = Steedos.Page.Header.getPage(appId, tabId);
767
765
  var rootId = "steedosGlobalHeaderRoot";
@@ -793,7 +791,7 @@
793
791
  body: [
794
792
  {
795
793
  "type": "wrapper",
796
- "className": "p-0 slds-global-header_container sticky top-0 z-40 w-full flex-none backdrop-blur transition-colors duration-500 lg:z-50 sm:shadow border-b-[3px] border-sky-500 border-solid",
794
+ "className": "bg-white sticky p-0 top-0 z-40 w-full flex-none backdrop-blur transition-colors duration-500 lg:z-50 sm:shadow border-b-[3px] border-sky-500 border-solid",
797
795
  body: [
798
796
  {
799
797
  "type": "wrapper",
@@ -804,14 +802,39 @@
804
802
  className: 'p-0 flex flex-1 items-center',
805
803
  body: [
806
804
  {
807
- "type": "steedos-logo",
808
- "src": "/logo.png",
809
- "className": 'block h-7 w-auto mr-4',
810
- "hiddenOn": "window.innerWidth < 768",
805
+ "className": 'block h-10 w-auto mr-4',
806
+ "hiddenOn": "${isMobile}",
807
+ "type": "tpl",
808
+ "tpl": `<a href='/app' class='flex items-center '><img class='block h-10 w-auto' src='${logoSrc}'></a>`,
809
+ },
810
+ {
811
+ "type": "button",
812
+ "className": "toggle-sidebar flex items-center pr-4",
813
+ "hiddenOn": "${!isMobile}",
814
+ "onEvent": {
815
+ "click": {
816
+ "actions": [
817
+ {
818
+ "actionType": "custom",
819
+ "script": "document.body.classList.toggle('sidebar-open')",
820
+ }
821
+ ]
822
+ }
823
+ },
824
+ "body": [
825
+ {
826
+ "type": "steedos-icon",
827
+ "category": "utility",
828
+ "name": "rows",
829
+ "colorVariant": "default",
830
+ "id": "u:afc3a08e8cf3",
831
+ "className": "slds-button_icon slds-global-header__icon"
832
+ }
833
+ ],
811
834
  },
812
835
  {
813
836
  "type": "steedos-app-launcher",
814
- hiddenOn: "${app.showSidebar != true}",
837
+ "visibleOn": "${isMobile}",
815
838
  "showAppName": true
816
839
  },
817
840
  ],
@@ -825,7 +848,7 @@
825
848
  {
826
849
  "type": "button",
827
850
  "className": "toggle-sidebar",
828
- "hiddenOn": "${app.showSidebar != true}",
851
+ "visibleOn": "${AND(app.showSidebar,!isMobile)}",
829
852
  "onEvent": {
830
853
  "click": {
831
854
  "actions": [
@@ -853,11 +876,11 @@
853
876
 
854
877
  {
855
878
  "type": "grid",
856
- hiddenOn: "${app.showSidebar === true}",
857
- "className": 'steedos-context-bar hidden sm:flex h-10 leading-5 pl-4 mb-[-3px]',
879
+ "hiddenOn": "${isMobile}",
880
+ "className": 'steedos-context-bar flex h-10 leading-5 pl-4 mb-[-3px]',
858
881
  "columns": [
859
882
  {
860
- "columnClassName": "items-center hidden sm:flex pb-0",
883
+ "columnClassName": "items-center flex pb-0",
861
884
  "body": [
862
885
  {
863
886
  "type": "steedos-app-launcher",
@@ -869,6 +892,7 @@
869
892
  "valign": "middle"
870
893
  },
871
894
  {
895
+ hiddenOn: "${app.showSidebar === true}",
872
896
  "columnClassName": "flex ",
873
897
  "body": [
874
898
  {
@@ -876,6 +900,7 @@
876
900
  "stacked": false,
877
901
  showIcon: false,
878
902
  "appId": "${app.id}",
903
+ hiddenOn: "${app.showSidebar === true}",
879
904
  overflow: {
880
905
  enable: false,
881
906
  itemWidth: 80,
@@ -895,7 +920,7 @@
895
920
  {
896
921
 
897
922
  "type": "button",
898
- "className": 'p-0 absolute inset-0 mt-[50px]',
923
+ "className": 'p-0 absolute inset-0 mt-[50px] sm:mt-[90px]',
899
924
  hiddenOn: "${app.showSidebar != true}",
900
925
  body: [{
901
926
  type: "wrapper",
@@ -5,7 +5,7 @@ defaultValue: amis
5
5
  options:
6
6
  - label: Amis
7
7
  value: amis
8
- - label: Redash
9
- value: redash
8
+ # - label: Redash
9
+ # value: redash
10
10
  required: true
11
11
  sort_no: 125
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steedos/service-pages",
3
- "version": "2.4.0-beta.14",
3
+ "version": "2.4.0-beta.15",
4
4
  "main": "package.service.js",
5
5
  "scripts": {},
6
6
  "license": "MIT",
@@ -8,7 +8,7 @@
8
8
  "publishConfig": {
9
9
  "access": "public"
10
10
  },
11
- "gitHead": "47f3797a400790410c8f333a4dbb21c877642aa9",
11
+ "gitHead": "095294ab9e56a8fbbffd17ce1aefa1f55ae4c676",
12
12
  "dependencies": {
13
13
  "ejs": "^3.1.8"
14
14
  }