48 lines
1.1 KiB
Svelte
48 lines
1.1 KiB
Svelte
|
<script>
|
||
|
|
export let containerClass = "";
|
||
|
|
export let formControls = [];
|
||
|
|
|
||
|
|
export let _bb;
|
||
|
|
|
||
|
|
let htmlElements = {};
|
||
|
|
let labelElements = {};
|
||
|
|
let labels = {};
|
||
|
|
let isInitialised = false;
|
||
|
|
|
||
|
|
$ : {
|
||
|
|
|
||
|
|
if(_bb && htmlElements && !isInitialised) {
|
||
|
|
|
||
|
|
let cIndex = 0;
|
||
|
|
for(let c of formControls) {
|
||
|
|
labels[cIndex] = c.label;
|
||
|
|
cIndex++;
|
||
|
|
}
|
||
|
|
|
||
|
|
for(let el in htmlElements) {
|
||
|
|
if(formControls[el].control.controlPosition === "Before Label") {
|
||
|
|
_bb.insertComponent(
|
||
|
|
formControls[el].control,
|
||
|
|
htmlElements[el],
|
||
|
|
labelElements[el]);
|
||
|
|
} else {
|
||
|
|
_bb.appendComponent(
|
||
|
|
formControls[el].control,
|
||
|
|
htmlElements[el]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
isInitialised = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<form>
|
||
|
|
{#each formControls as child, index}
|
||
|
|
<div class="form-group" bind:this={htmlElements[index]}>
|
||
|
|
<label bind:this={labelElements[index]}>{labels[index]}</label>
|
||
|
|
</div>
|
||
|
|
{/each}
|
||
|
|
</form>
|
||
|
|
|