Contents

<div style="min-width: 100px;">
  <Card variant="outlined" padded>
    <Button on:click={() => handleClick()} variant="raised">
      <Label>Send Command</Label>
    </Button>
  </Card>
</div>

<Portal target="#openc3-menu">
  <Button on:click={() => menu.setOpen(true)} variant="raised">
    <Label>File</Label>
  </Button>
  <Menu bind:this={menu}>
    <List>
      <Item on:SMUI:action={() => handleClick()}>
        <Text>Send Command</Text>
      </Item>
    </List>
  </Menu>

  <div style="display: inline-block; text-align: center; width:80%;"><%= tool_name_display %></div>
</Portal>

<script>
  import Portal from "svelte-portal";
  import Menu from '@smui/menu';
  import List, { Item, Separator, Text } from '@smui/list';
  import Button, { Label } from '@smui/button';
  import Card from '@smui/card';
  import { OpenC3Api } from '@openc3/js-common/services';

  let menu;

  function handleClick () {
    let api = new OpenC3Api();
    api.cmd("INST", "COLLECT", { TYPE: "NORMAL" }).then((response) => {
      alert("Command Sent!");
    });
	}

  document.title = "<%= tool_name_display %>";
</script>

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
openc3-6.2.1	templates/tool_svelte/src/App.svelte
openc3-6.2.0	templates/tool_svelte/src/App.svelte
openc3-6.1.0	templates/tool_svelte/src/App.svelte
openc3-6.0.2	templates/tool_svelte/src/App.svelte
openc3-6.0.1	templates/tool_svelte/src/App.svelte
openc3-6.0.0	templates/tool_svelte/src/App.svelte