backup before blame
This commit is contained in:
michael shanks
parent
d27ec9e0a5
commit
ca63769204
|
|
@ -133,6 +133,7 @@ const isFolderSelected = (current, folder) =>
|
|||
|
||||
.hierarchy-item {
|
||||
cursor: pointer;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.hierarchy-item:hover {
|
||||
|
|
|
|||
|
|
@ -7,19 +7,50 @@ import {
|
|||
import {
|
||||
pipe
|
||||
} from "../common/core";
|
||||
import {
|
||||
createPropDefinitionForDerived
|
||||
} from "./pagesParsing/createProps";
|
||||
import {
|
||||
getExactComponent
|
||||
} from "./pagesParsing/searchComponents";
|
||||
import Checkbox from "../common/Checkbox";
|
||||
import Textbox from "../common/Textbox";
|
||||
|
||||
export let propsDefinition;
|
||||
export let props;
|
||||
export let allComponents;
|
||||
|
||||
let propsDefinition = createPropDefinitionForDerived(allComponents, props._component);
|
||||
|
||||
let fields = pipe(propsDefinition,[
|
||||
keys,
|
||||
map(k => propsDefinition[k])
|
||||
]);
|
||||
|
||||
let component = getExactComponent(allComponents, props._component);
|
||||
|
||||
</script>
|
||||
|
||||
<div class="root">
|
||||
|
||||
<div>{props.name}</div>
|
||||
{#each propsDefinition as propDef}
|
||||
{#if propDef.type === "bool"}
|
||||
<Checkbox label={propDef.name} />
|
||||
{:else if true}
|
||||
<!-- else if content here -->
|
||||
{:else}
|
||||
<!-- else content here -->
|
||||
{/if}
|
||||
{/each}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
.root {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -3,6 +3,7 @@
|
|||
import ComponentsHierarchy from "./ComponentsHierarchy.svelte";
|
||||
import PagesList from "./PagesList.svelte"
|
||||
import { store } from "../builderStore";
|
||||
import getIcon from "../common/icon";
|
||||
|
||||
</script>
|
||||
|
||||
|
|
@ -11,12 +12,18 @@ import { store } from "../builderStore";
|
|||
<div class="ui-nav">
|
||||
|
||||
<div class="components-list-container">
|
||||
<h3>Components</h3>
|
||||
<h5>
|
||||
{@html getIcon("sidebar","18")}
|
||||
<span class="nav-title-inner">COMPONENTS</span>
|
||||
</h5>
|
||||
<ComponentsHierarchy components={$store.allComponents}/>
|
||||
</div>
|
||||
|
||||
<div class="pages-list-container">
|
||||
<h3>Pages</h3>
|
||||
<h5>
|
||||
{@html getIcon("grid","18")}
|
||||
<span class="nav-title-inner">PAGES</span>
|
||||
</h5>
|
||||
<PagesList />
|
||||
</div>
|
||||
|
||||
|
|
@ -44,8 +51,7 @@ import { store } from "../builderStore";
|
|||
.ui-nav {
|
||||
grid-column-start: uiNav;
|
||||
background-color: var(--primary10);
|
||||
display: grid;
|
||||
grid-template-rows: [components] 1fr [pages] auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.component-preview {
|
||||
|
|
@ -60,16 +66,19 @@ import { store } from "../builderStore";
|
|||
grid-column-start: middle;
|
||||
}
|
||||
|
||||
.pages-list-container {
|
||||
grid-row-start: pages;
|
||||
.pages-list-container {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.components-list-container {
|
||||
grid-row-start: components;
|
||||
|
||||
|
||||
h5 {
|
||||
font-size: 10pt;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
padding: 10px;
|
||||
.nav-title-inner {
|
||||
margin-left:5px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -1,9 +1,40 @@
|
|||
import {
|
||||
isString,
|
||||
isUndefined
|
||||
isUndefined,
|
||||
find,
|
||||
keys,
|
||||
uniq,
|
||||
some,
|
||||
keyBy
|
||||
} from "lodash/fp";
|
||||
import { types } from "./types";
|
||||
import { assign } from "lodash";
|
||||
import { pipe } from "../../common/core";
|
||||
import { isRootComponent } from "./searchComponents";
|
||||
|
||||
export const createPropDefinitionForDerived = (allComponents, componentName) => {
|
||||
const traverseForProps = (cname, derivedProps=[]) => {
|
||||
const component = find(c => c.name === cname)(allComponents);
|
||||
if(isRootComponent(component)) return ({propDef:component.props, derivedProps});
|
||||
return traverseForProps(component.inherits, [component.props, ...derivedProps]);
|
||||
}
|
||||
|
||||
const {propDef, derivedProps} = traverseForProps(componentName);
|
||||
|
||||
const hasDerivedProp = k => pipe(derivedProps, [
|
||||
keys,
|
||||
uniq,
|
||||
some(key => key === k)
|
||||
]);
|
||||
|
||||
return pipe(propDef, [
|
||||
keys,
|
||||
filter(k => !hasDerivedProp(k)),
|
||||
reduce((obj, k) => {
|
||||
obj[k] = propDef[k]
|
||||
}, {})
|
||||
])
|
||||
}
|
||||
|
||||
export const createProps = (componentName, propsDefinition, derivedFromProps) => {
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
import {pipe} from "../../common/core";
|
||||
|
||||
import {
|
||||
find,
|
||||
isUndefined,
|
||||
|
|
@ -6,76 +8,51 @@ import {
|
|||
includes
|
||||
} from "lodash/fp";
|
||||
|
||||
import {
|
||||
common
|
||||
} from "../../../../core/src";
|
||||
|
||||
|
||||
const pipe = common.$;
|
||||
|
||||
const normalString = s => (s||"").trim().toLowerCase();
|
||||
|
||||
export const isRootComponent = c => isUndefined(c.inherits);
|
||||
|
||||
export const searchAllComponents = (derivedComponents, rootComponents, phrase) => {
|
||||
export const searchAllComponents = (allComponents, phrase) => {
|
||||
|
||||
const hasPhrase = (...vals) =>
|
||||
pipe(vals, [
|
||||
some(v => includes(normalString(phrase))(normalString(v)))
|
||||
]);
|
||||
|
||||
const rootComponentMatches = c =>
|
||||
hasPhrase(c.name, ...(c.tags || []));
|
||||
|
||||
const derivedComponentMatches = c => {
|
||||
const componentMatches = c => {
|
||||
if(hasPhrase(c.name, ...(c.tags || []))) return true;
|
||||
|
||||
if(isRootComponent(c)) return false;
|
||||
|
||||
const parent = getExactComponent(
|
||||
derivedComponents,
|
||||
rootComponents,
|
||||
allComponents,
|
||||
c.inherits);
|
||||
|
||||
if(isRootComponent(parent))
|
||||
return rootComponentMatches(parent);
|
||||
|
||||
return derivedComponentMatches(parent);
|
||||
return componentMatches(parent);
|
||||
}
|
||||
|
||||
return ([
|
||||
...filter(derivedComponentMatches)(derivedComponents),
|
||||
...filter(rootComponentMatches)(rootComponents)
|
||||
]);
|
||||
|
||||
return filter(componentMatches)(allComponents);
|
||||
}
|
||||
|
||||
export const getExactComponent = (derivedComponents, rootComponents, name) => {
|
||||
export const getExactComponent = (allComponents, name) => {
|
||||
|
||||
const stringEquals = (s1, s2) =>
|
||||
normalString(s1) === normalString(s2);
|
||||
|
||||
const derived = pipe(derivedComponents,[
|
||||
return pipe(allComponents,[
|
||||
find(c => stringEquals(c.name, name))
|
||||
]);
|
||||
|
||||
if(derived) return derived;
|
||||
|
||||
const root = pipe(rootComponents,[
|
||||
find(c => stringEquals(c.name, name))
|
||||
]);
|
||||
|
||||
return root;
|
||||
}
|
||||
|
||||
export const getAncestorProps = (derivedComponents, rootComponents, name, found=[]) => {
|
||||
export const getAncestorProps = (allComponents, name, found=[]) => {
|
||||
const thisComponent = getExactComponent(
|
||||
derivedComponents, rootComponents, name);
|
||||
allComponents, name);
|
||||
|
||||
if(isRootComponent(thisComponent))
|
||||
return [thisComponent.props, ...found];
|
||||
|
||||
return getAncestorProps(
|
||||
derivedComponents,
|
||||
rootComponents,
|
||||
allComponents,
|
||||
thisComponent.inherits,
|
||||
[{_component:thisComponent.inherits, ...thisComponent.props},
|
||||
...found]);
|
||||
|
|
|
|||
|
|
@ -10,8 +10,7 @@ describe("searchAllComponents", () => {
|
|||
it("should match derived component by name", () => {
|
||||
|
||||
const results = searchAllComponents(
|
||||
derivedComponents(),
|
||||
rootComponents(),
|
||||
components(),
|
||||
"password"
|
||||
);
|
||||
|
||||
|
|
@ -23,8 +22,7 @@ describe("searchAllComponents", () => {
|
|||
it("should match derived component by tag", () => {
|
||||
|
||||
const results = searchAllComponents(
|
||||
derivedComponents(),
|
||||
rootComponents(),
|
||||
components(),
|
||||
"mask"
|
||||
);
|
||||
|
||||
|
|
@ -36,8 +34,7 @@ describe("searchAllComponents", () => {
|
|||
it("should match component if ancestor matches", () => {
|
||||
|
||||
const results = searchAllComponents(
|
||||
derivedComponents(),
|
||||
rootComponents(),
|
||||
components(),
|
||||
"smalltext"
|
||||
);
|
||||
|
||||
|
|
@ -50,8 +47,7 @@ describe("searchAllComponents", () => {
|
|||
describe("getExactComponent", () => {
|
||||
it("should get component by name", () => {
|
||||
const result = getExactComponent(
|
||||
derivedComponents(),
|
||||
rootComponents(),
|
||||
components(),
|
||||
"common/SmallTextbox"
|
||||
)
|
||||
|
||||
|
|
@ -61,8 +57,7 @@ describe("getExactComponent", () => {
|
|||
|
||||
it("should return nothing when no result (should not fail)", () => {
|
||||
const result = getExactComponent(
|
||||
derivedComponents(),
|
||||
rootComponents(),
|
||||
components(),
|
||||
"bla/bla/bla"
|
||||
)
|
||||
|
||||
|
|
@ -76,39 +71,55 @@ describe("getAncestorProps", () => {
|
|||
it("should return props of root component", () => {
|
||||
|
||||
const result = getAncestorProps(
|
||||
derivedComponents(),
|
||||
rootComponents(),
|
||||
components(),
|
||||
"budibase-components/TextBox"
|
||||
);
|
||||
|
||||
expect(result).toEqual([
|
||||
rootComponents()[0].props
|
||||
components()[0].props
|
||||
]);
|
||||
|
||||
});
|
||||
|
||||
it("should return props of all ancestors and current component, in order", () => {
|
||||
|
||||
const derived = derivedComponents();
|
||||
const root = rootComponents();
|
||||
const components = components();
|
||||
|
||||
const result = getAncestorProps(
|
||||
derived,
|
||||
root,
|
||||
components,
|
||||
"common/PasswordBox"
|
||||
);
|
||||
|
||||
expect(result).toEqual([
|
||||
root[0].props,
|
||||
{_component: "budibase-components/TextBox", ...derived[0].props},
|
||||
{_component: "common/SmallTextbox", ...derived[1].props}
|
||||
{_component: "budibase-components/TextBox", ...components[2].props},
|
||||
{_component: "common/SmallTextbox", ...components[3].props}
|
||||
]);
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
const derivedComponents = () => ([
|
||||
const components = () => ([
|
||||
{
|
||||
name: "budibase-components/TextBox",
|
||||
tags: ["Text", "input"],
|
||||
props: {
|
||||
size: {type:"options", options:["small", "medium", "large"]},
|
||||
isPassword: "boolean",
|
||||
placeholder: "string",
|
||||
label:"string"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "budibase-components/Button",
|
||||
tags: ["input"],
|
||||
props: {
|
||||
size: {type:"options", options:["small", "medium", "large"]},
|
||||
css: "string",
|
||||
content: "component"
|
||||
}
|
||||
},
|
||||
{
|
||||
inherits:"budibase-components/TextBox",
|
||||
name: "common/SmallTextbox",
|
||||
|
|
@ -132,25 +143,3 @@ const derivedComponents = () => ([
|
|||
}
|
||||
}
|
||||
])
|
||||
|
||||
const rootComponents = () => ([
|
||||
{
|
||||
name: "budibase-components/TextBox",
|
||||
tags: ["Text", "input"],
|
||||
props: {
|
||||
size: {type:"options", options:["small", "medium", "large"]},
|
||||
isPassword: "boolean",
|
||||
placeholder: "string",
|
||||
label:"string"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "budibase-components/Button",
|
||||
tags: ["input"],
|
||||
props: {
|
||||
size: {type:"options", options:["small", "medium", "large"]},
|
||||
css: "string",
|
||||
content: "component"
|
||||
}
|
||||
}
|
||||
])
|
||||
|
|
@ -1,32 +1,32 @@
|
|||
main.svelte-j8mzr7{height:100%;width:100%;font-family:"Lato", Helvetica, Arial, sans-serif}
|
||||
.root.svelte-jymnqv{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-jymnqv{display:inline-block;margin:auto}.logo.svelte-jymnqv{width:300px;margin-bottom:40px}.root.svelte-jymnqv .option{width:250px}.app-link.svelte-jymnqv{margin-top:10px;display:block}
|
||||
.root.svelte-1rxbdcd{height:100%}.content.svelte-1rxbdcd{position:fixed;height:100%;background-color:var(--white);margin:0}
|
||||
.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
|
||||
.root.svelte-jymnqv{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-jymnqv{display:inline-block;margin:auto}.logo.svelte-jymnqv{width:300px;margin-bottom:40px}.root.svelte-jymnqv .option{width:250px}.app-link.svelte-jymnqv{margin-top:10px;display:block}
|
||||
.nav.svelte-n1ql72{height:100%;position:fixed;left:0px;background-color:var(--secondary100);color:var(--darkslate)}.nav.svelte-n1ql72>img.svelte-n1ql72{width:100%;margin-bottom:30px;margin-top:5px;margin-left:0px}
|
||||
h4.svelte-o0id5a{margin-top:20px}
|
||||
.root.svelte-153wzef{display:grid;grid-template-columns:[uiNav] 300px [preview] auto;height:100%;width:100%}.ui-nav.svelte-153wzef{grid-column-start:uiNav;background-color:var(--primary10);display:grid;grid-template-rows:[components] 1fr [pages] auto}.component-preview.svelte-153wzef{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview}.component-container.svelte-153wzef{grid-row-start:middle;grid-column-start:middle}.pages-list-container.svelte-153wzef{grid-row-start:pages}.components-list-container.svelte-153wzef{grid-row-start:components}h3.svelte-153wzef{padding:10px}
|
||||
.root.svelte-z7gm0t{display:flex;height:100%;position:relative}.hierarchy.svelte-z7gm0t{flex:0 1 auto;background-color:var(--primary10);overflow-y:auto;height:100%}.node-container.svelte-z7gm0t{flex:1 1 auto;display:flex;flex-direction:column}.actions-header.svelte-z7gm0t{flex:0 1 auto}.node-view.svelte-z7gm0t{overflow-y:auto;flex:1 1 auto}.hierarchy-title-row.svelte-z7gm0t{padding:15px 7px;font-size:11pt;display:flex;font-weight:bold}.hierarchy-title.svelte-z7gm0t{flex:auto 1 1}
|
||||
.root.svelte-1y6dy5x{padding:10px}
|
||||
h4.svelte-o0id5a{margin-top:20px}
|
||||
.root.svelte-5zgcq9{display:grid;grid-template-columns:[uiNav] 300px [preview] auto;height:100%;width:100%}.ui-nav.svelte-5zgcq9{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.component-preview.svelte-5zgcq9{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview}.component-container.svelte-5zgcq9{grid-row-start:middle;grid-column-start:middle}.pages-list-container.svelte-5zgcq9{padding-top:20px}h5.svelte-5zgcq9{font-size:10pt;padding-left:10px}.nav-title-inner.svelte-5zgcq9{margin-left:5px;vertical-align:bottom}
|
||||
.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
|
||||
.root.svelte-1be865r{padding:10px}.edit-button.svelte-1be865r{cursor:pointer;color:var(--white)}tr.svelte-1be865r:hover .edit-button.svelte-1be865r{color:var(--secondary75)}
|
||||
.nav-item.svelte-td9xyr{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-td9xyr{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-td9xyr:hover{background-color:var(--primary25)}.icon.svelte-td9xyr{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-td9xyr>div.svelte-td9xyr{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-td9xyr>div.svelte-td9xyr:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-td9xyr{background-color:white}
|
||||
.root.svelte-1sgefwa{color:var(--secondary50)}.hierarchy-item.svelte-1sgefwa{cursor:pointer}.hierarchy-item.svelte-1sgefwa:hover{color:var(--secondary75)}.component.svelte-1sgefwa{margin-left:5px}.currentfolder.svelte-1sgefwa{color:var(--secondary100)}.selected.svelte-1sgefwa{color:var(--primary100)}.title.svelte-1sgefwa{margin-left:10px}
|
||||
.root.svelte-1rctf7f{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1rctf7f{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1rctf7f:hover{background-color:var(--secondary10)}
|
||||
.root.svelte-gq7l8x{height:100%;padding:15px}.fields-table.svelte-gq7l8x{margin:10px;border-collapse:collapse}.add-field-button.svelte-gq7l8x{margin-left:15px;cursor:pointer}.edit-button.svelte-gq7l8x{cursor:pointer;color:var(--white)}.edit-button.svelte-gq7l8x:hover{color:var(--secondary75)}th.svelte-gq7l8x{text-align:left}td.svelte-gq7l8x{padding:5px 30px 5px 0px;margin:0}thead.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-gq7l8x>tr.svelte-gq7l8x:hover{background-color:var(--primary10)}tbody.svelte-gq7l8x>tr:hover .edit-button.svelte-gq7l8x{color:var(--secondary75)}.index-container.svelte-gq7l8x{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-gq7l8x{color:var(--slate)}.index-name.svelte-gq7l8x{font-weight:bold;color:var(--primary100)}.index-container.svelte-gq7l8x code.svelte-gq7l8x{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-gq7l8x{margin-top:7px}
|
||||
.root.svelte-1fkfoam{height:100%;padding:15px}.allowed-records.svelte-1fkfoam{margin:20px 0px}.allowed-records.svelte-1fkfoam>span.svelte-1fkfoam{margin-right:30px}
|
||||
.root.svelte-6ej2ac{padding-left:20px;padding-bottom:20px;color:var(--secondary50)}.hierarchy-item.svelte-6ej2ac{cursor:pointer}.hierarchy-item.svelte-6ej2ac:hover{color:var(--secondary75)}.component.svelte-6ej2ac{margin-left:5px}.selected.svelte-6ej2ac{color:var(--primary100)}.title.svelte-6ej2ac{margin-left:10px}
|
||||
.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
|
||||
.root.svelte-160njkp{padding:5px;top:0;width:100%}
|
||||
.edit-button.svelte-12jzg4k{cursor:pointer;color:var(--white)}tr.svelte-12jzg4k:hover .edit-button.svelte-12jzg4k{color:var(--secondary75)}
|
||||
.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0}
|
||||
.root.svelte-160njkp{padding:5px;top:0;width:100%}
|
||||
.edit-button.svelte-1le5bpl{cursor:pointer;color:var(--white)}tr.svelte-1le5bpl:hover .edit-button.svelte-1le5bpl{color:var(--secondary75)}
|
||||
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
|
||||
.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
|
||||
.root.svelte-1ba51k0{color:var(--secondary50)}.hierarchy-item.svelte-1ba51k0{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1ba51k0:hover{color:var(--secondary75)}.component.svelte-1ba51k0{margin-left:5px}.currentfolder.svelte-1ba51k0{color:var(--secondary100)}.selected.svelte-1ba51k0{color:var(--primary100)}.title.svelte-1ba51k0{margin-left:10px}
|
||||
.edit-button.svelte-12jzg4k{cursor:pointer;color:var(--white)}tr.svelte-12jzg4k:hover .edit-button.svelte-12jzg4k{color:var(--secondary75)}
|
||||
.root.svelte-6ej2ac{padding-left:20px;padding-bottom:20px;color:var(--secondary50)}.hierarchy-item.svelte-6ej2ac{cursor:pointer}.hierarchy-item.svelte-6ej2ac:hover{color:var(--secondary75)}.component.svelte-6ej2ac{margin-left:5px}.selected.svelte-6ej2ac{color:var(--primary100)}.title.svelte-6ej2ac{margin-left:10px}
|
||||
textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px}
|
||||
.container.svelte-bm0783{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-bm0783{grid-column-start:label;align-self:center}.control.svelte-bm0783{grid-column-start:control;align-self:center;margin:0}select.svelte-bm0783{width:300px}
|
||||
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
|
||||
.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px}
|
||||
.container.svelte-bm0783{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-bm0783{grid-column-start:label;align-self:center}.control.svelte-bm0783{grid-column-start:control;align-self:center;margin:0}select.svelte-bm0783{width:300px}
|
||||
input.svelte-66516k{margin-right:7px}
|
||||
.root.svelte-emcy8y{padding:10px}.option-container.svelte-emcy8y{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px}
|
||||
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
|
||||
.container.svelte-1pf9x5k{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-1pf9x5k{grid-column-start:label;align-self:center}.control.svelte-1pf9x5k{grid-column-start:control;align-self:center;margin:0}input.svelte-1pf9x5k{width:300px}
|
||||
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
|
||||
.container.svelte-85b8gk{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-85b8gk{grid-column-start:label;align-self:center}.control.svelte-85b8gk{grid-column-start:control;align-self:center;margin:0}textarea.svelte-85b8gk{width:300px;height:200px}
|
||||
|
||||
/*# sourceMappingURL=bundle.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -51922,10 +51922,10 @@
|
|||
t2 = space();
|
||||
if (if_block) if_block.c();
|
||||
add_location(span0, file$m, 108, 8, 2787);
|
||||
attr(span1, "class", "title svelte-1sgefwa");
|
||||
attr(span1, "class", "title svelte-1ba51k0");
|
||||
toggle_class(span1, "currentfolder", ctx.$store.currentFrontEndItem && ctx.isInSubfolder(ctx.folder.name, ctx.$store.currentFrontEndItem));
|
||||
add_location(span1, file$m, 109, 8, 2885);
|
||||
attr(div, "class", "hierarchy-item folder svelte-1sgefwa");
|
||||
attr(div, "class", "hierarchy-item folder svelte-1ba51k0");
|
||||
add_location(div, file$m, 106, 4, 2678);
|
||||
dispose = listen(div, "click", stop_propagation(click_handler));
|
||||
},
|
||||
|
|
@ -52014,9 +52014,9 @@
|
|||
t1 = text(t1_value);
|
||||
t2 = space();
|
||||
add_location(span0, file$m, 120, 8, 3495);
|
||||
attr(span1, "class", "title svelte-1sgefwa");
|
||||
attr(span1, "class", "title svelte-1ba51k0");
|
||||
add_location(span1, file$m, 121, 8, 3548);
|
||||
attr(div, "class", "hierarchy-item component svelte-1sgefwa");
|
||||
attr(div, "class", "hierarchy-item component svelte-1ba51k0");
|
||||
toggle_class(div, "selected", ctx.isComponentSelected(ctx.$store.currentFrontEndItem, ctx.component.component));
|
||||
add_location(div, file$m, 118, 4, 3271);
|
||||
dispose = listen(div, "click", stop_propagation(click_handler_1));
|
||||
|
|
@ -52085,7 +52085,7 @@
|
|||
for (var i = 0; i < each_blocks.length; i += 1) {
|
||||
each_blocks[i].c();
|
||||
}
|
||||
attr(div, "class", "root svelte-1sgefwa");
|
||||
attr(div, "class", "root svelte-1ba51k0");
|
||||
attr(div, "style", div_style_value = `padding-left: calc(10px * ${ctx.pathPartsThisLevel})`);
|
||||
add_location(div, file$m, 103, 0, 2558);
|
||||
},
|
||||
|
|
@ -52431,7 +52431,7 @@
|
|||
|
||||
const file$o = "src\\userInterface\\UserInterfaceRoot.svelte";
|
||||
|
||||
// (26:8) {#if $store.currentFrontEndItem}
|
||||
// (33:8) {#if $store.currentFrontEndItem}
|
||||
function create_if_block$8(ctx) {
|
||||
var div, h1, t_value = ctx.$store.currentFrontEndItem.name, t;
|
||||
|
||||
|
|
@ -52440,9 +52440,9 @@
|
|||
div = element("div");
|
||||
h1 = element("h1");
|
||||
t = text(t_value);
|
||||
add_location(h1, file$o, 27, 12, 667);
|
||||
attr(div, "class", "component-container svelte-153wzef");
|
||||
add_location(div, file$o, 26, 8, 620);
|
||||
add_location(h1, file$o, 34, 12, 939);
|
||||
attr(div, "class", "component-container svelte-5zgcq9");
|
||||
add_location(div, file$o, 33, 8, 892);
|
||||
},
|
||||
|
||||
m: function mount(target, anchor) {
|
||||
|
|
@ -52466,7 +52466,7 @@
|
|||
}
|
||||
|
||||
function create_fragment$n(ctx) {
|
||||
var div4, div2, div0, h30, t1, t2, div1, h31, t4, t5, div3, current;
|
||||
var div4, div2, div0, h50, raw0_value = getIcon("sidebar","18"), raw0_after, t0, span0, t2, t3, div1, h51, raw1_value = getIcon("grid","18"), raw1_after, t4, span1, t6, t7, div3, current;
|
||||
|
||||
var componentshierarchy = new ComponentsHierarchy({
|
||||
props: { components: ctx.$store.allComponents },
|
||||
|
|
@ -52482,33 +52482,43 @@
|
|||
div4 = element("div");
|
||||
div2 = element("div");
|
||||
div0 = element("div");
|
||||
h30 = element("h3");
|
||||
h30.textContent = "Components";
|
||||
t1 = space();
|
||||
componentshierarchy.$$.fragment.c();
|
||||
h50 = element("h5");
|
||||
raw0_after = element('noscript');
|
||||
t0 = space();
|
||||
span0 = element("span");
|
||||
span0.textContent = "COMPONENTS";
|
||||
t2 = space();
|
||||
componentshierarchy.$$.fragment.c();
|
||||
t3 = space();
|
||||
div1 = element("div");
|
||||
h31 = element("h3");
|
||||
h31.textContent = "Pages";
|
||||
h51 = element("h5");
|
||||
raw1_after = element('noscript');
|
||||
t4 = space();
|
||||
span1 = element("span");
|
||||
span1.textContent = "PAGES";
|
||||
t6 = space();
|
||||
pageslist.$$.fragment.c();
|
||||
t5 = space();
|
||||
t7 = space();
|
||||
div3 = element("div");
|
||||
if (if_block) if_block.c();
|
||||
attr(h30, "class", "svelte-153wzef");
|
||||
add_location(h30, file$o, 13, 12, 293);
|
||||
attr(div0, "class", "components-list-container svelte-153wzef");
|
||||
add_location(div0, file$o, 12, 8, 240);
|
||||
attr(h31, "class", "svelte-153wzef");
|
||||
add_location(h31, file$o, 18, 12, 458);
|
||||
attr(div1, "class", "pages-list-container svelte-153wzef");
|
||||
add_location(div1, file$o, 17, 8, 410);
|
||||
attr(div2, "class", "ui-nav svelte-153wzef");
|
||||
add_location(div2, file$o, 10, 4, 208);
|
||||
attr(div3, "class", "component-preview svelte-153wzef");
|
||||
add_location(div3, file$o, 24, 4, 537);
|
||||
attr(div4, "class", "root svelte-153wzef");
|
||||
add_location(div4, file$o, 8, 0, 178);
|
||||
attr(span0, "class", "nav-title-inner svelte-5zgcq9");
|
||||
add_location(span0, file$o, 16, 16, 403);
|
||||
attr(h50, "class", "svelte-5zgcq9");
|
||||
add_location(h50, file$o, 14, 12, 332);
|
||||
attr(div0, "class", "components-list-container");
|
||||
add_location(div0, file$o, 13, 8, 279);
|
||||
attr(span1, "class", "nav-title-inner svelte-5zgcq9");
|
||||
add_location(span1, file$o, 24, 16, 683);
|
||||
attr(h51, "class", "svelte-5zgcq9");
|
||||
add_location(h51, file$o, 22, 12, 615);
|
||||
attr(div1, "class", "pages-list-container svelte-5zgcq9");
|
||||
add_location(div1, file$o, 21, 8, 567);
|
||||
attr(div2, "class", "ui-nav svelte-5zgcq9");
|
||||
add_location(div2, file$o, 11, 4, 247);
|
||||
attr(div3, "class", "component-preview svelte-5zgcq9");
|
||||
add_location(div3, file$o, 31, 4, 809);
|
||||
attr(div4, "class", "root svelte-5zgcq9");
|
||||
add_location(div4, file$o, 9, 0, 217);
|
||||
},
|
||||
|
||||
l: function claim(nodes) {
|
||||
|
|
@ -52519,15 +52529,23 @@
|
|||
insert(target, div4, anchor);
|
||||
append(div4, div2);
|
||||
append(div2, div0);
|
||||
append(div0, h30);
|
||||
append(div0, t1);
|
||||
append(div0, h50);
|
||||
append(h50, raw0_after);
|
||||
raw0_after.insertAdjacentHTML("beforebegin", raw0_value);
|
||||
append(h50, t0);
|
||||
append(h50, span0);
|
||||
append(div0, t2);
|
||||
mount_component(componentshierarchy, div0, null);
|
||||
append(div2, t2);
|
||||
append(div2, t3);
|
||||
append(div2, div1);
|
||||
append(div1, h31);
|
||||
append(div1, t4);
|
||||
append(div1, h51);
|
||||
append(h51, raw1_after);
|
||||
raw1_after.insertAdjacentHTML("beforebegin", raw1_value);
|
||||
append(h51, t4);
|
||||
append(h51, span1);
|
||||
append(div1, t6);
|
||||
mount_component(pageslist, div1, null);
|
||||
append(div4, t5);
|
||||
append(div4, t7);
|
||||
append(div4, div3);
|
||||
if (if_block) if_block.m(div3, null);
|
||||
current = true;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue