2019-07-13 21:35:57 +12:00
|
|
|
<script>
|
2020-02-25 05:41:02 +13:00
|
|
|
import { JavaScriptIcon } from "../common/Icons"
|
2020-02-03 22:50:30 +13:00
|
|
|
// todo: use https://ace.c9.io
|
|
|
|
export let text = ""
|
|
|
|
export let label = ""
|
2020-02-25 05:41:02 +13:00
|
|
|
export let javascript = false
|
2019-07-13 21:35:57 +12:00
|
|
|
</script>
|
|
|
|
|
2020-02-25 05:41:02 +13:00
|
|
|
<div class="header">
|
|
|
|
{#if javascript}
|
|
|
|
<JavaScriptIcon />
|
|
|
|
{/if}
|
|
|
|
<span>{label}</span>
|
|
|
|
</div>
|
2020-02-03 22:50:30 +13:00
|
|
|
<textarea class="uk-textarea" bind:value={text} />
|
2019-07-13 21:35:57 +12:00
|
|
|
|
|
|
|
<style>
|
2020-02-03 22:50:30 +13:00
|
|
|
textarea {
|
|
|
|
padding: 3px;
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-bottom: 10px;
|
2019-09-19 06:16:11 +12:00
|
|
|
background: var(--lightslate);
|
2020-02-03 22:50:30 +13:00
|
|
|
font-family: "Courier New", Courier, monospace;
|
|
|
|
width: 95%;
|
|
|
|
height: 100px;
|
2019-09-19 06:16:11 +12:00
|
|
|
border-radius: 5px;
|
2020-02-03 22:50:30 +13:00
|
|
|
}
|
2020-02-25 05:41:02 +13:00
|
|
|
|
|
|
|
span {
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
2020-02-03 22:50:30 +13:00
|
|
|
</style>
|