1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/*
* Copyright (c) 2018. Robert Jaros
*/
package pl.treksoft.kvision.html
import com.github.snabbdom.VNode
import pl.treksoft.kvision.core.Container
import pl.treksoft.kvision.core.StringPair
import pl.treksoft.kvision.core.Widget
/**
* Iframe sandbox options.
*/
enum class Sandbox(internal val option: String) {
ALLOWFORMS("allow-forms"),
ALLOWPOINTERLOCK("allow-pointer-lock"),
ALLOWPOPUPS("allow-popups"),
ALLOWSAMEORIGIN("allow-same-origin"),
ALLOWSCRIPTS("allow-scripts"),
ALLOWTOPNAVIGATION("allow-top-navigation")
}
/**
* Iframe component.
*
* @constructor
* @param src the iframe document address
* @param srcdoc the HTML content of the iframe
* @param name the name of the iframe
* @param iframeWidth the width of the iframe
* @param iframeHeight the height of the iframe
* @param sandbox a set of Sandbox options
* @param classes a set of CSS class names
*/
open class Iframe(
src: String? = null, srcdoc: String? = null, name: String? = null, iframeWidth: Int? = null,
iframeHeight: Int? = null, sandbox: Set<Sandbox>? = null, classes: Set<String> = setOf()
) : Widget(classes) {
/**
* The iframe document address.
*/
var src by refreshOnUpdate(src)
/**
* The HTML content of the iframe.
*/
var srcdoc by refreshOnUpdate(srcdoc)
/**
* The name of the iframe.
*/
var name by refreshOnUpdate(name)
/**
* The width of the iframe.
*/
var iframeWidth by refreshOnUpdate(iframeWidth)
/**
* The height of the iframe.
*/
var iframeHeight by refreshOnUpdate(iframeHeight)
/**
* A set of Sandbox options.
*/
var sandbox by refreshOnUpdate(sandbox)
/**
* A current location URL of the iframe.
*/
var location: String?
get() = getLocation()
set(value) {
setLocation(value)
}
override fun render(): VNode {
return render("iframe")
}
override fun getSnAttrs(): List<StringPair> {
val pr = super.getSnAttrs().toMutableList()
src?.let {
pr.add("src" to it)
}
srcdoc?.let {
pr.add("srcdoc" to it)
}
name?.let {
pr.add("name" to it)
}
iframeWidth?.let {
pr.add("width" to it.toString())
}
iframeHeight?.let {
pr.add("height" to it.toString())
}
sandbox?.let {
pr.add("sandbox" to it.joinToString(" ") { it.option })
}
return pr
}
@Suppress("UnsafeCastFromDynamic")
private fun getLocation(): String? {
return getElementJQueryD()[0].contentWindow.location.href
}
private fun setLocation(location: String?) {
getElementJQueryD()[0].contentWindow.location.href = location ?: "about:blank"
}
companion object {
/**
* DSL builder extension function.
*
* It takes the same parameters as the constructor of the built component.
*/
fun Container.iframe(
src: String? = null, srcdoc: String? = null, name: String? = null, iframeWidth: Int? = null,
iframeHeight: Int? = null, sandbox: Set<Sandbox>? = null, classes: Set<String> = setOf(),
init: (Iframe.() -> Unit)? = null
): Iframe {
val iframe =
Iframe(src, srcdoc, name, iframeWidth, iframeHeight, sandbox, classes).apply { init?.invoke(this) }
this.add(iframe)
return iframe
}
}
}
|
