aboutsummaryrefslogtreecommitdiff
path: root/kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision
diff options
context:
space:
mode:
authorRobert Jaros <rjaros@finn.pl>2020-02-28 12:41:05 +0100
committerRobert Jaros <rjaros@finn.pl>2020-02-28 12:41:05 +0100
commite5807cd211b4f4b9e83fe9ee235713ac4ca59661 (patch)
treecf27365b90e91146171527b10d7a639a6f254f81 /kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision
parente4b5290e4898858612da882d9186b2aba548a9d9 (diff)
downloadkvision-e5807cd211b4f4b9e83fe9ee235713ac4ca59661.tar.gz
kvision-e5807cd211b4f4b9e83fe9ee235713ac4ca59661.tar.bz2
kvision-e5807cd211b4f4b9e83fe9ee235713ac4ca59661.zip
Add an option to automatically collapse navbar on click
Diffstat (limited to 'kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision')
-rw-r--r--kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision/navbar/Navbar.kt19
1 files changed, 18 insertions, 1 deletions
diff --git a/kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision/navbar/Navbar.kt b/kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision/navbar/Navbar.kt
index c6f6fe3f..81e061e8 100644
--- a/kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision/navbar/Navbar.kt
+++ b/kvision-modules/kvision-bootstrap/src/main/kotlin/pl/treksoft/kvision/navbar/Navbar.kt
@@ -22,6 +22,7 @@
package pl.treksoft.kvision.navbar
import com.github.snabbdom.VNode
+import pl.treksoft.jquery.jQuery
import pl.treksoft.kvision.core.BsBgColor
import pl.treksoft.kvision.core.Component
import pl.treksoft.kvision.core.Container
@@ -70,6 +71,7 @@ enum class NavbarExpand(internal val navbarExpand: String) {
* @param expand the navbar responsive behavior
* @param nColor the navbar color
* @param bgColor the navbar background color
+ * @param collapseOnClick the navbar is auto collapsed when the link is clicked
* @param classes a set of CSS class names
* @param init an initializer extension function
*/
@@ -80,6 +82,7 @@ open class Navbar(
expand: NavbarExpand? = NavbarExpand.LG,
nColor: NavbarColor = NavbarColor.LIGHT,
bgColor: BsBgColor = BsBgColor.LIGHT,
+ collapseOnClick: Boolean = false,
classes: Set<String> = setOf(), init: (Navbar.() -> Unit)? = null
) : SimplePanel(classes) {
@@ -135,6 +138,19 @@ open class Navbar(
addInternal(container)
if (label == null) brandLink.hide()
counter++
+ if (collapseOnClick) {
+ setInternalEventListener<Navbar> {
+ click = {
+ val target = jQuery(it.target)
+ if (target.`is`("a.nav-item.nav-link")) {
+ val navbar = target.parents("nav.navbar").first()
+ val toggler = navbar.children("button.navbar-toggler")
+ val collapse = navbar.children("div.navbar-collapse")
+ if (collapse.`is`(".show")) toggler.click()
+ }
+ }
+ }
+ }
@Suppress("LeakingThis")
init?.invoke(this)
}
@@ -198,9 +214,10 @@ fun Container.navbar(
expand: NavbarExpand? = NavbarExpand.LG,
nColor: NavbarColor = NavbarColor.LIGHT,
bgColor: BsBgColor = BsBgColor.LIGHT,
+ collapseOnClick: Boolean = false,
classes: Set<String> = setOf(), init: (Navbar.() -> Unit)? = null
): Navbar {
- val navbar = Navbar(label, link, type, expand, nColor, bgColor, classes, init)
+ val navbar = Navbar(label, link, type, expand, nColor, bgColor, collapseOnClick, classes, init)
this.add(navbar)
return navbar
}