[UI] Expose procedures as entities #428
No reviewers
Labels
No labels
architecture
authentication
backend
bug
ci/cd
cleanup
documentation
duplicate
enhancement
good first issue
help wanted
in progress
invalid
media
mobile
new feature
notes
packaging
question
ui
upstream breaking change
voice
waiting user input
wontfix
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
platypush/platypush!428
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "341/procedure-entities-ui"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Closes #341
proceduresplugin. 9ec21fe10dAutocompletecomponent. 3249053eb0titlepropery toEditButtoncomponent. b0d9a95331Responsecomponent. cc621cdca6This is to bridge the gap between pointer-based and touch-based devices and provide a drag-and-drop implementation that exposes a consistent API for both the interfaces. These components work by wrapping an underlying draggable/droppable DOM element and proxying the event handlers consistently when drag/touch events are detected. This allows to listen to high-level drag/drop events even on touch-based interface based on touch start/move/end events. Example usage: ```vue <template> <div class="draggable" ref="draggable"> I can be dragged. </div> <div class="droppable" ref="droppable"> Drop elements here. </div> <Draggable :element="$refs.draggable" @drag="console.log('The element is being dragged')" @drop="console.log('The element is been dropped')" /> <Droppable :element="$refs.droppable" @dragenter="console.log('Entering')" @dragleave="console.log('Leaving')" @dragover="console.log('Dragging over')" @drop="console.log('Dropped!')" /> </template> <style lang="scss" scoped> .draggable { &.dragged { opacity: 0.5; } } .droppable { &.active { border: 1px solid green; } &.selected { background: yellow; } } </style> ```Draggablecomponent events. daa030ff4creturnblock toProcedureEditor.whileloops in procedure editor. dfbbea93fddragendevents fromTilecomponents. 8b621cbf30alarmUI to the changes to theProcedureEditorcomponent.FileBrowser.