Handlebars templating support.

7 files changed, 38 insertions, 8 deletions

diff --git a/src/main/kotlin/pl/treksoft/kvision/KVManager.kt b/src/main/kotlin/pl/treksoft/kvision/KVManager.kt
index 7f79155d..121f0ab7 100644
--- a/src/main/kotlin/pl/treksoft/kvision/KVManager.kt
+++ b/src/main/kotlin/pl/treksoft/kvision/KVManager.kt
@@ -121,6 +121,7 @@ internal object KVManager {
 
     private val resizable = require("jquery-resizable-dom")
     internal val fecha = require("fecha")
+    private val handlebars = require("handlebars/dist/handlebars.runtime.min.js")
     private val sdPatch = Snabbdom.init(
         arrayOf(
             classModule, attributesModule, propsModule, styleModule,
diff --git a/src/main/kotlin/pl/treksoft/kvision/html/Div.kt b/src/main/kotlin/pl/treksoft/kvision/html/Div.kt
index 6acc9d5b..42d6b496 100644
--- a/src/main/kotlin/pl/treksoft/kvision/html/Div.kt
+++ b/src/main/kotlin/pl/treksoft/kvision/html/Div.kt
@@ -34,7 +34,7 @@ import pl.treksoft.kvision.core.Container
  * @param init an initializer extension function
  */
 open class Div(
-    content: String,
+    content: String? = null,
     rich: Boolean = false,
     align: Align? = null,
     classes: Set<String> = setOf(),
@@ -54,7 +54,7 @@ open class Div(
          * It takes the same parameters as the constructor of the built component.
          */
         fun Container.div(
-            content: String,
+            content: String? = null,
             rich: Boolean = false,
             align: Align? = null,
             classes: Set<String> = setOf(),
diff --git a/src/main/kotlin/pl/treksoft/kvision/html/Label.kt b/src/main/kotlin/pl/treksoft/kvision/html/Label.kt
index 2ec45274..41406cf2 100644
--- a/src/main/kotlin/pl/treksoft/kvision/html/Label.kt
+++ b/src/main/kotlin/pl/treksoft/kvision/html/Label.kt
@@ -30,7 +30,7 @@ import pl.treksoft.kvision.core.Container
  * @param content label text
  * @param rich determines if [content] can contain HTML code
  */
-open class Label(content: String, rich: Boolean = false) : Tag(TAG.SPAN, content, rich) {
+open class Label(content: String? = null, rich: Boolean = false) : Tag(TAG.SPAN, content, rich) {
     companion object {
         /**
          * DSL builder extension function.
@@ -38,7 +38,7 @@ open class Label(content: String, rich: Boolean = false) : Tag(TAG.SPAN, content
          * It takes the same parameters as the constructor of the built component.
          */
         fun Container.label(
-            content: String, rich: Boolean = false, init: (Label.() -> Unit)? = null
+            content: String? = null, rich: Boolean = false, init: (Label.() -> Unit)? = null
         ): Label {
             val label = Label(content, rich).apply { init?.invoke(this) }
             this.add(label)
diff --git a/src/main/kotlin/pl/treksoft/kvision/html/Tag.kt b/src/main/kotlin/pl/treksoft/kvision/html/Tag.kt
index fce5acaa..936d7b89 100644
--- a/src/main/kotlin/pl/treksoft/kvision/html/Tag.kt
+++ b/src/main/kotlin/pl/treksoft/kvision/html/Tag.kt
@@ -104,7 +104,7 @@ enum class Align(val className: String) {
 open class Tag(
     type: TAG, content: String? = null, rich: Boolean = false, align: Align? = null,
     classes: Set<String> = setOf(), init: (Tag.() -> Unit)? = null
-) : SimplePanel(classes) {
+) : SimplePanel(classes), Template {
 
     /**
      * Tag type.
@@ -113,15 +113,19 @@ open class Tag(
     /**
      * Text content of the tag.
      */
-    var content by refreshOnUpdate(content)
+    override var content by refreshOnUpdate(content)
     /**
      * Determines if [content] can contain HTML code.
      */
-    var rich by refreshOnUpdate(rich)
+    override var rich by refreshOnUpdate(rich)
     /**
      * Text align.
      */
     var align by refreshOnUpdate(align)
+    /**
+     * Handlebars template.
+     */
+    override var template: (Any?) -> String by refreshOnUpdate()
 
     init {
         @Suppress("LeakingThis")
diff --git a/src/main/kotlin/pl/treksoft/kvision/html/Template.kt b/src/main/kotlin/pl/treksoft/kvision/html/Template.kt
new file mode 100644
index 00000000..f54c6115
--- /dev/null
+++ b/src/main/kotlin/pl/treksoft/kvision/html/Template.kt
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2018. Robert Jaros
+ */
+package pl.treksoft.kvision.html
+
+interface Template {
+    var content: String?
+    var rich: Boolean
+    var template: (Any?) -> String
+
+    var templateData: Any?
+        get() {
+            return null
+        }
+        set(value) {
+            if (!rich) rich = true
+            content = template(value)
+        }
+}
diff --git a/src/main/kotlin/pl/treksoft/kvision/progress/ProgressIndicator.kt b/src/main/kotlin/pl/treksoft/kvision/progress/ProgressIndicator.kt
index 10413ebb..02a4c354 100644
--- a/src/main/kotlin/pl/treksoft/kvision/progress/ProgressIndicator.kt
+++ b/src/main/kotlin/pl/treksoft/kvision/progress/ProgressIndicator.kt
@@ -44,7 +44,7 @@ internal class ProgressIndicator(
     content: String? = null, rich: Boolean = false, align: Align? = null,
     classes: Set<String> = setOf()
 ) :
-    Div(content ?: "", rich, align, classes) {
+    Div(content, rich, align, classes) {
 
     /**
      * The current progress.
diff --git a/webpack.config.d/handlebars.js b/webpack.config.d/handlebars.js
new file mode 100644
index 00000000..3847b17a
--- /dev/null
+++ b/webpack.config.d/handlebars.js
@@ -0,0 +1,6 @@
+config.module.rules.push(
+    {
+        test: /\.hbs$/i,
+        loader: 'handlebars-loader'
+    }
+);
\ No newline at end of file