jwetzell/showbridge-webui
1
0
Fork 0
mirror of https://github.com/jwetzell/showbridge-webui.git synced 2026-09-01 19:39:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

make processors drag and droppable within their own route

Browse Source
This commit is contained in:
Joel Wetzell
2026-05-17 16:35:41 -05:00
parent 232d20ebb6
commit c311298811
4 changed files with 95 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/processor/processor.html
+44
View File
@@ -6,6 +6,14 @@
}} border-solid w-fit h-full"
>
<div class="flex items-center justify-center">
@if (inDragList()) {
<div
cdkDragHandle
class="flex items-center justify-center bg-transparent hover:bg-gray-700 hover:cursor-move text-blue-400"
>
<mat-icon>drag_indicator</mat-icon>
</div>
}
<div class="grow ml-1 mr-3 text-white">
{{ schema()?.title || processor()?.type }}
</div>
@@ -28,4 +36,40 @@
}
</div>
</div>
<div *cdkDragPreview class="flex items-start m-2 w-fit">
<div
class="flex flex-col bg-gray-800 border-2 {{
isInError() ? 'border-red-500' : 'border-gray-600'
}} border-solid w-fit h-full"
>
<div class="flex items-center justify-center">
@if (inDragList()) {
<div
cdkDragHandle
class="flex items-center justify-center bg-transparent hover:bg-gray-700 hover:cursor-move text-blue-400"
>
<mat-icon>drag_indicator</mat-icon>
</div>
}
<div class="grow ml-1 mr-3 text-white">
{{ schema()?.title || processor()?.type }}
</div>
</div>
</div>
</div>
<div *cdkDragPlaceholder class="flex items-start m-2 w-fit">
<div
class="flex flex-col bg-gray-800 border-2 {{
isInError() ? 'border-red-500' : 'border-gray-600'
}} border-dotted w-fit h-full"
>
<div class="flex items-center justify-center">
<div class="grow ml-1 mr-3 text-transparent">
{{ schema()?.title || processor()?.type }}
</div>
</div>
</div>
</div>
}