68 lines
1.6 KiB
Svelte
68 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import { Menu } from '$lib/components/common'
|
|
import { faCode, faCodeBranch, faPlus, faRepeat } from '@fortawesome/free-solid-svg-icons'
|
|
import { createEventDispatcher } from 'svelte'
|
|
import Icon from 'svelte-awesome'
|
|
|
|
const dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
<Menu noMinW placement="bottom-start" let:close>
|
|
<button
|
|
slot="trigger"
|
|
type="button"
|
|
class="text-gray-900 bg-white border mx-0.5 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center"
|
|
>
|
|
<Icon data={faPlus} scale={0.8} />
|
|
</button>
|
|
<div class="divide-y divide-gray-100 text-xs w-40">
|
|
<button
|
|
class="w-full text-left p-2 hover:bg-gray-100"
|
|
on:click={() => {
|
|
close()
|
|
dispatch('new', 'script')
|
|
}}
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<Icon data={faCode} scale={0.8} class="mr-1" />
|
|
Script
|
|
</button>
|
|
<button
|
|
class="w-full text-left p-2 hover:bg-gray-100"
|
|
on:click={() => {
|
|
close()
|
|
dispatch('new', 'forloop')
|
|
}}
|
|
role="menuitem"
|
|
>
|
|
<Icon data={faRepeat} scale={0.8} class="mr-1" />
|
|
For Loop
|
|
</button>
|
|
|
|
<button
|
|
class="w-full text-left p-2 hover:bg-gray-100"
|
|
on:click={() => {
|
|
close()
|
|
dispatch('new', 'branchone')
|
|
}}
|
|
role="menuitem"
|
|
>
|
|
<Icon data={faCodeBranch} scale={0.8} class="mr-1" />
|
|
Branch to one
|
|
</button>
|
|
|
|
<button
|
|
class="w-full text-left p-2 hover:bg-gray-100"
|
|
on:click={() => {
|
|
close()
|
|
dispatch('new', 'branchall')
|
|
}}
|
|
role="menuitem"
|
|
>
|
|
<Icon data={faCodeBranch} scale={0.8} class="mr-1" />
|
|
Branch to all
|
|
</button>
|
|
</div>
|
|
</Menu>
|