Přesunuto na GitHub https://github.com/ksp/kurz
https://ksp.mff.cuni.cz/kurz
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.1 KiB
43 lines
1.1 KiB
4 years ago
|
<script lang="ts">
|
||
|
import { grabAssignment } from "./ksp-task-grabber";
|
||
|
import type { TasksFile, TaskDescriptor } from "./task-loader";
|
||
|
|
||
|
// export let tasks: TasksFile;
|
||
|
export let selectedTask: string | null = null
|
||
|
export let finalSelect: boolean = false
|
||
|
let mouse: boolean = false
|
||
|
|
||
|
let height: string;
|
||
|
$: height = selectedTask == null && !mouse ? "0" :
|
||
|
finalSelect ? "100%" :
|
||
|
"100px"
|
||
|
|
||
|
let taskPromise: Promise<string | null>
|
||
|
$: {
|
||
|
if (selectedTask != null)
|
||
|
taskPromise = grabAssignment(selectedTask)
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
.panel {
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
background-color: #222;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
<div class="panel" style="height: {height}" on:mouseover={() => mouse = false} on:mouseout={() => mouse = false}>
|
||
|
{#if selectedTask != null}
|
||
|
{#await taskPromise}
|
||
|
Načítám úložku {selectedTask} ;)
|
||
|
{:then task}
|
||
|
{@html task}
|
||
|
{/await}
|
||
|
<button type=button on:click={() => finalSelect = false}>
|
||
|
Zavřít
|
||
|
</button>
|
||
|
{/if}
|
||
|
</div>
|