78 lines
2 KiB
Text
78 lines
2 KiB
Text
|
|
<div class="grid h-dvh w-dvw grid-cols-4 grid-rows-4 gap-4">
|
|
<div
|
|
class="row-start-1 row-end-5 m-2 w-full rounded-3xl border border-zinc-950/25 bg-zinc-950/50 p-4 backdrop-blur-md"
|
|
id="top_left_adb"
|
|
>
|
|
<Card.Root id="adb-connect-card" style="background: #BDBDBD;">
|
|
<Card.Header>
|
|
<Card.Title>
|
|
<div class="flex gap-4">
|
|
<StatusHealth />
|
|
<h1 class="status-head">Status:</h1>
|
|
{#if adb.getAdbInstance() != null}
|
|
<p>Connected</p>
|
|
{:else}
|
|
<p>Disconnected</p>
|
|
{/if}
|
|
</div>
|
|
</Card.Title>
|
|
<Card.Action>
|
|
<Button variant="default">?</Button>
|
|
</Card.Action>
|
|
</Card.Header>
|
|
|
|
<Card.Content>
|
|
<!-- row -->
|
|
|
|
<!-- dropbox + connect btn -->
|
|
|
|
<Button class="button" onclick={test_adb}>Test ADB</Button>
|
|
<Button class="button" onclick={adb.disconnect}>Disconnect</Button>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- checkbox fallback -->
|
|
|
|
<Label
|
|
class="flex items-start gap-3 rounded-lg border p-3 hover:bg-accent/50 has-aria-checked:border-blue-600 has-aria-checked:bg-blue-50 dark:has-aria-checked:border-blue-900 dark:has-aria-checked:bg-blue-950"
|
|
>
|
|
<Checkbox
|
|
id="toggle-fallback-protocol"
|
|
class="data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=checked]:text-white dark:data-[state=checked]:border-blue-700 dark:data-[state=checked]:bg-blue-700"
|
|
/>
|
|
<div class="grid gap-1.5 font-normal">
|
|
<p class="text-sm leading-none font-medium">Use fallback protocol</p>
|
|
<p class="text-sm text-muted-foreground">
|
|
Enable this may require download desktop agent app. Please use only unable to connect.
|
|
</p>
|
|
</div>
|
|
</Label>
|
|
</Card.Content>
|
|
</Card.Root>
|
|
|
|
|
|
<Button variant="outline" onclick={test_pull_recipe_dev}>Test Pull Recipe dev</Button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- <input id="cmd-input" class="border rounded-b-2xl" type="text"/>
|
|
<Button onclick={test_send_command}>Send cmd</Button> -->
|
|
|
|
|
|
<TerminalComponent/>
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.status-head {
|
|
font-family: 'Roboto Flex';
|
|
font-weight: 700;
|
|
font-size: 12;
|
|
color: white;
|
|
}
|
|
</style>
|