/
design.js
31 lines (31 loc) · 1.91 KB
/
design.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/**
Description to make Panels kind available in Ares.
*/
Palette.model.push(
{name: "Panels", items: [
{name: "CardArranger", title: "Selectable sub-view", icon: "package_new.png", stars: 4.5, version: 2.0, blurb: "A component for panels",
inline: {kind: "FittableColumns", style: "height: 60px; position: relative;", padding: 4, components: [
{style: "background-color: lightgreen; border: 1px dotted green; width: 20px;"},
{style: "background-color: lightgreen; border: 1px dotted green;", fit: true},
{style: "background-color: lightgreen; border: 1px dotted green; width: 20px;"}
]},
config: {content: "$name", isContainer: true, kind: "Panels", arrangerKind: "CardArranger"}
},
{name: "LeftRightArranger", title: "Selectable sub-view", icon: "package_new.png", stars: 4.5, version: 2.0, blurb: "A component for panels",
inline: {kind: "FittableColumns", style: "height: 60px; position: relative;", padding: 4, components: [
{style: "background-color: lightgreen; border: 1px dotted green; width: 20px;"},
{style: "background-color: lightgreen; border: 1px dotted green;", fit: true},
{style: "background-color: lightgreen; border: 1px dotted green; width: 20px;"}
]},
config: {content: "$name", isContainer: true, kind: "Panels", arrangerKind: "LeftRightArranger"}
},
{name: "CollapsingArranger", title: "Selectable sub-view", icon: "package_new.png", stars: 4.5, version: 2.0, blurb: "A component for panels",
inline: {kind: "FittableColumns", style: "height: 60px; position: relative;", padding: 4, components: [
{style: "background-color: lightgreen; border: 1px dotted green; width: 20px;"},
{style: "background-color: lightgreen; border: 1px dotted green;", fit: true},
{style: "background-color: lightgreen; border: 1px dotted green; width: 20px;"}
]},
config: {content: "$name", isContainer: true, kind: "Panels", arrangerKind: "CollapsibleArranger"}
},
]}
);