25 lines
591 B
Svelte
25 lines
591 B
Svelte
<script lang="ts">
|
|
import { getSelectedContext } from "$lib/contexts/SelectContext.svelte";
|
|
|
|
export let name: string;
|
|
export let devices: {id: string}[];
|
|
|
|
function toggleAll() {
|
|
toggleMultiSelection(devices.map(d => d.id));
|
|
}
|
|
|
|
const {toggleMultiSelection} = getSelectedContext();
|
|
</script>
|
|
|
|
<div class="room-header">
|
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
<div on:click={toggleAll} class="name">{name}</div>
|
|
</div>
|
|
|
|
<style lang="sass">
|
|
div.room-header
|
|
user-select: none
|
|
font-size: 2rem
|
|
color: #abc
|
|
border-bottom: 1px solid #123
|
|
</style> |