You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.1 KiB
66 lines
2.1 KiB
|
|
|
|
/**
|
|
*
|
|
* @param {Array<CompelExtension>} extensions
|
|
* @returns {Component}
|
|
*/
|
|
function frameworkControlPanel(
|
|
extensions = []
|
|
) {
|
|
return builder.row()
|
|
.alignment(Alignment.CENTER)
|
|
.arrangement(Arrangement.CENTER)
|
|
.isHigherComponent()
|
|
.setStylingsStorage(ExtStoreType.INTERNALIZED_WITHIN)
|
|
.modifier(
|
|
new Modifier()
|
|
.fillMaxWidth()
|
|
.background(MaterialFiveHundredlColors.ORANGE)
|
|
.dimensions(
|
|
new Dimensions()
|
|
.height(200)
|
|
)
|
|
.border(
|
|
new Border(3)
|
|
.color(Colors.goldenrod_3)
|
|
)
|
|
.padding(4)
|
|
)
|
|
.childContext([
|
|
builder.column()
|
|
.modifier(new Modifier().fillMaxHeight())
|
|
.childContext([
|
|
builder.label().text("Installed Extensions:")
|
|
,
|
|
builder.column()
|
|
.overflow()
|
|
.modifier(
|
|
new Modifier()
|
|
.linkPadding(4).ensureModifier()
|
|
.linkBorder(1)
|
|
)
|
|
.childContext(
|
|
extensions.map(
|
|
/**
|
|
*
|
|
* @param {CompelExtension} ext
|
|
* @returns {Component}
|
|
*/
|
|
ext => builder.span().text(ext.diplayTitle)
|
|
)
|
|
)
|
|
])
|
|
,
|
|
builder.div()
|
|
.alignment(Alignment.CENTER)
|
|
.arrangement(Arrangement.CENTER)
|
|
.childContext([
|
|
builder.label()
|
|
.text("to generate and download page displayed below click on 'generate'")
|
|
,
|
|
builder.button()
|
|
.text("generate")
|
|
])
|
|
]);
|
|
}
|
|
|