From 7d08dca00e75c2d70fbcbd5d570e43b1b863c259 Mon Sep 17 00:00:00 2001
From: Robert Jaros <rjaros@finn.pl>
Date: Sun, 9 Feb 2020 01:57:15 +0100
Subject: Fix DateTimeInput positioning inside the Tabulator table

---
 .../pl/treksoft/kvision/form/time/DateTimeInput.kt | 26 ++++++++++++++++++++++
 1 file changed, 26 insertions(+)

(limited to 'kvision-modules/kvision-bootstrap-datetime')

diff --git a/kvision-modules/kvision-bootstrap-datetime/src/main/kotlin/pl/treksoft/kvision/form/time/DateTimeInput.kt b/kvision-modules/kvision-bootstrap-datetime/src/main/kotlin/pl/treksoft/kvision/form/time/DateTimeInput.kt
index f9f170a9..813059e8 100644
--- a/kvision-modules/kvision-bootstrap-datetime/src/main/kotlin/pl/treksoft/kvision/form/time/DateTimeInput.kt
+++ b/kvision-modules/kvision-bootstrap-datetime/src/main/kotlin/pl/treksoft/kvision/form/time/DateTimeInput.kt
@@ -22,6 +22,7 @@
 package pl.treksoft.kvision.form.time
 
 import com.github.snabbdom.VNode
+import pl.treksoft.jquery.jQuery
 import pl.treksoft.kvision.core.Container
 import pl.treksoft.kvision.core.StringBoolPair
 import pl.treksoft.kvision.form.FormInput
@@ -328,6 +329,31 @@ open class DateTimeInput(
             this.dispatchEvent("change", obj { detail = e })
         }
         this.getElementJQuery()?.on("dp.show") { e, _ ->
+            val inTabulator = this.getElementJQuery()?.closest(".tabulator-cell")?.length == 1
+            if (inTabulator) {
+                val datepicker = jQuery("body").find(".bootstrap-datetimepicker-widget:last")
+                val position = datepicker.offset()
+                val parent = datepicker.parent()
+                val parentPos = parent.offset()
+                val width = datepicker.width()
+                val parentWid = parent.width()
+                datepicker.appendTo("body")
+                @Suppress("UnsafeCastFromDynamic")
+                datepicker.css(obj {
+                    this.position = "absolute"
+                    this.top = position.top
+                    this.bottom = "auto"
+                    this.left = position.left
+                    this.right = "auto"
+                })
+                if (parentPos.left.toInt() + parentWid.toInt() < position.left.toInt() + width.toInt()) {
+                    var newLeft = parentPos.left.toInt()
+                    newLeft += parentWid.toInt() / 2
+                    newLeft -= width.toInt() / 2
+                    @Suppress("UnsafeCastFromDynamic")
+                    datepicker.css(obj { this.left = newLeft })
+                }
+            }
             @Suppress("UnsafeCastFromDynamic")
             this.dispatchEvent("showBsDateTime", obj { detail = e })
         }
-- 
cgit