Spaces:
Running
Running
File size: 2,049 Bytes
0e9afe0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <script type="module">
import { store } from "/plugins/_context_window/webui/context-window-store.js";
</script>
<div x-data>
<template x-if="$store.settings.uiVisibility">
<div class="ui-visibility-row">
<div class="ui-visibility-control">
<x-icon aria-hidden="true" name="donut_large"></x-icon>
<div>
<div class="field-title">Context window</div>
<div class="ui-visibility-state" x-text="$store.settings.uiControlVisibilityLabel('contextWindowUsage')"></div>
</div>
</div>
<div class="ui-device-selector" aria-label="Context window visibility">
<button type="button"
class="ui-device-button"
:class="{ 'is-visible': $store.settings.isUiControlVisible('contextWindowUsage', 'mobile') }"
aria-label="Show context window on mobile"
:aria-pressed="$store.settings.isUiControlVisible('contextWindowUsage', 'mobile').toString()"
:title="$store.settings.isUiControlVisible('contextWindowUsage', 'mobile') ? 'Shown on mobile' : 'Hidden on mobile'"
@click="$store.settings.toggleUiControl('contextWindowUsage', 'mobile')">
<x-icon aria-hidden="true" name="smartphone"></x-icon>
<span>Mobile</span>
</button>
<button type="button"
class="ui-device-button"
:class="{ 'is-visible': $store.settings.isUiControlVisible('contextWindowUsage', 'desktop') }"
aria-label="Show context window on desktop"
:aria-pressed="$store.settings.isUiControlVisible('contextWindowUsage', 'desktop').toString()"
:title="$store.settings.isUiControlVisible('contextWindowUsage', 'desktop') ? 'Shown on desktop' : 'Hidden on desktop'"
@click="$store.settings.toggleUiControl('contextWindowUsage', 'desktop')">
<x-icon aria-hidden="true" name="desktop_windows"></x-icon>
<span>Desktop</span>
</button>
</div>
</div>
</template>
</div>
|