From aa22ebc3b9c34879687047a28d22c4487c6ac380 Mon Sep 17 00:00:00 2001 From: Robert Jaros Date: Fri, 31 Jan 2020 15:54:55 +0100 Subject: Support for fieldset HTML element both as a standalone container and within FormPanel (#129) --- .../pl/treksoft/kvision/panel/FieldsetPanel.kt | 83 ++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 src/main/kotlin/pl/treksoft/kvision/panel/FieldsetPanel.kt (limited to 'src/main/kotlin/pl/treksoft/kvision/panel') diff --git a/src/main/kotlin/pl/treksoft/kvision/panel/FieldsetPanel.kt b/src/main/kotlin/pl/treksoft/kvision/panel/FieldsetPanel.kt new file mode 100644 index 00000000..14310ffc --- /dev/null +++ b/src/main/kotlin/pl/treksoft/kvision/panel/FieldsetPanel.kt @@ -0,0 +1,83 @@ +/* + * Copyright (c) 2017-present Robert Jaros + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +package pl.treksoft.kvision.panel + +import com.github.snabbdom.VNode +import pl.treksoft.kvision.core.Container +import pl.treksoft.kvision.html.TAG +import pl.treksoft.kvision.html.Tag + +/** + * The HTML fieldset container. + * + * @constructor + * @param legend the legend of the fieldset + * @param classes a set of CSS class names + * @param init an initializer extension function + */ +open class FieldsetPanel( + legend: String? = null, + classes: Set = setOf(), + init: (FieldsetPanel.() -> Unit)? = null +) : + SimplePanel(classes = classes + "kv_fieldset") { + + /** + * The legend of the fieldset. + */ + var legend + get() = legendComponent.content + set(value) { + legendComponent.content = value + } + + /** + * The legend component. + */ + protected val legendComponent = Tag(TAG.LEGEND, legend) + + init { + @Suppress("LeakingThis") + init?.invoke(this) + } + + override fun render(): VNode { + val childrenVNodes = childrenVNodes() + childrenVNodes.asDynamic().unshift(legendComponent.renderVNode()) + return render("fieldset", childrenVNodes) + } +} + +/** + * DSL builder extension function. + * + * It takes the same parameters as the constructor of the built component. + */ +fun Container.fieldsetPanel( + legend: String? = null, + classes: Set = setOf(), + init: (FieldsetPanel.() -> Unit)? = null +): FieldsetPanel { + val fieldsetPanel = FieldsetPanel(legend, classes, init) + this.add(fieldsetPanel) + return fieldsetPanel +} -- cgit