diff --git a/src/lib/components/Output/Print/MainSystems/Movable.svelte b/src/lib/components/Output/Print/MainSystems/Movable.svelte new file mode 100644 index 0000000..e69ddcd --- /dev/null +++ b/src/lib/components/Output/Print/MainSystems/Movable.svelte @@ -0,0 +1,42 @@ + { + e.dragStart && e.dragStart.set(frame.translate); + }} + on:dragOrigin={({ detail: e }) => { + frame.translate = e.drag.beforeTranslate; + frame.transformOrigin = e.transformOrigin; + }} + on:dragStart={({ detail: e }) => { + e.set(frame.translate); + }} + on:drag={({ detail: e }) => { + frame.translate = e.beforeTranslate; + }} + on:render={({ detail: e }) => { + const { translate, rotate, transformOrigin } = frame; + e.target.style.transformOrigin = transformOrigin; + e.target.style.transform = + `translate(${translate[0]}px, ${translate[1]}px)` + + ` rotate(${rotate}deg)`; + }} +/> + + diff --git a/src/lib/components/Output/Print/MainSystems/index.svelte b/src/lib/components/Output/Print/MainSystems/index.svelte index 1595607..29d68a2 100644 --- a/src/lib/components/Output/Print/MainSystems/index.svelte +++ b/src/lib/components/Output/Print/MainSystems/index.svelte @@ -1,26 +1,53 @@
{#if ftl !== "none"} - ftl drive + ftl drive + + {#if movable} + + {/if} {/if} {#if engine > 0} -
{engine}
+
+ {engine} +
+ {#if movable} + + {/if} {/if} internal systems + {#if movable} + + {/if}