ffmpeg-explorer/src/Input.svelte

32 lines
542 B
Svelte
Raw Normal View History

2023-08-18 17:23:56 -04:00
<script>
2023-08-22 12:05:49 -04:00
import { removeInput } from "./stores.js";
2023-08-19 17:31:55 -04:00
export let filename = "punch.mp4";
2023-08-22 12:05:49 -04:00
export let id;
2023-08-19 17:31:55 -04:00
export let index;
2023-08-18 17:23:56 -04:00
2023-08-19 17:31:55 -04:00
function remove() {
2023-08-22 12:05:49 -04:00
console.log(id);
removeInput(id);
2023-08-19 17:31:55 -04:00
}
2023-08-18 17:23:56 -04:00
</script>
<div>
2023-08-19 17:31:55 -04:00
<select bind:value={filename}>
<option value="punch.mp4">punch.mp4</option>
<option value="shoe.mp4">shoe.mp4</option>
</select>
<button on:click={remove}>X</button>
2023-08-18 17:23:56 -04:00
</div>
2023-08-19 17:31:55 -04:00
<style>
div {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
select {
flex: 1;
margin-right: 10px;
}
</style>