budibase/packages/server/src/constants/layouts.js

227 lines
7.0 KiB
JavaScript
Raw Normal View History

const BASE_LAYOUT_PROP_IDS = {
PRIVATE: "private-master-layout",
PUBLIC: "public-master-layout",
}
const BASE_LAYOUTS = [
{
componentLibraries: ["@budibase/standard-components"],
title: "{{ name }}",
favicon: "./_shared/favicon.png",
stylesheets: [],
name: "Main",
props: {
_id: BASE_LAYOUT_PROP_IDS.PRIVATE,
_component: "@budibase/standard-components/container",
_children: [
{
_id: "c74f07266980c4b6eafc33e2a6caa783d",
_component: "@budibase/standard-components/container",
_styles: {
normal: {
display: "flex",
"flex-direction": "row",
"justify-content": "flex-start",
"align-items": "flex-start",
background: "#fff",
width: "100%",
"box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
},
hover: {},
active: {},
selected: {},
2020-11-03 17:27:28 +01:00
},
_code: "",
className: "",
onLoad: [],
type: "div",
_appId: "inst_app_80b_f158d4057d2c4bedb0042d42fda8abaf",
_instanceName: "Header",
_children: [
{
_id: "49e0e519-9e5e-4127-885a-ee6a0a49e2c1",
_component: "@budibase/standard-components/Navigation",
_styles: {
normal: {
"max-width": "1400px",
"margin-left": "auto",
"margin-right": "auto",
padding: "20px",
color: "#757575",
"font-weight": "400",
"font-size": "16px",
flex: "1 1 auto",
},
hover: {},
active: {},
selected: {},
2020-11-03 17:27:28 +01:00
},
_code: "",
logoUrl:
"https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg",
title: "",
backgroundColor: "",
color: "",
borderWidth: "",
borderColor: "",
borderStyle: "",
_appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
_instanceName: "Navigation",
_children: [
{
_id: "48b35328-4c91-4343-a6a3-1a1fd77b3386",
_component: "@budibase/standard-components/link",
_styles: {
normal: {
"font-family": "Inter",
"font-weight": "500",
color: "#000000",
"text-decoration-line": "none",
"font-size": "16px",
},
hover: {
color: "#4285f4",
},
active: {},
selected: {},
2020-11-03 17:27:28 +01:00
},
_code: "",
url: "/",
openInNewTab: false,
text: "Home",
color: "",
hoverColor: "",
underline: false,
fontSize: "",
fontFamily: "initial",
_appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
_instanceName: "Home Link",
_children: [],
2020-11-03 17:27:28 +01:00
},
],
},
],
},
{
_id: "7fcf11e4-6f5b-4085-8e0d-9f3d44c98967",
_component: "##builtin/screenslot",
_styles: {
normal: {
flex: "1 1 auto",
display: "flex",
"flex-direction": "column",
"justify-content": "flex-start",
"align-items": "stretch",
"max-width": "100%",
"margin-left": "20px",
"margin-right": "20px",
width: "1400px",
padding: "20px",
},
hover: {},
active: {},
selected: {},
2020-11-03 17:27:28 +01:00
},
_code: "",
_children: [],
2020-11-03 17:27:28 +01:00
},
],
type: "div",
_styles: {
active: {},
hover: {},
normal: {
display: "flex",
"flex-direction": "column",
"align-items": "center",
"justify-content": "flex-start",
"margin-right": "auto",
"margin-left": "auto",
"min-height": "100%",
"background-image":
"linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);",
},
selected: {},
2020-11-03 17:27:28 +01:00
},
_code: "",
className: "",
onLoad: [],
2020-11-03 17:27:28 +01:00
},
},
// // TODO: needs removed
// {
// componentLibraries: ["@budibase/standard-components"],
// title: "{{ name }}",
// favicon: "./_shared/favicon.png",
// stylesheets: [],
// name: "Unauthenticated",
// props: {
// _id: BASE_LAYOUT_PROP_IDS.PUBLIC,
// _component: "@budibase/standard-components/container",
// _children: [
// {
// _id: "686c252d-dbf2-4e28-9078-414ba4719759",
// _component: "@budibase/standard-components/login",
// _styles: {
// normal: {
// padding: "64px",
// background: "rgba(255, 255, 255, 0.4)",
// "border-radius": "0.5rem",
// "margin-top": "0px",
// margin: "0px",
// "line-height": "1",
// "box-shadow":
// "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
// "font-size": "16px",
// "font-family": "Inter",
// flex: "0 1 auto",
// transform: "0",
// },
// hover: {},
// active: {},
// selected: {},
// },
// _code: "",
// loginRedirect: "",
// usernameLabel: "Username",
// passwordLabel: "Password",
// loginButtonLabel: "Login",
// buttonClass: "",
// _instanceName: "Login",
// inputClass: "",
// _children: [],
// title: "Log in to {{ name }}",
// buttonText: "Log In",
// logo:
// "https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg",
// },
// ],
// type: "div",
// _styles: {
// active: {},
// hover: {},
// normal: {
// display: "flex",
// "flex-direction": "column",
// "align-items": "center",
// "justify-content": "center",
// "margin-right": "auto",
// "margin-left": "auto",
// "min-height": "100%",
// "background-image":
// "linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);",
// },
// selected: {},
// },
// _code: "",
// className: "",
// onLoad: [],
// },
// },
]
2020-11-03 17:27:28 +01:00
module.exports = {
BASE_LAYOUTS,
BASE_LAYOUT_PROP_IDS,
}