Compare commits
48
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
d09f79b673 | ||
|
|
c4701e5b37 | ||
|
|
59ea14854b | ||
|
|
08fb19f605 | ||
|
|
e0a963aaab | ||
|
|
586994e28c | ||
|
|
6ea5f6fd28 | ||
|
|
628d5e1c87 | ||
|
|
1eb7765b41 | ||
|
|
058d72be72 | ||
|
|
d953a79e95 | ||
|
|
05d2d5777f | ||
|
|
108a0c0437 | ||
|
|
3602dbeaa8 | ||
|
|
0898b466e1 | ||
|
|
2476676771 | ||
|
|
58df5360aa | ||
|
|
1f95ad2575 | ||
|
|
6e4dba7146 | ||
|
|
78e8d13ce6 | ||
|
|
ec83173ac2 | ||
|
|
a9e640dd2b | ||
|
|
3c546693a5 | ||
|
|
6682f98806 | ||
|
|
f3823d9107 | ||
|
|
7f88026f79 | ||
|
|
5e99e14772 | ||
|
|
8266352421 | ||
|
|
8ee75ae314 | ||
|
|
995d9042e0 | ||
|
|
18f9778d6b | ||
|
|
d8311c95de | ||
|
|
d1d7efff12 | ||
|
|
607264da13 | ||
|
|
3d25eda767 | ||
|
|
206ad711e9 | ||
|
|
867f94c85b | ||
|
|
512c8b5a92 | ||
|
|
d1c030d28c | ||
|
|
f14e57ae8b | ||
|
|
9d26dce586 | ||
|
|
257a812862 | ||
|
|
62c72b5304 | ||
|
|
8d1ba9cf78 | ||
|
|
f4cb863b58 | ||
|
|
6fdcb556c7 | ||
|
|
318e34fe9c | ||
|
|
04220c1431 |
No files matched your search
Vendored
+3
-1
@@ -1,3 +1,5 @@
|
||||
[
|
||||
"editor-width-slider"
|
||||
"editor-width-slider",
|
||||
"better-embedded-canvas",
|
||||
"advanced-canvas"
|
||||
]
|
||||
+7770
File diff suppressed because it is too large.
Load diff
+11
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"id": "advanced-canvas",
|
||||
"name": "Advanced Canvas",
|
||||
"version": "6.4.0",
|
||||
"minAppVersion": "1.7.2",
|
||||
"description": "Supercharge your canvas experience! Create presentations, flowcharts and more!",
|
||||
"author": "Developer-Mike",
|
||||
"authorUrl": "https://github.com/Developer-Mike",
|
||||
"fundingUrl": "https://ko-fi.com/X8X27IA08",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
+536
@@ -0,0 +1,536 @@
|
||||
/* src/styles.scss */
|
||||
.ac-settings .properties-field > .setting-item-info {
|
||||
flex: 0;
|
||||
margin: 0;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border: var(--input-border-width) solid var(--background-modifier-border);
|
||||
border-radius: var(--input-radius) 0 0 var(--input-radius);
|
||||
}
|
||||
.ac-settings .properties-field > .setting-item-control > input {
|
||||
width: 100%;
|
||||
border-radius: 0 var(--input-radius) var(--input-radius) 0;
|
||||
}
|
||||
.ac-settings .ac-settings-heading:not(:first-child) {
|
||||
margin-top: var(--size-4-10) !important;
|
||||
}
|
||||
.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) {
|
||||
border-bottom-color: var(--background-modifier-border-hover);
|
||||
}
|
||||
.ac-settings .ac-settings-heading .setting-item-description {
|
||||
margin-inline-end: 20px;
|
||||
}
|
||||
.ac-settings .settings-header-children {
|
||||
transform-origin: top center;
|
||||
transform: scaleY(1);
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) + .settings-header-children {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
height: 0;
|
||||
transform: scaleY(0);
|
||||
}
|
||||
.ac-settings .setting-item > .setting-item-control input[type=text] {
|
||||
width: 75px;
|
||||
}
|
||||
.ac-settings details.setting-item {
|
||||
flex-direction: column;
|
||||
align-items: initial;
|
||||
}
|
||||
.ac-settings details.setting-item:not([open]) {
|
||||
row-gap: 0;
|
||||
}
|
||||
.ac-settings details.setting-item[open] {
|
||||
padding-bottom: var(--size-4-2);
|
||||
}
|
||||
.ac-settings details.setting-item[open] > summary {
|
||||
margin-bottom: var(--size-4-2);
|
||||
}
|
||||
.ac-settings details.setting-item > *:not(summary) {
|
||||
border: 1px solid var(--background-primary);
|
||||
}
|
||||
.ac-settings .kofi-banner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: var(--size-4-3);
|
||||
background-color: var(--background-primary-alt);
|
||||
border-radius: var(--radius-m);
|
||||
}
|
||||
.ac-settings .kofi-banner .ac-kofi-banner-title {
|
||||
margin: 0;
|
||||
font-size: var(--font-ui-small);
|
||||
font-weight: 600;
|
||||
}
|
||||
.ac-settings .kofi-banner .ac-kofi-button {
|
||||
width: min-content;
|
||||
height: min-content;
|
||||
line-height: 0;
|
||||
}
|
||||
.ac-settings .kofi-banner .ac-kofi-button img {
|
||||
min-width: 75px;
|
||||
width: 25%;
|
||||
max-width: 100px;
|
||||
}
|
||||
.canvas-wrapper > .document-search-container {
|
||||
transform: translateZ(0);
|
||||
margin: 0;
|
||||
}
|
||||
.canvas-wrapper:not(.mod-readonly) .show-while-readonly {
|
||||
display: none;
|
||||
}
|
||||
.canvas-control-item[data-toggled=true] {
|
||||
background-color: var(--color-accent);
|
||||
}
|
||||
.canvas-control-item[data-toggled=true] svg {
|
||||
stroke: var(--text-on-accent);
|
||||
}
|
||||
.reactive-node,
|
||||
.canvas-node[data-shape=database],
|
||||
.canvas-node[data-shape=document],
|
||||
.canvas-node[data-shape=predefined-process],
|
||||
.canvas-node[data-shape=diamond] {
|
||||
--border-color: rgb(var(--canvas-color));
|
||||
--border-width: 3px;
|
||||
--box-shadow: none;
|
||||
}
|
||||
.reactive-node.is-focused,
|
||||
.is-focused.canvas-node[data-shape=database],
|
||||
.is-focused.canvas-node[data-shape=document],
|
||||
.is-focused.canvas-node[data-shape=predefined-process],
|
||||
.is-focused.canvas-node[data-shape=diamond],
|
||||
.reactive-node.is-selected,
|
||||
.is-selected.canvas-node[data-shape=database],
|
||||
.is-selected.canvas-node[data-shape=document],
|
||||
.is-selected.canvas-node[data-shape=predefined-process],
|
||||
.is-selected.canvas-node[data-shape=diamond] {
|
||||
--border-color: var(--color-accent);
|
||||
--border-width: 5px;
|
||||
--box-shadow: var(--shadow-border-accent);
|
||||
}
|
||||
.reactive-node.is-themed,
|
||||
.is-themed.canvas-node[data-shape=database],
|
||||
.is-themed.canvas-node[data-shape=document],
|
||||
.is-themed.canvas-node[data-shape=predefined-process],
|
||||
.is-themed.canvas-node[data-shape=diamond] {
|
||||
--border-color: rgba(var(--canvas-color), 0.7);
|
||||
}
|
||||
.reactive-node.is-themed.is-focused,
|
||||
.is-themed.is-focused.canvas-node[data-shape=database],
|
||||
.is-themed.is-focused.canvas-node[data-shape=document],
|
||||
.is-themed.is-focused.canvas-node[data-shape=predefined-process],
|
||||
.is-themed.is-focused.canvas-node[data-shape=diamond],
|
||||
.reactive-node.is-themed.is-selected,
|
||||
.is-themed.is-selected.canvas-node[data-shape=database],
|
||||
.is-themed.is-selected.canvas-node[data-shape=document],
|
||||
.is-themed.is-selected.canvas-node[data-shape=predefined-process],
|
||||
.is-themed.is-selected.canvas-node[data-shape=diamond] {
|
||||
--border-color: rgb(var(--canvas-color));
|
||||
--box-shadow: var(--shadow-border-themed);
|
||||
}
|
||||
.canvas-node[data-text-align=center] .markdown-preview-view {
|
||||
scrollbar-gutter: auto;
|
||||
}
|
||||
.canvas-node[data-text-align=center] .markdown-preview-view .markdown-preview-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.canvas-node[data-text-align=right] {
|
||||
text-align: right;
|
||||
}
|
||||
.canvas-node[data-shape] .canvas-node-container .markdown-preview-view.markdown-rendered {
|
||||
transform: unset;
|
||||
}
|
||||
.canvas-node[data-shape=pill] .canvas-node-container {
|
||||
border-radius: 5000px;
|
||||
}
|
||||
.canvas-node[data-shape=diamond] {
|
||||
}
|
||||
.canvas-node[data-shape=diamond].is-focused,
|
||||
.canvas-node[data-shape=diamond].is-selected {
|
||||
border-radius: var(--radius-m);
|
||||
outline: 2px solid var(--color-accent);
|
||||
outline-offset: 5px;
|
||||
}
|
||||
.canvas-node[data-shape=diamond] .canvas-node-container {
|
||||
border: none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.canvas-node[data-shape=diamond] .canvas-node-container:not(:has(.embed-iframe)) {
|
||||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-size: 100%;
|
||||
-webkit-mask-size: 100%;
|
||||
}
|
||||
.canvas-node[data-shape=diamond] .canvas-node-container .canvas-node-placeholder::after {
|
||||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-size: 100%;
|
||||
-webkit-mask-size: 100%;
|
||||
}
|
||||
.canvas-node[data-shape=diamond]::before {
|
||||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-size: 100%;
|
||||
-webkit-mask-size: 100%;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(var(--border-width) * -1);
|
||||
left: calc(var(--border-width) * -1);
|
||||
width: calc(100% + var(--border-width) * 2);
|
||||
height: calc(100% + var(--border-width) * 2);
|
||||
background-color: var(--border-color);
|
||||
}
|
||||
.canvas-node[data-shape=parallelogram] .canvas-node-container {
|
||||
transform: skewX(-20deg);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.canvas-node[data-shape=parallelogram] .canvas-node-container .canvas-node-content > .markdown-embed-content {
|
||||
transform: skewX(20deg);
|
||||
}
|
||||
.canvas-node[data-shape=circle] .canvas-node-container {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.canvas-node[data-shape=circle] .canvas-node-container .markdown-preview-view {
|
||||
overflow-y: initial;
|
||||
}
|
||||
.canvas-node[data-shape=predefined-process] .canvas-node-container .canvas-node-content {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.canvas-node[data-shape=predefined-process] .canvas-node-container::before,
|
||||
.canvas-node[data-shape=predefined-process] .canvas-node-container::after {
|
||||
content: "";
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
border-left: var(--border-width) solid var(--border-color);
|
||||
}
|
||||
.canvas-node[data-shape=predefined-process] .canvas-node-container::before {
|
||||
left: calc(10px - var(--border-width));
|
||||
}
|
||||
.canvas-node[data-shape=predefined-process] .canvas-node-container::after {
|
||||
right: calc(10px - var(--border-width));
|
||||
}
|
||||
.canvas-node[data-shape=document] {
|
||||
--border-width: 2.5px;
|
||||
filter: drop-shadow(0 var(--border-width) 0 var(--border-color)) drop-shadow(0 calc(var(--border-width) * -1) 0 var(--border-color));
|
||||
}
|
||||
.canvas-node[data-shape=document] .canvas-node-container {
|
||||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 45' preserveAspectRatio='none'%3E%3Cpath d='M75 0 75 39.375Q56.25 29.25 37.5 39.375 18.75 49.5 0 39.375L0 0Z' /%3E%3C/svg%3E");
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 45' preserveAspectRatio='none'%3E%3Cpath d='M75 0 75 39.375Q56.25 29.25 37.5 39.375 18.75 49.5 0 39.375L0 0Z' /%3E%3C/svg%3E");
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-size: 100%;
|
||||
-webkit-mask-size: 100%;
|
||||
border: var(--border-width) solid var(--border-color);
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.canvas-node[data-shape=document].is-focused,
|
||||
.canvas-node[data-shape=document].is-selected {
|
||||
--border-width: 4px;
|
||||
}
|
||||
.canvas-node[data-shape=database] {
|
||||
}
|
||||
.canvas-node[data-shape=database] .canvas-node-container {
|
||||
border: var(--border-width) solid var(--border-color);
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.canvas-node[data-shape=database] .canvas-node-container .canvas-node-placeholder {
|
||||
transform: translateY(25px);
|
||||
}
|
||||
.canvas-node[data-shape=database]::before,
|
||||
.canvas-node[data-shape=database]::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
border: var(--border-width) solid var(--border-color);
|
||||
background-color: var(--background-primary);
|
||||
}
|
||||
.canvas-node[data-shape=database]::after {
|
||||
top: -25px;
|
||||
}
|
||||
.canvas-node[data-shape=database]::before {
|
||||
bottom: -25px;
|
||||
}
|
||||
.canvas-node[data-shape=database].is-themed .canvas-node-content {
|
||||
background-color: transparent;
|
||||
}
|
||||
.canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe)) .canvas-node-container,
|
||||
.canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe))::after,
|
||||
.canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe))::before {
|
||||
box-shadow: inset 0 0 0 1000px rgba(var(--canvas-color), 0.07) !important;
|
||||
}
|
||||
.canvas-node[data-shape=database] .canvas-node-content:not(:has(.embed-iframe)) {
|
||||
transform: translateY(20px);
|
||||
}
|
||||
.canvas-node[data-shape=database]:has(.embed-iframe)::after {
|
||||
z-index: -1;
|
||||
}
|
||||
.canvas-node[data-border=dashed] .canvas-node-container {
|
||||
box-shadow: none;
|
||||
border-style: dashed;
|
||||
}
|
||||
.canvas-node[data-border=dotted] .canvas-node-container {
|
||||
box-shadow: none;
|
||||
border-style: dotted;
|
||||
}
|
||||
.canvas-node[data-border=invisible] {
|
||||
box-shadow: none;
|
||||
}
|
||||
.canvas-node[data-border=invisible]:not(.is-focused):not(.is-selected) .canvas-node-container {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
.canvas-node[data-border=invisible] .canvas-node-label {
|
||||
display: none;
|
||||
}
|
||||
.canvas-node[data-border=invisible] .canvas-node-container {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.canvas-node[data-border][data-shape=predefined-process] {
|
||||
--border-width: 2px;
|
||||
}
|
||||
.canvas-node[data-border][data-shape=predefined-process] .is-focused,
|
||||
.canvas-node[data-border][data-shape=predefined-process] .is-selected {
|
||||
--border-width: 2px;
|
||||
}
|
||||
.canvas-node[data-border=dashed][data-shape=predefined-process] .canvas-node-container::before,
|
||||
.canvas-node[data-border=dashed][data-shape=predefined-process] .canvas-node-container::after {
|
||||
border-left: var(--border-width) dashed var(--border-color);
|
||||
}
|
||||
.canvas-node[data-border=dotted][data-shape=predefined-process] .canvas-node-container::before,
|
||||
.canvas-node[data-border=dotted][data-shape=predefined-process] .canvas-node-container::after {
|
||||
border-left: var(--border-width) dotted var(--border-color);
|
||||
}
|
||||
.canvas-node[data-border][data-shape=document] .canvas-node-container {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.canvas-edges path[data-path=dotted] {
|
||||
stroke-dasharray: calc(3px * var(--zoom-multiplier));
|
||||
}
|
||||
.canvas-edges path[data-path=short-dashed] {
|
||||
stroke-dasharray: 9px;
|
||||
}
|
||||
.canvas-edges path[data-path=long-dashed] {
|
||||
stroke-dasharray: 18px;
|
||||
}
|
||||
.canvas-edges [data-arrow=triangle-outline] polygon,
|
||||
.canvas-edges [data-arrow=diamond-outline] polygon,
|
||||
.canvas-edges [data-arrow=circle-outline] polygon {
|
||||
fill: var(--canvas-background);
|
||||
stroke: rgb(var(--canvas-color));
|
||||
stroke-width: calc(3px * var(--zoom-multiplier));
|
||||
}
|
||||
.canvas-edges [data-arrow=thin-triangle] polygon {
|
||||
fill: transparent;
|
||||
stroke: rgb(var(--canvas-color));
|
||||
stroke-width: calc(4px * var(--zoom-multiplier));
|
||||
}
|
||||
.icon-modal-suggestion {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--size-4-4);
|
||||
}
|
||||
.icon-modal-suggestion .icon-modal-suggestion-icon {
|
||||
line-height: 0;
|
||||
}
|
||||
.icon-modal-suggestion .icon-modal-suggestion-id {
|
||||
font-size: var(--font-ui-smaller);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.canvas.is-exporting {
|
||||
--zoom-multiplier: 1;
|
||||
}
|
||||
.canvas.is-exporting * {
|
||||
pointer-events: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.canvas.is-exporting .collapse-button {
|
||||
display: none;
|
||||
}
|
||||
.canvas.is-exporting #watermark-ac {
|
||||
z-index: 9999999;
|
||||
position: absolute;
|
||||
}
|
||||
.canvas-wrapper[data-collapsible-groups-feature-enabled=true] .canvas.is-exporting .canvas-node .canvas-group-label {
|
||||
left: 0;
|
||||
}
|
||||
.progress-bar-modal-ac {
|
||||
margin-top: 0.75em;
|
||||
}
|
||||
.progress-bar-modal-ac.error .setting-progress-bar {
|
||||
color: var(--color-error);
|
||||
}
|
||||
.canvas-wrapper[data-disable-font-size-relative-to-zoom=true] {
|
||||
--zoom-multiplier: 1 !important;
|
||||
}
|
||||
.canvas-wrapper.mod-readonly .canvas-controls .canvas-control-group:nth-child(3),
|
||||
.canvas-wrapper.mod-readonly .canvas-card-menu {
|
||||
display: none;
|
||||
}
|
||||
.canvas-wrapper.mod-readonly[data-hide-background-grid-when-in-readonly=true] .canvas-background {
|
||||
visibility: hidden;
|
||||
}
|
||||
.collapse-button {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier));
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
transform-origin: bottom left;
|
||||
transform: translate(0, -100%) scale(var(--zoom-multiplier));
|
||||
border-radius: var(--radius-s);
|
||||
color: var(--text-muted);
|
||||
background-color: rgba(var(--canvas-color), 0.1);
|
||||
font-size: 1.5em;
|
||||
line-height: 1;
|
||||
pointer-events: initial;
|
||||
cursor: pointer;
|
||||
transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
.canvas-wrapper[data-collapsible-groups-feature-enabled=true] .canvas-node .canvas-group-label {
|
||||
left: calc(40px * var(--zoom-multiplier));
|
||||
}
|
||||
.canvas-node[data-collapsed] .canvas-node-container {
|
||||
display: none;
|
||||
}
|
||||
.canvas-node[data-collapsed] .canvas-group-label {
|
||||
max-width: initial;
|
||||
}
|
||||
.canvas-wrapper[data-collapsed-group-preview-on-drag=true][data-is-dragging] .canvas-node[data-collapsed] .canvas-node-container {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
border-style: dashed;
|
||||
}
|
||||
.canvas-wrapper[data-collapsed-group-preview-on-drag=true][data-is-dragging] .canvas-node[data-collapsed] .canvas-node-container .canvas-node-content {
|
||||
background-color: transparent;
|
||||
}
|
||||
.canvas-node-interaction-layer[data-target-collapsed] .canvas-node-resizer {
|
||||
pointer-events: none;
|
||||
cursor: inherit;
|
||||
}
|
||||
.canvas-node-interaction-layer[data-target-collapsed] .canvas-node-resizer .canvas-node-connection-point {
|
||||
display: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.canvas-wrapper[data-allow-floating-edge-creation=true] .canvas.is-connecting .canvas-node:not(.canvas-node-group)::after {
|
||||
all: unset;
|
||||
content: "";
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: max(10px, 100% - 50px * var(--zoom-multiplier) * 2);
|
||||
height: max(10px, 100% - 50px * var(--zoom-multiplier) * 2);
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: var(--radius-m);
|
||||
outline: calc(4px * var(--zoom-multiplier)) dashed hsla(var(--color-accent-hsl), 0.5);
|
||||
}
|
||||
.canvas-wrapper[data-allow-floating-edge-creation=true] .canvas.is-connecting .canvas-node:not(.canvas-node-group).hovering-floating-edge-zone::after {
|
||||
outline-color: var(--color-accent);
|
||||
outline-style: solid;
|
||||
background-color: hsla(var(--color-accent-hsl), 0.1);
|
||||
}
|
||||
.canvas-wrapper[data-focus-mode-enabled=true] .canvas:has(.canvas-node.is-focused) .canvas-node:not(.is-focused) {
|
||||
filter: blur(5px);
|
||||
}
|
||||
.canvas-wrapper[data-focus-mode-enabled=true] .canvas:has(.canvas-node.is-focused) .canvas-edges > g:not(.is-focused) {
|
||||
filter: blur(5px);
|
||||
}
|
||||
.canvas-wrapper[data-focus-mode-enabled=true] .canvas:has(.canvas-node.is-focused) .canvas-path-label-wrapper > .canvas-path-label:not(.is-focused) {
|
||||
filter: blur(5px);
|
||||
}
|
||||
.canvas-wrapper.presentation-mode .canvas-controls {
|
||||
visibility: hidden;
|
||||
}
|
||||
.canvas-wrapper.presentation-mode .canvas-card-menu {
|
||||
visibility: hidden;
|
||||
}
|
||||
.canvas-wrapper:not(.presentation-mode) .canvas-node[data-is-start-node=true]::before {
|
||||
content: "Start";
|
||||
position: absolute;
|
||||
top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier));
|
||||
right: 0;
|
||||
transform: translate(0, -100%) scale(var(--zoom-multiplier));
|
||||
transform-origin: bottom right;
|
||||
max-width: calc(100% / var(--zoom-multiplier));
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
font-size: 1em;
|
||||
border-radius: var(--radius-s);
|
||||
color: var(--color-green);
|
||||
background-color: rgba(var(--color-green-rgb), 0.1);
|
||||
}
|
||||
.canvas-node[data-is-portal-loaded=true] {
|
||||
pointer-events: all;
|
||||
}
|
||||
.canvas-node[data-is-portal-loaded=true]:not(.is-focused) {
|
||||
pointer-events: none;
|
||||
}
|
||||
.canvas-node[data-is-portal-loaded=true]:not(.is-focused) .canvas-node-label {
|
||||
pointer-events: all;
|
||||
}
|
||||
.canvas-node[data-is-portal-loaded=true] .canvas-node-container {
|
||||
background-color: transparent;
|
||||
border-style: dashed;
|
||||
}
|
||||
.canvas-node[data-is-portal-loaded=true] .canvas-node-container .canvas-node-content {
|
||||
display: none;
|
||||
}
|
||||
.canvas-node-interaction-layer[data-is-from-portal=true] .canvas-node-resizer {
|
||||
pointer-events: none;
|
||||
cursor: inherit;
|
||||
}
|
||||
.canvas-node-interaction-layer[data-is-from-portal=true] .canvas-node-resizer .canvas-node-connection-point {
|
||||
pointer-events: all;
|
||||
}
|
||||
.ac-card-embed {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background-color: var(--background-primary);
|
||||
border: 1px solid rgb(var(--canvas-color));
|
||||
border-radius: var(--radius-m);
|
||||
box-shadow: var(--shadow-stationary);
|
||||
}
|
||||
.ac-card-embed.is-themed {
|
||||
background-color: rgba(var(--canvas-color), 0.07);
|
||||
border-color: rgba(var(--canvas-color), 0.7);
|
||||
box-shadow: inset 0 0 0 1px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
|
||||
}
|
||||
.ac-card-embed > .markdown-content {
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
overflow-wrap: break-word;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 var(--size-4-4);
|
||||
font-size: var(--font-text-size);
|
||||
font-family: var(--font-text);
|
||||
line-height: var(--line-height-normal);
|
||||
color: var(--text-normal);
|
||||
user-select: text;
|
||||
-webkit-user-select: text;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/*
|
||||
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
|
||||
if you want to view the source, please visit the github repository of this plugin:
|
||||
https://github.com/kotaindah55/better-embedded-canvas
|
||||
*/
|
||||
|
||||
var P=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var j=(n,e)=>{for(var t in e)P(n,t,{get:e[t],enumerable:!0})},w=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of q(e))!G.call(n,s)&&s!==t&&P(n,s,{get:()=>e[s],enumerable:!(i=_(e,s))||i.enumerable});return n},k=(n,e,t)=>(w(n,e,"default"),t&&w(t,e,"default"));var Q=n=>w(P({},"__esModule",{value:!0}),n);var te={};j(te,{BetterEmbeddedCanvasPlugin:()=>C,default:()=>ee});module.exports=Q(te);var a={};k(a,require("obsidian"));function U(n){return{app:n,containerEl:createDiv(),history:{backHistory:[],forwardHistory:[]}}}function D(n){let e=n.internalPlugins.getPluginById("canvas").views.canvas;u=e(U(n)).canvas.constructor}var u;function O(n){let e=new u(n);return e.quickSettingsButton.parentElement?.detach(),e.undoBtnEl.parentElement?.detach(),a.Platform.isMobile||e.canvasControlsEl.lastElementChild?.detach(),e.cardMenuEl.detach(),e.setReadonly(!0),e.wrapperEl.addEventListener("drop",t=>t.preventDefault(),!0),e}function I(n,e,t){let i=n.embedRegistry,s=i.embedByExtension[e]??null;return i.unregisterExtension(e),i.registerExtension(e,t),s}function g(n,e){return n.internalPlugins.getPluginById(e)}function x(n){return n.matches("body > div.print *")}var S={A3:{width:1123,height:1587},A4:{width:794,height:1123},A5:{width:559,height:794},Legal:{width:816,height:1344},Letter:{width:816,height:1054},Tabloid:{width:1056,height:1632}},A=37;var L={tooltipOpenCanvas:"Open canvas",tooltipEnableInteraction:"Enable interaction",tooltipDisableInteraction:"Disable interaction",reloadNotesPrompt:{title:"Reload notes",desc:"Select \u201CReload\u201D to reload all open notes and revert embedded canvases to their default (your data is preserved).",buttonReload:"Reload"},settings:{showCanvasName:{name:"Show canvas name",desc:"Show canvas name as embed title."}}};var M={tooltipOpenCanvas:"Buka kanvas",tooltipEnableInteraction:"Nyalakan interaksi",tooltipDisableInteraction:"Matikan interaksi",reloadNotesPrompt:{title:"Muat ulang catatan",desc:"Pilih \u201CMuat ulang\u201D untuk memuat ulang catatan yang terbuka dan mengembalikan kanvas yang disematkan pada tampilan bawaan (data Anda tetap terjaga).",buttonReload:"Muat ulang"},settings:{showCanvasName:{name:"Tampilkan nama kanvas",desc:"Tampilkan nama kanvas sebagai judul sematan."}}};var T=i18next.createInstance({lng:(0,a.getLanguage)(),fallbackLng:"en",resources:{en:{translation:L},id:{translation:M}}});T.init();var l=T.t.bind(T);var c=new Map,p=new Map;function X(n){let{wrapperEl:e}=n,t=e.getBoundingClientRect(),i=t.left+e.clientLeft,s=t.top+e.clientTop,r=e.clientWidth,o=e.clientHeight;n.canvasRect={left:i,top:s,width:r,height:o,cx:i+r/2,cy:s+o/2,minX:-r/2,minY:-o/2,maxX:r/2,maxY:r/2}}function B(){p.has(this)||p.set(this,(0,a.debounce)(()=>{c.get(this)?.forEach(n=>X(n.canvas)),p.delete(this)},20)())}function R(n){c.forEach(e=>e.forEach(n))}function N(n){let e=n.contentEl.win,t=c.get(e);t?t.add(n):(c.set(e,new Set([n])),e.addEventListener("scroll",B,{capture:!0,passive:!0}))}function z(n){let e=n.contentEl.win,t=c.get(e);t?.delete(n),t&&!t.size&&(p.get(e)?.cancel(),p.delete(e),c.delete(e),e.removeEventListener("scroll",B,!0))}function H(){p.forEach(n=>n.cancel()),p.clear(),c.forEach((n,e)=>{e.removeEventListener("scroll",B,!0),n.forEach(t=>t.unload())}),c.clear()}var K=300;function $(n){return n.matches(".canvas-node *")}var h=class n extends a.Component{app;canvas;contentEl;plugin;file;ctx;subpath;becPlugin;containerEl;headerEl;mainControlsEl;zoomControlsEl;openCanvasBtnEl;toggleInteractionBtnEl;resizeObserver;mutationObserver;constructor(e,t,i,s){super(),this.app=t.app,this.plugin=g(this.app,"canvas").instance,this.becPlugin=e,this.ctx=t,this.file=i,this.subpath=s,this.containerEl=t.containerEl,this.containerEl.addClass("canvas-embed","better-canvas-embed"),this.containerEl.toggleClass("inline-embed",t.showInline??!1),this.headerEl=this.containerEl.createDiv("embed-title",r=>{r.createSpan("file-embed-icon",o=>(0,a.setIcon)(o,"lucide-layout-dashboard")),r.appendText(" "+i.basename),r.addEventListener("click",o=>this.openOnClick(o)),r.toggle(e.settings.get("showCanvasName"))}),this.contentEl=this.containerEl.createDiv("canvas-content"),this.resizeObserver=new ResizeObserver(()=>this.canvas.onResize()),this.mutationObserver=new MutationObserver(()=>this.updateHeight()),this.canvas=O(this),this.zoomControlsEl=this.canvas.canvasControlsEl.firstElementChild,this.mainControlsEl=this.canvas.canvasControlsEl.createDiv({cls:["canvas-control-group","mod-raised"],prepend:!0}),this.openCanvasBtnEl=this.mainControlsEl.createDiv("canvas-control-item",r=>{(0,a.setIcon)(r,"lucide-maximize-2"),(0,a.setTooltip)(r,l("tooltipOpenCanvas"),{placement:"left"}),r.addEventListener("click",o=>this.openOnClick(o))}),this.toggleInteractionBtnEl=this.mainControlsEl.createDiv("canvas-control-item",r=>{(0,a.setIcon)(r,"pointer"),(0,a.setTooltip)(r,l("tooltipLine truncated
|
||||
|
||||
/* nosourcemap */
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"id": "better-embedded-canvas",
|
||||
"name": "Better Embedded Canvas",
|
||||
"version": "0.2.4",
|
||||
"minAppVersion": "1.10.0",
|
||||
"description": "Give your embedded canvas better display and interactivity.",
|
||||
"author": "Kotaindah55",
|
||||
"authorUrl": "https://github.com/kotaindah55",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body{--embedded-canvas-min-height: 300px;--embedded-canvas-border-width: 1px;--embedded-canvas-border-color: var(--background-modifier-border)}.canvas-embed.better-canvas-embed.internal-embed>.canvas-content>.canvas-wrapper{position:relative}.canvas-embed.better-canvas-embed>.embed-title{width:fit-content;cursor:pointer}.canvas-embed.better-canvas-embed>.canvas-content{height:var(--embedded-canvas-min-height);border:var(--embedded-canvas-border-width) solid var(--embedded-canvas-border-color);border-radius:var(--radius-m);overflow:hidden}.canvas-embed.better-canvas-embed>.canvas-content>.canvas-wrapper>.canvas-controls{visibility:hidden}.canvas-embed.better-canvas-embed>.canvas-content:hover>.canvas-wrapper>.canvas-controls{visibility:visible}.canvas-embed.better-canvas-embed .canvas-wrapper.mod-readonly[data-hide-background-grid-when-in-readonly=true] .canvas-background{visibility:visible}.canvas-embed.better-canvas-embed .canvas-node-content.markdown-embed>.markdown-embed-content>.markdown-preview-view>.markdown-preview-sizer{margin-left:unset;margin-right:unset}.canvas-embed.better-canvas-embed .inline-title{display:block}
|
||||
@@ -12,6 +12,7 @@ Ziel: Alle Wireframe-Regeln, Pakete, Screen-Notizen, Banner, Toasts, Zustaende u
|
||||
|---|---|
|
||||
| [[01 Regeln/Wireframing Playbook]] | Grundregeln: Was wird gebaut, was nur dokumentiert, wie laufen Brainstorming und Handoff? |
|
||||
| [[01 Regeln/Obsidian Struktur]] | Wie dieser Vault aufgebaut ist und wie Dateien benannt werden. |
|
||||
| [[Todo]] | Zentrale, projektweite und abhakbare Aufgabenliste. |
|
||||
| [[02 Wireframes/Screen Paket Tracker]] | Zentrale Kontrolltabelle fuer alle Flows, Screens, Canvas- und Subframe-Links. |
|
||||
| [[02 Wireframes/_Templates/Wireframe Paket Template]] | Vorlage fuer ein neues Wireframe-Paket. |
|
||||
| [[02 Wireframes/_Templates/Screen Template]] | Vorlage fuer eine einzelne Screen-Datei. |
|
||||
|
||||
@@ -35,6 +35,7 @@ Dieser Vault ist der Arbeitsbereich fuer Screens, Wireframes und Handoffs.
|
||||
| State-Datei | `ST01 Keine Suchergebnisse.md` | beschreibt einen Zustand, der nicht als eigener Frame gebaut wird |
|
||||
| Canvas-Datei | `WF-[Ticket] [Flow Name].canvas` | visueller Flow-Tree in Obsidian Canvas |
|
||||
| Tracker | `Screen Paket Tracker.md` | Uebersicht ueber Pakete und Status |
|
||||
| Todo | `Todo.md` im Vault-Root | zentrale, projektweite und abhakbare Aufgabenliste |
|
||||
|
||||
---
|
||||
|
||||
@@ -89,8 +90,8 @@ Warum: Obsidian-Wiki-Aliase nutzen `|`, und dieses Zeichen kann Markdown-Tabelle
|
||||
Beispiel:
|
||||
|
||||
```md
|
||||
[MD](<P2 Auth/WF-P2 Login und 2FA/Screens/S01 Login.md>)
|
||||
[Canvas](<P2 Auth/WF-P2 Login und 2FA/WF-P2 Login und 2FA.canvas>)
|
||||
[MD](<../02 Wireframes/P2 Login und 2FA/WF-P2 Login und 2FA/Screens/S01 Login.md>)
|
||||
[Canvas](<../02 Wireframes/P2 Login und 2FA/WF-P2 Login und 2FA/WF-P2 Login und 2FA.canvas>)
|
||||
```
|
||||
|
||||
Regel:
|
||||
|
||||
+1
-7
@@ -29,7 +29,7 @@ Nach Davids Feedback wurde die Lead-Zuweisung ergaenzt:
|
||||
- `Felder zuweisen` fuehrt nach S02L.
|
||||
- S02L ordnet Formularfragen per Dropdown Lead-Feldern zu.
|
||||
- E05 zeigt fehlende oder unmoegliche Zuweisungen.
|
||||
- Advanced-Canvas und D07-D09 bleiben Referenz, aber nicht Hauptfluss.
|
||||
- Die alten Advanced-Screens sind aus dem Obsidian-Handoff entfernt. S01B liegt im aktuellen Subframe-Bestand nur als Backlog vor; S01C/S01D/S01E bleiben ausschliesslich als lokale Referenz-Beispiele erhalten.
|
||||
|
||||
## Review-Reihenfolge
|
||||
|
||||
@@ -51,15 +51,9 @@ Nach Davids Feedback wurde die Lead-Zuweisung ergaenzt:
|
||||
|
||||
Danach nur bei Bedarf:
|
||||
|
||||
- [[Screens/80 S01B Gefuehrter Fragen Editor]]
|
||||
- [[Screens/81 S01C Website Formular Editor]]
|
||||
- [[Screens/82 S01D Umfrage Editor]]
|
||||
- [[Screens/83 S01E Internes Formular Editor]]
|
||||
- [[Screens/90 ADV Form-Builder Canvas]]
|
||||
- [[Screens/90b ADV Form-Builder Canvas 2]]
|
||||
- [[Screens/91 D07 Logic Regel Detail]]
|
||||
- [[Screens/92 D08 Action Detail mit Mapping]]
|
||||
- [[Screens/93 D09 Publish Blocker Summary]]
|
||||
|
||||
## Bitte pruefen
|
||||
|
||||
+12
-29
@@ -48,7 +48,7 @@ Die erste Builder-Richtung war fachlich vollstaendig, aber fuer normale Handwerk
|
||||
| Technische Feldtypen | Verstaendliche Fragetypen |
|
||||
| Lead-Mapping wirkt wie Admin-Konfiguration | Lead-Felder werden einfach per Dropdown zugewiesen |
|
||||
|
||||
Empfehlung: S02 ist der Haupteditor. ADV-S01 bleibt nur Referenz fuer spaetere Advanced-/Power-User-Funktionen.
|
||||
Empfehlung: S02 ist der Haupteditor. S01B und die alten Advanced-Screens sind aus dem Obsidian-Handoff entfernt, damit der Review nicht mehr doppelt wirkt.
|
||||
|
||||
## 3. Aktueller Hauptfluss
|
||||
|
||||
@@ -85,21 +85,15 @@ S00 Formulare verwalten
|
||||
| 12 | E03 | S05 Keine Antworten | Empty State fuer Antworten-Tab | https://app.subframe.com/f023064a5ca0/design/6f56c14f-d66e-4734-8a29-a900ac74a8a7/edit |
|
||||
| 13 | E04 | S05 Export Fehler | Fehlerzustand fuer Excel/CSV-Export | https://app.subframe.com/f023064a5ca0/design/00553ea4-9839-4d22-b540-9b9ef0bf014f/edit |
|
||||
|
||||
## 5. Spaetere Varianten und Referenzseiten
|
||||
## 5. Spaetere Varianten
|
||||
|
||||
Diese Seiten sind gebaut oder dokumentiert, aber nicht Teil des aktuellen Hauptflusses:
|
||||
Diese Seiten liegen noch als optionale Beispiele im Subframe-Flow, sind aber nicht Teil des aktuellen Hauptflusses:
|
||||
|
||||
| Nr. | ID | Screen | Status | Subframe |
|
||||
|---|---|---|---|---|
|
||||
| 80 | S01B | Gefuehrter Fragen Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/edit |
|
||||
| 81 | S01C | Website Formular Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit |
|
||||
| 82 | S01D | Umfrage Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit |
|
||||
| 83 | S01E | Internes Formular Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit |
|
||||
| 90 | ADV-S01 | Form-Builder Canvas | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit |
|
||||
| 90b | ADV-S01-2 | Form-Builder Canvas 2 | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit |
|
||||
| 91 | D07 | Logic Regel Detail | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit |
|
||||
| 92 | D08 | Action Detail mit Mapping | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit |
|
||||
| 93 | D09 | Publish Blocker Summary | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit |
|
||||
| 81 | S01C | Website Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
|
||||
| 82 | S01D | Umfrage Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
|
||||
| 83 | S01E | Internes Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
|
||||
|
||||
## 6. Formulararten
|
||||
|
||||
@@ -171,12 +165,7 @@ Fuer den einfachen Haupteditor:
|
||||
- Harte Blocker zeigen einen Banner/Popover mit Sprungzielen.
|
||||
- Unpublish braucht einen Confirm-Dialog, weil der Public-Link danach nicht mehr erreichbar ist.
|
||||
|
||||
Fuer Advanced/Referenz:
|
||||
|
||||
- D07 zeigt Logic-Regel-Detail.
|
||||
- D08 zeigt Action-Detail mit Mapping.
|
||||
- D09 zeigt Publish-Blocker-Summary.
|
||||
- D01/D02/D03/D06/D10 und M01-M04 sind in Markdown dokumentiert, aber nicht zwingend als Subframe-Hauptscreen noetig.
|
||||
Als reine Markdown-Notizen bleiben D01/D02/D03/D06/D10 und M01-M04 dokumentiert. Sie sind keine Subframe-Hauptscreens und nicht Teil der Review-Reihenfolge.
|
||||
|
||||
## 10. Public Formular
|
||||
|
||||
@@ -224,7 +213,7 @@ Bitte David pruefen lassen:
|
||||
- Passt E05 fuer fehlende/unmoegliche Lead-Zuweisungen?
|
||||
- Sind S03 Design und S05 Antworten tief genug fuer D-FORM, ohne in andere Tickets abzurutschen?
|
||||
- Sind Public States S04/V01/V02/V03 vollstaendig genug?
|
||||
- Duerfen S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 als Referenz liegen bleiben?
|
||||
- Sollen S01C/S01D/S01E als spaetere Beispielvarianten im Subframe-Flow liegen bleiben?
|
||||
- Muessen M01-M04 als echte Dialog-Screens gebaut werden, oder reicht Dokumentation?
|
||||
- In Subframe bitte bei S02L/E05 nochmal visuell pruefen, ob das richtige Default Page Layout gesetzt ist.
|
||||
|
||||
@@ -248,15 +237,9 @@ Bitte David pruefen lassen:
|
||||
|
||||
Danach nur bei Bedarf:
|
||||
|
||||
16. S01B Gefuehrter Fragen Editor
|
||||
17. S01C Website Formular Editor
|
||||
18. S01D Umfrage Editor
|
||||
19. S01E Internes Formular Editor
|
||||
20. ADV-S01 Form-Builder Canvas
|
||||
21. ADV-S01-2 Form-Builder Canvas 2
|
||||
22. D07 Logic Regel Detail
|
||||
23. D08 Action Detail mit Mapping
|
||||
24. D09 Publish Blocker Summary
|
||||
16. S01C Website Formular Editor
|
||||
17. S01D Umfrage Editor
|
||||
18. S01E Internes Formular Editor
|
||||
|
||||
## 14. Lokale Detaildateien
|
||||
|
||||
@@ -279,4 +262,4 @@ Wichtige Detailnotizen im Paket:
|
||||
|
||||
## 15. Kurztext zum Mitschicken
|
||||
|
||||
Hey David, hier ist die aufgeraeumte D-FORM-Uebergabe. Ich habe den Builder nach deinem Feedback nochmal vereinfacht und die Lead-Zuweisung ergaenzt: S02 bleibt der einfache Google-Forms-nahe Haupteditor, S02L zeigt die Lead-Felder-Zuweisung per Dropdown, E05 deckt fehlende/unmoegliche Zuweisungen ab. Advanced-Canvas und D07-D09 bleiben als Referenz, aber nicht als Hauptfluss. Kannst du bitte einmal pruefen, ob die Richtung und die offenen Punkte fuer dich passen?
|
||||
Hey David, hier ist die aufgeraeumte D-FORM-Uebergabe. Ich habe den Builder nach deinem Feedback nochmal vereinfacht und die Lead-Zuweisung ergaenzt: S02 bleibt der einfache Google-Forms-nahe Haupteditor, S02L zeigt die Lead-Felder-Zuweisung per Dropdown, E05 deckt fehlende/unmoegliche Zuweisungen ab. Die alten Advanced-Screens und S01B sind aus dem Obsidian-Handoff raus, damit der Review nur noch den aktuellen Hauptfluss zeigt. Kannst du bitte einmal pruefen, ob die Richtung und die offenen Punkte fuer dich passen?
|
||||
+11
-14
@@ -17,11 +17,11 @@ Startpunkt fuer die weitergebbare Version: [[00 Start hier - David]] und [[D-FOR
|
||||
|
||||
David hat den groben fachlichen Scope als passend bewertet. Die Empfehlungen aus dieser Checkliste werden damit als Arbeitsentscheidung uebernommen.
|
||||
|
||||
Wichtige Nacharbeit aus dem Review: Beim alten Advanced-S01 fehlte die Interaktionslogik auf der Ebene "was passiert nach Klick?". Diese Nacharbeit ist in [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]] ergaenzt: Feldbearbeitung, Feldaktionen, Logic, Actions, Sharing, Preview, Settings, Publish und Unpublish sind jetzt nach Inline/Inspector, Menue, Panel, Popover oder Confirm-Dialog sortiert.
|
||||
Wichtige Nacharbeit aus dem Review: Die Interaktionslogik wurde in den einfachen S02-Hauptfluss uebersetzt. Logic bleibt als `Bedingung` an der Frage, Actions als `Nach Absenden`/Lead-Card und Publish-Blocker als Banner/Popover im selben Editor.
|
||||
|
||||
Subframe ist als Draft gebaut und verlinkt. Der aktuelle Hauptfluss ist S00, E01/E02, S01, S02, S03, S04/V01/V02/V03, S05 und E03/E04. S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 bleiben spaetere Varianten bzw. Referenz.
|
||||
Subframe ist als Draft gebaut und verlinkt. Der aktuelle Hauptfluss ist S00, E01/E02, S01, S02, S02L/E05, S03, S04/V01/V02/V03, S05 und E03/E04. S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenz. S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt.
|
||||
|
||||
Aktuelle Arbeitsentscheidung: Fuer normale Handwerksbetriebe wird S02 als einfache Google-Forms-nahe Richtung empfohlen. Alle Formulararten starten in S02 mit anderer Vorlage/Startfragen. Der alte Profi-Canvas bleibt als Advanced-/Referenzscreen, nicht als erste Nutzerfuehrung. Als Kunden-/Handwerker-Wording wird `Bereich` statt `Gewerk` verwendet.
|
||||
Aktuelle Arbeitsentscheidung: Fuer normale Handwerksbetriebe wird S02 als einfache Google-Forms-nahe Richtung empfohlen. Alle Formulararten starten in S02 mit anderer Vorlage/Startfragen. Als Kunden-/Handwerker-Wording wird `Bereich` statt `Gewerk` verwendet.
|
||||
|
||||
## 0b. David-Feedback Lead-Zuweisung
|
||||
|
||||
@@ -44,7 +44,7 @@ Ergebnis: Die Abgrenzung `D-FORM = Form-Builder-Canvas + oeffentliches Formular`
|
||||
|
||||
| Quelle | Aussage | Konsequenz fuer D-FORM |
|
||||
|---|---|---|
|
||||
| `ticket-docs/D-FORM.md` | D-FORM deckt nur Form-Builder-Canvas und oeffentliches Formular ab. Booking/Kalender gehen an `D-BOOK`; Forms-Liste, Submissions und Signatur sind Compose/andere Tickets. | D-FORM bleibt bei Builder und Public: S02 einfacher Editor plus S04/Public-Varianten; ADV-S01 nur als Referenz. |
|
||||
| `ticket-docs/D-FORM.md` | D-FORM deckt Form-Builder und oeffentliches Formular ab. Booking/Kalender gehen an `D-BOOK`; Forms-Liste, Submissions und Signatur sind Compose/andere Tickets. | D-FORM bleibt bei Builder und Public: S02 einfacher Editor plus S04/Public-Varianten. |
|
||||
| `designer-briefs/P16-kalender-booking-forms-signatur.md` | P16 ist gebuendelt, aber soll in Gruppen getrennt werden: Kalender-Sync, Booking, Form-Builder, Signatur. | Nicht alle P16-Screens gehoeren in D-FORM. |
|
||||
| `SCREEN-MAP.md` Paragraph 3 | Listet Form-Builder-Canvas, oeffentliches Formular und Submissions im Umfeld. Submissions ist A2/A3-Compose, Builder/Public sind Bespoke. | Submissions nicht als D-FORM-Bespoke bauen. |
|
||||
| `D-BOOK.md` | D-BOOK deckt Booking-Page und Kalender-View ab; verweist Form-Builder/Public Form zurueck auf D-FORM. | Booking und Kalender bleiben raus. |
|
||||
@@ -55,7 +55,7 @@ Ergebnis: Die Abgrenzung `D-FORM = Form-Builder-Canvas + oeffentliches Formular`
|
||||
|
||||
| Punkt | Empfehlung | David-Entscheidung |
|
||||
|---|---|---|
|
||||
| D-FORM umfasst den Builder; aktuell S02 als Haupteditor und ADV-S01 als Advanced-Referenz. | Ja. | angenommen |
|
||||
| D-FORM umfasst den Builder; aktuell S02 als Haupteditor. | Ja. | angenommen |
|
||||
| D-FORM umfasst S04 Oeffentliches Formular. | Ja. | angenommen |
|
||||
| V01 Public Erfolg/Redirect wird als eigene Variante gebaut. | Ja, weil copy- und vertrauenskritisch. | angenommen |
|
||||
| V02 Public Formular nicht verfuegbar wird als eigene Variante gebaut. | Ja, weil externer Nutzer blockiert ist. | angenommen |
|
||||
@@ -144,12 +144,9 @@ Ergebnis: Die Abgrenzung `D-FORM = Form-Builder-Canvas + oeffentliches Formular`
|
||||
|
||||
| Punkt | Empfehlung | David-Entscheidung |
|
||||
|---|---|---|
|
||||
| 5 Hauptframes/Varianten bauen: S01, S02, V01, V02, V03. | Ja. | angenommen |
|
||||
| Zusaetzlich D07 Logic Regel Detail bauen. | Ja, damit Logic visuell pruefbar ist. | angenommen als Empfehlung |
|
||||
| Zusaetzlich D08 Action Detail mit Mapping bauen. | Ja, weil Mapping komplex und fehleranfaellig ist. | angenommen als Empfehlung |
|
||||
| Zusaetzlich D09 Publish Blocker Summary bauen. | Ja, weil Publish ein kritischer Moment ist. | angenommen als Empfehlung |
|
||||
| Hauptfluss bauen: S00, S01, S02, S02L/E05, S03, S04/V01/V02/V03, S05 und E01-E04. | Ja. | angenommen |
|
||||
| M01 Feld loeschen Confirm und M02 Unpublish Confirm vorerst nur dokumentieren. | Ja, fachlich klar; spaeter baubar, falls David es sehen will. | angenommen als Empfehlung |
|
||||
| Sharing, Logic, Actions, Preview und Settings nicht als eigene Subframe-Screens, sondern als Bereiche/Zustaende von S01. | Ja. | angenommen; Interaktionslogik in S01 nachgezogen |
|
||||
| Sharing, Logic, Actions, Preview und Settings nicht als eigene Subframe-Screens, sondern einfach im S02-Kontext halten. | Ja. | angenommen |
|
||||
| Nach Subframe-Bau Links in Paket, Screen-Dateien, Tracker und Handoff eintragen. | Ja. | erledigt |
|
||||
|
||||
## 11. David-Feedback: S01 Nacharbeit
|
||||
@@ -169,14 +166,14 @@ Arbeitsentscheidung fuer S01:
|
||||
| Publish | Publish-Check inline im Builder; bei Blockern Summary mit Sprungzielen, bei Erfolg Toast/Statuswechsel. |
|
||||
| Unpublish | Confirm-Dialog, weil der Public-Link danach nicht mehr erreichbar ist. |
|
||||
|
||||
Damit reicht S01 weiter als Hauptscreen. D07, D08 und D09 sind als wichtige S01-Zustandsframes gebaut. Die kleineren Menues und Confirm-Dialoge bleiben dokumentiert und muessen nicht automatisch eigene Subframe-Screens werden.
|
||||
Damit reicht S02 als Haupteditor. Die kleineren Menues und Confirm-Dialoge bleiben dokumentiert und muessen nicht automatisch eigene Subframe-Screens werden.
|
||||
|
||||
Vor-Subframe-Nacharbeit erledigt: Die wichtigsten ADV-S01-Zustaende sind als eigene Markdown-Dateien ausgearbeitet: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]], [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]], [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
|
||||
Vor-Subframe-Nacharbeit erledigt: Die wichtigsten Detailzustaende sind als Markdown-Dateien ausgearbeitet: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
|
||||
|
||||
Weitere Nacharbeit nach neuer Rueckmeldung: [[Screens/D10 Builder Interaktionsfaelle]] dokumentiert jetzt die "Was passiert wenn...?"-Faelle: Auswahlfolgen, Checkboxen, vergessene Zwischenschritte, Datei/Foto, Dropdowns, halb gesetztes Mapping, Publish-Blocker und konkrete Modal-/Popover-Inhalte.
|
||||
|
||||
Aktueller Subframe-Stand: Der Hauptfluss S00/E01/E02/S01/S02/S03/S04/V01/V02/V03/S05/E03/E04 ist gebaut und verlinkt. S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 sind gebaut, aber aktuell nur spaetere Varianten bzw. Referenz. M01/M02/M03/M04 und D10 bleiben dokumentiert.
|
||||
Aktueller Subframe-Stand: Der Hauptfluss S00/E01/E02/S01/S02/S02L/E05/S03/S04/V01/V02/V03/S05/E03/E04 ist gebaut und verlinkt. S01C/S01D/S01E sind gebaut, aber aktuell nur spaetere Varianten bzw. Referenz. M01/M02/M03/M04 und D10 bleiben dokumentiert.
|
||||
|
||||
## 12. Kurztext fuer David
|
||||
|
||||
`D-FORM ist fachlich passend abgegrenzt, die Advanced-Builder-Klicklogik ist nachgezogen und der Subframe-Draft ist gebaut. Der aktuelle Hauptfluss ist S00, S01, S02, S03, S04/Public States und S05 plus E01-E04. S02 ist die Google-Forms-nahe Hauptvariante; Logic/Actions/Publish bleiben dort bewusst einfach und inline. S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 sind nur spaetere Varianten bzw. Referenz. S05 bleibt ohne Kennzahl-Kacheln und ohne extra Link-teilen-Button.`
|
||||
`D-FORM ist fachlich passend abgegrenzt und der Subframe-Draft ist gebaut. Der aktuelle Hauptfluss ist S00, S01, S02, S02L/E05, S03, S04/Public States und S05 plus E01-E04. S02 ist die Google-Forms-nahe Hauptvariante; Logic/Actions/Publish bleiben dort bewusst einfach und inline. S01C/S01D/S01E sind nur spaetere Varianten bzw. Referenz. S05 bleibt ohne Kennzahl-Kacheln und ohne extra Link-teilen-Button.`
|
||||
+1
-1
@@ -41,7 +41,7 @@ Der Screen ist nicht der Builder selbst, sondern die Formular-Zentrale vor dem B
|
||||
|
||||
- Klick auf `Neues Formular` fuehrt zu [[04 S01 Formularart auswaehlen|S01 Formularart auswaehlen]].
|
||||
- Klick auf `Bearbeiten` oeffnet aktuell [[05 S02 Einfacher Fragen Editor|S02]].
|
||||
- Die Formularart bestimmt in S02 nur Vorlage, Startfragen und Hinweise. S01B/S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenzseiten.
|
||||
- Die Formularart bestimmt in S02 nur Vorlage, Startfragen und Hinweise. S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenzseiten.
|
||||
- Filterchips koennen kombiniert werden, z. B. `Erstellt` + `Unveroeffentlicht` oder `Website / Extern` + `Lead`.
|
||||
- Als Beispiel sind mehrere Status-Chips aktiv, damit klar ist: Es ist kein einzelner Tab, sondern eine Mehrfachauswahl. Art-Chips stehen daneben als zusaetzliche auswaehlbare Filter bereit.
|
||||
- Aktionen je Zeile: bearbeiten, Vorschau, Link kopieren, Antworten ansehen, duplizieren, loeschen.
|
||||
File renamed without changes.
File renamed without changes.
+2
-2
@@ -50,7 +50,7 @@ Entscheidung 2026-07-08: Weniger ist hier besser. Keine separate Vorlagenzeile u
|
||||
| Fragebogen / Umfrage | Feedback sammeln und Antworten spaeter auswerten. | Oeffnet [[05 S02 Einfacher Fragen Editor|S02]] mit Umfrage-Startfragen. |
|
||||
| Internes Formular | Meldungen und Anfragen fuer Mitarbeitende. | Oeffnet [[05 S02 Einfacher Fragen Editor|S02]] mit interner Formularvorlage. |
|
||||
|
||||
Arbeitsentscheidung 2026-07-08: S02 ist der Haupt-Editor fuer alle vier Formulararten. S01B/S01C/S01D/S01E bleiben nur spaetere Varianten bzw. Referenzseiten.
|
||||
Arbeitsentscheidung 2026-07-08: S02 ist der Haupt-Editor fuer alle vier Formulararten. S01C/S01D/S01E bleiben nur spaetere Varianten bzw. Referenzseiten.
|
||||
|
||||
## Lead-Formular Verhalten
|
||||
|
||||
@@ -81,5 +81,5 @@ Qualitaetsregel:
|
||||
|
||||
- Nutzt das vorhandene `Default Page Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation.
|
||||
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
|
||||
- Liegt im D-FORM-Flow neben S02/S02L/E05, S03, S04 und S05.
|
||||
- Ersetzt nicht S04 Public Form, sondern liegt vor dem Builder.
|
||||
+2
-2
@@ -159,7 +159,7 @@ S02 ist der Haupt-Editor fuer normale Nutzer. Deshalb werden Logic, Actions und
|
||||
| Actions | `Nach Absenden` bleibt im Screen. Bei Lead-Formularen ist `Lead anlegen` aktiv und zeigt `Felder zuweisen`. | Kein Automation-Editor, aber die wichtigste Lead-Zuordnung ist sichtbar. |
|
||||
| Publish-Blocker | Einfacher Banner/Popover im selben Screen mit Sprung zur betroffenen Frage. | Verstaendlich genug, kein eigener Screen noetig. |
|
||||
|
||||
D07, D08 und D09 bleiben als Advanced-/Referenzseiten fuer spaeter oder fuer David, falls er die Detailtiefe sehen will. Fuer den aktuellen S02-Hauptfluss sind sie nicht notwendig. Die Lead-Zuweisung ist aber nicht mehr nur Hintergrundlogik, sondern ein eigener S02-Zustand.
|
||||
Die alten Advanced-Detailframes sind aus dem Obsidian-Handoff entfernt. Fuer den aktuellen S02-Hauptfluss sind sie nicht notwendig. Die Lead-Zuweisung ist aber nicht mehr nur Hintergrundlogik, sondern ein eigener S02-Zustand.
|
||||
|
||||
## Publish
|
||||
|
||||
@@ -180,6 +180,6 @@ Qualitaetsregel:
|
||||
|
||||
- Nutzt das vorhandene `Default Page Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation.
|
||||
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
|
||||
- Liegt im D-FORM-Flow neben S02L/E05, S03, S04 und S05.
|
||||
- Nah an Google Forms, aber mit HiveGrid-Komponenten.
|
||||
- Lead-Verknuepfung bleibt einfach sichtbar. `Felder zuweisen` wird als einfacher S02-Zustand gezeigt, nicht als Advanced-Mapping.
|
||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
+4
-6
@@ -7,9 +7,9 @@ id: S01C
|
||||
screen: Website Formular Editor
|
||||
typ: Simple Builder Beispiel
|
||||
umsetzung: Alternative bauen
|
||||
status: Subframe Draft / Review offen
|
||||
status: Lokal dokumentiert / nicht mehr in Subframe
|
||||
route: /forms/:id/edit
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S01C - Website Formular Editor
|
||||
@@ -45,13 +45,11 @@ Der Nutzer erstellt ein einfaches oeffentliches Anfrageformular fuer Website, Li
|
||||
|
||||
## Subframe
|
||||
|
||||
Gebaut in Subframe:
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit
|
||||
Nicht mehr im aktuellen Subframe-Bestand (MCP-Abgleich 2026-08-25). Die fachliche Referenz bleibt lokal dokumentiert; Subframe wurde nicht veraendert.
|
||||
|
||||
Qualitaetsregel:
|
||||
|
||||
- Nutzt das vorhandene `Default Page Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation.
|
||||
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
|
||||
- Bleibt als lokale Referenzvariante erhalten und liegt nicht mehr im aktuellen D-FORM-Flow.
|
||||
- Wiederhergestellte Layout-Version vom 2026-07-07; alte kaputte Subframe-ID wurde ersetzt.
|
||||
+4
-6
@@ -7,9 +7,9 @@ id: S01D
|
||||
screen: Umfrage Editor
|
||||
typ: Simple Builder Beispiel
|
||||
umsetzung: Alternative bauen
|
||||
status: Subframe Draft / Review offen
|
||||
status: Lokal dokumentiert / nicht mehr in Subframe
|
||||
route: /forms/:id/edit
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S01D - Umfrage Editor
|
||||
@@ -43,13 +43,11 @@ Hinweis 2026-07-08: S01D ist aktuell nur Referenz. Im Hauptfluss oeffnet auch `F
|
||||
|
||||
## Subframe
|
||||
|
||||
Gebaut in Subframe:
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit
|
||||
Nicht mehr im aktuellen Subframe-Bestand (MCP-Abgleich 2026-08-25). Die fachliche Referenz bleibt lokal dokumentiert; Subframe wurde nicht veraendert.
|
||||
|
||||
Qualitaetsregel:
|
||||
|
||||
- Nutzt das vorhandene `Default Page Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation.
|
||||
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
|
||||
- Bleibt als lokale Referenzvariante erhalten und liegt nicht mehr im aktuellen D-FORM-Flow.
|
||||
- Korrigierte Version; die falsch generierte Variante ohne Layout wurde geloescht.
|
||||
+4
-6
@@ -7,9 +7,9 @@ id: S01E
|
||||
screen: Internes Formular Editor
|
||||
typ: Simple Builder Beispiel
|
||||
umsetzung: Alternative bauen
|
||||
status: Subframe Draft / Review offen
|
||||
status: Lokal dokumentiert / nicht mehr in Subframe
|
||||
route: /forms/:id/edit
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S01E - Internes Formular Editor
|
||||
@@ -44,13 +44,11 @@ Der Nutzer erstellt ein internes Formular fuer Mitarbeitende, z. B. Materialbeda
|
||||
|
||||
## Subframe
|
||||
|
||||
Gebaut in Subframe:
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit
|
||||
Nicht mehr im aktuellen Subframe-Bestand (MCP-Abgleich 2026-08-25). Die fachliche Referenz bleibt lokal dokumentiert; Subframe wurde nicht veraendert.
|
||||
|
||||
Qualitaetsregel:
|
||||
|
||||
- Nutzt das vorhandene `Default Page Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation.
|
||||
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
|
||||
- Bleibt als lokale Referenzvariante erhalten und liegt nicht mehr im aktuellen D-FORM-Flow.
|
||||
- Wiederhergestellte Layout-Version vom 2026-07-07; alte kaputte Subframe-ID wurde ersetzt.
|
||||
+1
-1
@@ -8,7 +8,7 @@ screen: Sharing Panel URL QR iFrame
|
||||
typ: Panel-Zustand in S01
|
||||
umsetzung: Nur dokumentieren
|
||||
status: Vor Subframe / dokumentiert
|
||||
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
|
||||
route: Detailnotiz, kein eigener Screen
|
||||
subframe: "-"
|
||||
---
|
||||
|
||||
+8
-8
@@ -5,10 +5,10 @@ ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: D02
|
||||
screen: Post-Submit Actions
|
||||
typ: Panel-Zustand in S01
|
||||
typ: Detailnotiz im S02-Kontext
|
||||
umsetzung: Nur dokumentieren
|
||||
status: Vor Subframe / dokumentiert
|
||||
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
|
||||
route: Detailnotiz, kein eigener Screen
|
||||
subframe: "-"
|
||||
---
|
||||
|
||||
@@ -20,7 +20,7 @@ Interne Nutzer legen fest, was nach dem Absenden eines Public Forms passieren so
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
Action-Liste plus Detailpanel innerhalb von S01.
|
||||
Action-Liste plus Detailbereich innerhalb des einfachen Builders.
|
||||
|
||||
## Daten
|
||||
|
||||
@@ -46,9 +46,9 @@ Action-Liste plus Detailpanel innerhalb von S01.
|
||||
|
||||
## Verhalten
|
||||
|
||||
- Klick auf `Actions` wechselt in den Actions-Modus im selben S01-Screen.
|
||||
- Klick auf `Nach Absenden` zeigt die Action-/Lead-Optionen im selben S02-Kontext.
|
||||
- `Add Action` oeffnet eine kleine Typ-Auswahl als Popover oder Auswahlpanel.
|
||||
- Nach Auswahl eines Action-Typs oeffnet sich das Action-Detail, siehe [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]].
|
||||
- Nach Auswahl eines Action-Typs oeffnet sich die Detailkonfiguration im selben Bereich.
|
||||
- Die Liste zeigt Warnungen direkt an der betroffenen Action.
|
||||
- ActionLog, Re-Run und Submission-Historie gehoeren nicht hierher, sondern zu Submissions.
|
||||
- Auswahl- und Mapping-Folgefaelle stehen in [[D10 Builder Interaktionsfaelle]].
|
||||
@@ -61,7 +61,7 @@ Action-Liste plus Detailpanel innerhalb von S01.
|
||||
| Kurzbeschreibung | Pro Typ ein Satz, was nach Submit passiert. |
|
||||
| Disabled-Zustaende | Typ disabled, wenn Rechte, Integration oder Voraussetzung fehlen. |
|
||||
| Suche optional | Nur wenn Liste zu lang wirkt. |
|
||||
| Kein Modal | Das Popover waehlt nur den Typ; Detailarbeit passiert in [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]. |
|
||||
| Kein Modal | Das Popover waehlt nur den Typ; Detailarbeit passiert im selben Builder-Kontext. |
|
||||
|
||||
## Zustaende
|
||||
|
||||
@@ -79,12 +79,12 @@ Action-Liste plus Detailpanel innerhalb von S01.
|
||||
|---|---|
|
||||
| Nutzer waehlt Typ, bricht Detail ab | Action wird nicht angelegt oder bleibt als unvollstaendiger Draft, je nach Save-Logik. |
|
||||
| Nutzer erstellt Action, laesst sie inaktiv | Keine Publish-Blockade, aber Warnung in Action-Liste. |
|
||||
| Nutzer erstellt aktive Action ohne Pflichtmapping | Publish blockiert und springt zu [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]. |
|
||||
| Nutzer erstellt aktive Action ohne Pflichtmapping | Publish blockiert und springt zur betroffenen Zuweisung. |
|
||||
| Nutzer loescht Action | Confirm nur bei aktiver/published-relevanter Action. |
|
||||
|
||||
## Subframe
|
||||
|
||||
Kein eigener Hauptscreen. Actions bleiben Arbeitsbereich in S01. Ein extra Frame ist nur noetig, wenn David die geoeffnete Action-Liste separat sehen will.
|
||||
Kein eigener Hauptscreen. Actions bleiben Arbeitsbereich im einfachen Builder. Ein extra Frame ist nur noetig, wenn David die geoeffnete Action-Liste separat sehen will.
|
||||
|
||||
## Notizen
|
||||
|
||||
+5
-5
@@ -5,10 +5,10 @@ ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: D03
|
||||
screen: Conditional Logic Editor
|
||||
typ: Panel-Zustand in S01
|
||||
typ: Detailnotiz im S02-Kontext
|
||||
umsetzung: Nur dokumentieren
|
||||
status: Vor Subframe / dokumentiert
|
||||
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
|
||||
route: Detailnotiz, kein eigener Screen
|
||||
subframe: "-"
|
||||
---
|
||||
|
||||
@@ -20,7 +20,7 @@ Interne Nutzer koennen einfache Anzeige-/Ausblende-Regeln fuer Formularfelder er
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
Regel-Liste plus Detailpanel innerhalb von S01.
|
||||
Einfache Bedingung direkt an der Frage; komplexere Regel-Liste bleibt nur dokumentiert.
|
||||
|
||||
## Daten
|
||||
|
||||
@@ -44,8 +44,8 @@ Regel-Liste plus Detailpanel innerhalb von S01.
|
||||
|
||||
## Verhalten
|
||||
|
||||
- Klick auf `Logic` wechselt in den Logic-Modus im selben S01-Screen.
|
||||
- `Neue Regel` oeffnet kein Modal, sondern ein Detailpanel, siehe [[91 D07 Logic Regel Detail|D07 Logic Regel Detail]].
|
||||
- Klick auf `Bedingung` oeffnet die einfache Logik direkt an der Frage.
|
||||
- `Neue Regel` oeffnet kein Modal, sondern bleibt inline im Builder-Kontext.
|
||||
- Kaputte Referenzen werden in der Regel-Liste sichtbar markiert.
|
||||
- Kaputte aktive Regeln blockieren Publish.
|
||||
- Required-Felder, die durch Logic versteckt werden, sind im Public Form nur required, wenn sie sichtbar sind.
|
||||
+1
-1
@@ -8,7 +8,7 @@ screen: Feldkarten Menue
|
||||
typ: Inline-Zustand in S01
|
||||
umsetzung: Nur dokumentieren
|
||||
status: Vor Subframe / dokumentiert
|
||||
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
|
||||
route: Detailnotiz, kein eigener Screen
|
||||
subframe: "-"
|
||||
---
|
||||
|
||||
+2
-5
@@ -5,10 +5,10 @@ ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: D10
|
||||
screen: Builder Interaktionsfaelle
|
||||
typ: Case-Matrix in S01
|
||||
typ: Case-Matrix im S02-Kontext
|
||||
umsetzung: Nur dokumentieren
|
||||
status: Vor Subframe / dokumentiert
|
||||
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
|
||||
route: Detailnotiz, kein eigener Screen
|
||||
subframe: "-"
|
||||
---
|
||||
|
||||
@@ -130,8 +130,5 @@ Nicht jedes Detail muss ein eigener Frame werden. Dber vor Subframe muss klar se
|
||||
|
||||
Kein eigener Subframe-Screen. D10 ist eine Vor-Subframe-Case-Matrix. Wenn David einzelne Faelle visuell sehen will, sollten zuerst diese Kandidaten gebaut werden:
|
||||
|
||||
- [[93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]]
|
||||
- [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]
|
||||
- [[91 D07 Logic Regel Detail|D07 Logic Regel Detail]]
|
||||
- [[M01 Feld loeschen Confirm]]
|
||||
- [[M02 Unpublish Confirm]]
|
||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
+2
-4
@@ -45,7 +45,7 @@ Neue Richtung: einfacher Formular-Editor nach Google-Forms-Gefuehl, aber mit Hiv
|
||||
| E03 | [[Screens/12 E03 S05 Keine Antworten|E03 S05 Keine Antworten]] | Empty State, wenn ein Formular noch keine Einsendungen hat. |
|
||||
| E04 | [[Screens/13 E04 S05 Export Fehler|E04 S05 Export Fehler]] | Error State, wenn Excel/CSV-Export scheitert. |
|
||||
|
||||
S01B/S01C/S01D/S01E sind gebaut, aber nicht mehr Hauptfluss. Sie liegen als spaetere Varianten bzw. Referenz bei 80-83.
|
||||
S01C/S01D/S01E sind gebaut, aber nicht Hauptfluss. Sie bleiben als spaetere Varianten bzw. Referenz bei 81-83. S01B wurde aus dem Obsidian-Handoff entfernt.
|
||||
|
||||
## Einfacher Ablauf
|
||||
|
||||
@@ -100,11 +100,9 @@ Bewusst nicht im aktuellen S02-Hauptdropdown: Lineare Skala, Bewertung, Multiple
|
||||
|
||||
S02 wurde in Subframe gebaut, weil es am naechsten an Google Forms liegt und schnell vergleichbar ist.
|
||||
|
||||
S01B wurde als zweite Alternative gebaut, ist aktuell aber nicht Hauptfluss.
|
||||
|
||||
S01C/S01D/S01E wurden als Beispiel-Editoren gebaut, sind aktuell aber nur Referenz. Im Hauptfluss oeffnen alle Formulararten S02 mit anderer Vorlage/Startfragen.
|
||||
|
||||
Der alte ADV-S01 und die Detailseiten D07/D08/D09 bleiben als fachliche Vollstaendigkeits-Referenz erhalten, sollten aber nicht mehr die erste Empfehlung fuer Handwerker sein.
|
||||
Die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt, damit S02 als klare Empfehlung stehen bleibt.
|
||||
|
||||
## Ergaenzung: Lead Felder zuweisen
|
||||
|
||||
@@ -0,0 +1,173 @@
|
||||
---
|
||||
kind: subframe-build-log
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
status: Review-ready / Subframe Draft gebaut
|
||||
stand: 2026-07-09
|
||||
---
|
||||
|
||||
# Subframe Bau Log - D-FORM
|
||||
|
||||
## Projekt
|
||||
|
||||
Subframe-Projekt: `Basedesign`
|
||||
Project ID: `f023064a5ca0`
|
||||
Flow: `(MCP) WF-D-FORM Form Builder`
|
||||
Flow-Link: https://app.subframe.com/f023064a5ca0/flow/afb1c257-46f0-4b23-aaed-d75f4773f1a9/edit?tab=ai&conversationId=02d948da-f9aa-4ab5-8352-2745789bb9ad
|
||||
|
||||
## Gebaut
|
||||
|
||||
| Nr. | ID | Screen | Status | Subframe |
|
||||
|---|---|---|---|---|
|
||||
| 01 | S00 | Formulare verwalten | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/2325aa7a-d968-4028-8282-0823b15bf964/edit |
|
||||
| 02 | E01 | S00 Keine Formulare | Hauptfluss / Empty | https://app.subframe.com/f023064a5ca0/design/136c11b3-8310-4165-b4ba-9cf099ee0873/edit |
|
||||
| 03 | E02 | S00 Keine Treffer | Hauptfluss / Empty | https://app.subframe.com/f023064a5ca0/design/ccf8d2f7-e7b4-4ffd-87f6-1785edc1b2f7/edit |
|
||||
| 04 | S01 | Formularart auswaehlen | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/c423ebcd-914f-4038-ab9f-7c2a745a8bec/edit |
|
||||
| 05 | S02 | Einfacher Fragen Editor | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/181aaa0f-5ae7-4f74-acf7-8273fbbe4dd5/edit |
|
||||
| 05b | S02L | Lead Felder zuweisen | Hauptfluss / Lead State | https://app.subframe.com/f023064a5ca0/design/c8aa80cb-0cc8-473f-9fac-a09d395e6571/edit |
|
||||
| 05c | E05 | S02 Lead Zuweisung pruefen | Hauptfluss / Lead Error | https://app.subframe.com/f023064a5ca0/design/26600ce4-7baf-4ffb-9955-7c7d1eef99d1/edit |
|
||||
| 06 | S03 | Formular Design | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/090f06a9-3fa7-4442-b8bc-035e95de7329/edit |
|
||||
| 07 | S04 | Oeffentliches Formular | Public Zielbild | https://app.subframe.com/f023064a5ca0/design/caef9ddd-03d6-4a26-8dc1-16aa198a7304/edit |
|
||||
| 08 | V01 | Public Erfolg oder Redirect | Public State | https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit |
|
||||
| 09 | V02 | Public Formular nicht verfuegbar | Public State | https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit |
|
||||
| 10 | V03 | Public Captcha oder Submit Fehler | Public State | https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit |
|
||||
| 11 | S05 | Antworten Tabelle | Hauptfluss / Auswertung | https://app.subframe.com/f023064a5ca0/design/9e8eeab7-44ea-4b77-85e6-0818d97e1ac3/edit |
|
||||
| 12 | E03 | S05 Keine Antworten | Hauptfluss / Empty | https://app.subframe.com/f023064a5ca0/design/6f56c14f-d66e-4734-8a29-a900ac74a8a7/edit |
|
||||
| 13 | E04 | S05 Export Fehler | Hauptfluss / Error | https://app.subframe.com/f023064a5ca0/design/00553ea4-9839-4d22-b540-9b9ef0bf014f/edit |
|
||||
| 81 | S01C | Website Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
|
||||
| 82 | S01D | Umfrage Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
|
||||
| 83 | S01E | Internes Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
|
||||
|
||||
## Qualitaetscheck Builder
|
||||
|
||||
- S01 ist als vereinfachter Einstieg gebaut: Nutzer waehlt Formularart vor dem Builder.
|
||||
- S01 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01 enthaelt Website-/Externes Formular, Lead-Formular, Fragebogen/Umfrage und Internes Formular.
|
||||
- S01 wurde am 2026-07-08 reduziert: keine doppelte Vorlagenzeile und keine einzelnen `Auswaehlen`-Links in den Karten; Auswahl ueber Karte + `Weiter`.
|
||||
- S01 macht Lead-Formular bewusst einfach: Antworten werden automatisch als Lead gespeichert, kein Mapping fuer normale Nutzer.
|
||||
- S02 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S02 ist die Google-Forms-nahe Alternative: Titelkarte, Fragekarten, Google-Forms-nahe Fragetyp-Auswahl, mehrere editierbare Optionen, Pflichtfrage-Toggle und erweiterte Werkzeugleiste.
|
||||
- S02 zeigt Lead-Verknuepfung als ruhige blaue Card. Die Card nutzt denselben Layout-Aufbau wie die gruene `Lead anlegen`-Card: Icon links, Titel/Badge/Beschreibung in der Mitte, Aktionen rechts.
|
||||
- Arbeitsentscheidung: S02 ist aktuell der Haupt-Editor fuer alle Formulararten. S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenz; S01B ist aus dem Obsidian-Handoff entfernt.
|
||||
- S02-Fragetyp-Dropdown zeigt den aktuell gewaehlten Typ, z. B. `Multiple-Choice-Frage`; `Fragetyp` ist kein sichtbarer Wert.
|
||||
- Im aktuellen S02-Hauptdropdown bleiben nur: Kurzantwort, Absatz, Multiple-Choice-Frage, Mehrfachauswahl, Drop-down, Datei oder Bild hochladen, Datum und Zeit. Lineare Skala, Bewertung und Raster sind gestrichen.
|
||||
- In S02 bleiben Logic, Actions und Publish-Blocker einfach: `Bedingung` an der Frage, `Nach Absenden`/Lead anlegen als Card mit `Felder zuweisen`, Publish-Blocker als Banner/Popover im selben Screen.
|
||||
- S02L ist gebaut: Lead-Felder werden per Dropdown-Vorlage Formularfragen zugewiesen. Die blaue Lead-Card nutzt dort denselben Aufbau wie in S02.
|
||||
- E05 ist gebaut: unmoegliche oder fehlende Lead-Zuweisungen werden sichtbar markiert.
|
||||
- Layout-Hinweis fuer S02L/E05: Inhaltlich sind beide Zustaende gebaut. In Subframe bei der finalen Sichtpruefung einmal kontrollieren, ob das vorhandene `Default Page Layout` aktiv ist.
|
||||
- S01C nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01C ist das Beispiel fuer Website-/Externes Formular: oeffentliche Anfrage, Public-Link-Hinweis, mCaptcha/Datenschutz, kein Lead-Mapping.
|
||||
- S01D nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01D ist nur Referenz fuer Fragebogen/Umfrage; im aktuellen Hauptfluss keine Skala, Bewertung oder Raster bauen.
|
||||
- S01E nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01E ist das Beispiel fuer Internes Formular: interne Meldung/Materialbedarf, Team-Ziel, keine Public-Link- oder Lead-Pipeline-Logik.
|
||||
- S01C und S01E wurden am 2026-07-07 neu aufgebaut, weil die alten Subframe-IDs nicht mehr auffindbar waren.
|
||||
- S00 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S00 ist die Formular-Zentrale: Mehrfachfilter nach Status und Art, Suche, Sortierung, Tabelle und Zeilenaktionen.
|
||||
- S00 zeigt mehrere aktive Status-Filter; die Art-Filter stehen separat bereit, damit nicht nur ein einzelner Tab moeglich wirkt.
|
||||
- S03 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S03 ist der Design-Tab: Logo, Akzentfarbe, Theme, Formularbreite, Datenschutz-Hinweis und Live-Vorschau der Kundensicht.
|
||||
- S05 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S05 ist der Antworten-Tab: Excel-aehnliche Tabelle, Suche, erweiterter Zeitraumfilter und Excel/CSV-Export. Keine Kennzahl-Kacheln, damit die Ansicht ruhig bleibt.
|
||||
- S05 hat keinen `Link teilen`-Button; Teilen/Link gehoert in den Veroeffentlichen-/Public-Link-Kontext.
|
||||
- E01/E02 decken die wichtigen leeren Zustaende der Formular-Zentrale ab: noch keine Formulare und Suche/Filter ohne Treffer.
|
||||
- E03/E04 decken die wichtigen Zustaende im Antworten-Tab ab: noch keine Antworten und Export-Fehler.
|
||||
- Layout-Check fuer E01-E04: In Subframe die Page Layout Auswahl pruefen und bei Bedarf `Default Page Layout` setzen. Per MCP kann ich Inhalte bauen/editieren, aber den Page-Layout-Typ nicht verlaesslich setzen.
|
||||
- Die alten Advanced-Screens und D07-D09 wurden aus dem Obsidian-Handoff entfernt, weil S02 der aktuelle Review-Hauptfluss ist.
|
||||
|
||||
## Qualitaetscheck Public
|
||||
|
||||
- S04 ist Kundensicht ohne App-Shell.
|
||||
- S04 zeigt Tenant, Formular-Intro, Name, Email, Telefon, Bereich, Beschreibung, Datei/Foto, Datenschutz-Checkbox, mCaptcha und Submit.
|
||||
- V01 bestaetigt klar, dass die Anfrage angekommen ist und deckt Redirect ab.
|
||||
- V02 ersetzt rohe 404/500-Fehler durch einen ruhigen Public-Blocker.
|
||||
- V03 behaelt Werte sichtbar und zeigt Captcha-, Upload- und Submit-Fehler ohne technische Details.
|
||||
- `File Upload` nutzt in S04 und V03 `fullwith={true}`, damit Upload-Felder die verfuegbare Formularbreite nutzen.
|
||||
- S04 und V03 nutzen jetzt die `Card`-Komponente fuer das zentrale Formularpanel. Die Groesse wird pro Instanz ueber `className` erweitert, nicht global an der Card-Komponente.
|
||||
- S04 und V03 sind optisch angeglichen: beide nutzen `max-w-[760px]`, dieselbe Card-Logik und eine einspaltige Feldreihenfolge. V03 zeigt denselben Aufbau mit erhaltenen Werten plus Fehlerbanner/Inline-Fehler.
|
||||
|
||||
## Komponenten-Notiz
|
||||
|
||||
Die Subframe-Komponente `File Upload` hat eine Boolean-Prop `fullwith`.
|
||||
|
||||
Stand 2026-07-06 wurde die Komponente angepasst:
|
||||
|
||||
- `fullwith={true}` wirkt im Default-/Hover-/Error-Dropbereich.
|
||||
- `fullwith={true}` wirkt jetzt auch im `uploading`-Zustand.
|
||||
- `fullwith={true}` wirkt jetzt auch im `uploaded`-Zustand.
|
||||
|
||||
Merksatz: In Formularen nicht nur `className="w-full"` setzen, sondern bei `File Upload` auch `fullwith={true}` verwenden.
|
||||
|
||||
## Noch offen
|
||||
|
||||
Fuer den alten D-FORM-Scope sind keine empfohlenen Frames mehr offen.
|
||||
|
||||
Durch Davids neues Lead-Feedback wurden zwei Zustaende ergaenzt und in Subframe gebaut: S02L `Lead Felder zuweisen` und E05 `S02 Lead Zuweisung pruefen`. S00, S01, S02, S02L/E05, S03, S04/Public States, S05 und E01-E04 bilden weiter den aktuellen Hauptfluss.
|
||||
|
||||
S01C/S01D/S01E sind gebaut, aber aktuell nicht relevant fuer den Hauptfluss. Sie bleiben als spaetere Varianten bzw. Referenzseiten erhalten. S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt.
|
||||
|
||||
Subframe-Seitenliste: Per MCP kann ich bestehende Pages aktuell nicht umbenennen oder per Drag-and-drop sortieren. Fachlich gilt die Review-Reihenfolge unten. Falls die sichtbare Subframe-Liste sauber sortiert werden soll, die Pages in Subframe manuell umbenennen/ziehen.
|
||||
|
||||
Empfohlene sichtbare Sortierung:
|
||||
|
||||
1. `01 S00 Formulare verwalten`
|
||||
2. `02 E01 S00 Keine Formulare`
|
||||
3. `03 E02 S00 Keine Treffer`
|
||||
4. `04 S01 Formularart auswaehlen`
|
||||
5. `05 S02 Einfacher Fragen Editor`
|
||||
6. `05b S02L Lead Felder zuweisen`
|
||||
7. `05c E05 S02 Lead Zuweisung pruefen`
|
||||
8. `06 S03 Formular Design`
|
||||
9. `07 S04 Oeffentliches Formular`
|
||||
10. `08 V01 Public Erfolg oder Redirect`
|
||||
11. `09 V02 Public Formular nicht verfuegbar`
|
||||
12. `10 V03 Public Captcha oder Submit Fehler`
|
||||
13. `11 S05 Antworten Tabelle`
|
||||
14. `12 E03 S05 Keine Antworten`
|
||||
15. `13 E04 S05 Export Fehler`
|
||||
16. `81 S01C Website Formular Editor`
|
||||
17. `82 S01D Umfrage Editor`
|
||||
18. `83 S01E Internes Formular Editor`
|
||||
|
||||
M01-M04 bleiben dokumentierte Confirm-Zustaende und werden nur gebaut, wenn David sie explizit anfordert.
|
||||
|
||||
## Modal-Regel fuer spaeter
|
||||
|
||||
Die vier bereits gebauten Public-Screens sind keine Modals:
|
||||
|
||||
- S04 Oeffentliches Formular
|
||||
- V01 Public Erfolg oder Redirect
|
||||
- V02 Public Formular nicht verfuegbar
|
||||
- V03 Public Captcha oder Submit Fehler
|
||||
|
||||
Falls spaeter D-FORM-M-Zustaende gebaut werden, muessen sie als `Dialog`-Komponente gebaut werden:
|
||||
|
||||
- M01 Feld loeschen Confirm
|
||||
- M02 Unpublish Confirm
|
||||
- M03 Archive Confirm
|
||||
- M04 Unsaved Changes Confirm
|
||||
|
||||
Die alten Advanced-Detailframes D07/D08/D09 sind nicht mehr Teil dieses Obsidian-Handoffs.
|
||||
|
||||
## Naechster Subframe-Schritt
|
||||
|
||||
Review in Subframe in dieser Reihenfolge:
|
||||
|
||||
1. `S00 Formulare verwalten`
|
||||
2. `E01 S00 Keine Formulare`
|
||||
3. `E02 S00 Keine Treffer`
|
||||
4. `S01 Formularart auswaehlen`
|
||||
5. `S02 Einfacher Fragen Editor`
|
||||
6. `S02L Lead Felder zuweisen`
|
||||
7. `E05 S02 Lead Zuweisung pruefen`
|
||||
8. `S03 Formular Design`
|
||||
9. `S04 Oeffentliches Formular`
|
||||
10. `V01 Public Erfolg oder Redirect`
|
||||
11. `V02 Public Formular nicht verfuegbar`
|
||||
12. `V03 Public Captcha oder Submit Fehler`
|
||||
13. `S05 Antworten Tabelle`
|
||||
14. `E03 S05 Keine Antworten`
|
||||
15. `E04 S05 Export Fehler`
|
||||
|
||||
Danach nur bei Bedarf die spaeteren Referenzseiten pruefen: S01C/S01D/S01E.
|
||||
+10
-126
@@ -53,19 +53,13 @@ Empfehlung fuer Review und Weiterarbeit: zuerst den aktuellen Hauptfluss pruefen
|
||||
| 13 | S05 Antworten Tabelle | Antworten-Tab als Excel-/Tabellenansicht. |
|
||||
| 14 | E03 S05 Keine Antworten | Wichtiger Empty State im Antworten-Tab. |
|
||||
| 15 | E04 S05 Export Fehler | Wichtiger Fehlerzustand beim Export. |
|
||||
| 80 | S01B Gefuehrter Fragen Editor | Spaetere Alternative fuer Nutzer, die noch mehr Fuehrung brauchen. |
|
||||
| 81 | S01C Website Formular Editor | Spaetere Beispiel-/Referenzseite fuer Website-/externes Formular. |
|
||||
| 82 | S01D Umfrage Editor | Spaetere Beispiel-/Referenzseite fuer Fragebogen/Umfrage. |
|
||||
| 83 | S01E Internes Formular Editor | Spaetere Beispiel-/Referenzseite fuer internes Mitarbeiterformular. |
|
||||
| 90 | ADV-S01 Form-Builder Canvas | Aelterer Profi-Canvas als Referenz. |
|
||||
| 90b | ADV-S01-2 Form-Builder Canvas 2 | Advanced-/Referenz-Builder; nicht mehr erste Nutzerrichtung. |
|
||||
| 91 | D07 Logic Regel Detail | Advanced-Zustand fuer Sichtbarkeitsregeln. |
|
||||
| 92 | D08 Action Detail mit Mapping | Advanced-Zustand fuer Nach-Submit-Aktionen. |
|
||||
| 93 | D09 Publish Blocker Summary | Advanced-Zustand fuer Publish-Blocker. |
|
||||
|
||||
M01/M02/M03/M04 und D10 bleiben dokumentiert und muessen nicht als erste Subframe-Frames gebaut werden.
|
||||
|
||||
Stand 2026-07-09: Die einfachen Builder-Screens sind gebaut und werden fuer Review vor den alten Canvas-Entwuerfen einsortiert. S02L und E05 wurden nach Davids Lead-Feedback ergaenzt. Die Links stehen im [[Subframe Bau Log]]. Fuer die weitergebbare Version siehe [[00 Start hier - David]] und [[D-FORM David Uebergabe 2026-07-09]].
|
||||
Stand 2026-07-09: Die einfachen Builder-Screens sind gebaut. S02L und E05 wurden nach Davids Lead-Feedback ergaenzt. S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt. Die Links stehen im [[Subframe Bau Log]]. Fuer die weitergebbare Version siehe [[00 Start hier - David]] und [[D-FORM David Uebergabe 2026-07-09]].
|
||||
|
||||
### Nutzerfluss fuer die Simple-Builder-Richtung
|
||||
|
||||
@@ -128,15 +122,9 @@ Frames / Designs:
|
||||
| E02 | `E02 S00 Keine Treffer` | Hauptfluss / Empty State |
|
||||
| E03 | `E03 S05 Keine Antworten` | Hauptfluss / Empty State |
|
||||
| E04 | `E04 S05 Export Fehler` | Hauptfluss / Error State |
|
||||
| S01B | `S01B Gefuehrter Fragen Editor` | Spaeter / Referenz |
|
||||
| S01C | `S01C Website Formular Editor` | Spaeter / Referenz |
|
||||
| S01D | `S01D Umfrage Editor` | Spaeter / Referenz |
|
||||
| S01E | `S01E Internes Formular Editor` | Spaeter / Referenz |
|
||||
| ADV-S01-2 | `ADV-S01-2 Form-Builder Canvas 2` | Advanced Builder / Referenz |
|
||||
| ADV-S01 | `ADV-S01 Form-Builder Canvas` | Aelterer Bespoke Builder / Referenz |
|
||||
| D07 | `D07 Logic Regel Detail` | Advanced / Referenz |
|
||||
| D08 | `D08 Action Detail mit Mapping` | Advanced / Referenz |
|
||||
| D09 | `D09 Publish Blocker Summary` | Advanced / Referenz |
|
||||
|
||||
Hinweis: In der Subframe-Seitenliste tragen S01C, S01D, S01E, S03, S04 und S05 aktuell noch das Suffix `Layout`. Zielnamen fuer Review/Handoff sind die oben stehenden Namen ohne `Layout`.
|
||||
|
||||
@@ -158,10 +146,10 @@ Diese vorhandenen Komponenten/Patterns sollen genutzt werden.
|
||||
|
||||
| Bereich | Komponente | Einsatz in D-FORM |
|
||||
|---|---|---|
|
||||
| Layout | Default Page Layout | S00/S01/S02/S03/S05/E01-E04 als interne Hauptseiten im vorhandenen Subframe Page Layout. S01B-E, ADV-S01 Canvas und D07-D09 bleiben spaetere interne Referenzseiten. S04/V01/V02/V03 bleiben public ohne App-Shell. |
|
||||
| Layout | Default Page Layout | S00/S01/S02/S03/S05/E01-E04 als interne Hauptseiten im vorhandenen Subframe Page Layout. S01C-E bleiben spaetere interne Referenzseiten. S04/V01/V02/V03 bleiben public ohne App-Shell. |
|
||||
| Navigation | Breadcrumb | S02 oben: `Formulare / SHK Anfrageformular`. |
|
||||
| Navigation | Page Header with Back | S02 Header mit Zurueck, Formname, Status, Save, Preview, Share, Publish. |
|
||||
| Navigation | Tabs | S02 Tabs: Fragen, Design, Antworten. ADV-S01 behaelt Builder, Logic, Actions, Sharing, Preview, Settings als Referenz. |
|
||||
| Navigation | Tabs | S02 Tabs: Fragen, Design, Antworten. |
|
||||
| Actions | Button | Save, Publish, Add Field, Add Action, Submit. |
|
||||
| Actions | Icon Button | Feldkarten-Menue, More-Menue, Close/Archive-Trigger. |
|
||||
| Form Inputs | Text Input | Name, Slug, Field Key, Email, Telefon. |
|
||||
@@ -211,10 +199,8 @@ Wenn einer dieser M-Zustaende spaeter in Subframe gebaut wird, muss die vorhande
|
||||
|
||||
Abgrenzung:
|
||||
|
||||
- `D07 Logic Regel Detail` = Panel/Drawer im Builder, kein Modal.
|
||||
- `D08 Action Detail mit Mapping` = Panel/Drawer im Builder, kein Modal.
|
||||
- `D09 Publish Blocker Summary` = Inline Banner/Summary im Builder, kein Modal.
|
||||
- Public V01/V02 duerfen zwar card-artig zentriert aussehen, sind aber trotzdem volle Public-Zustaende und keine Dialoge.
|
||||
- D-/M-Detailnotizen sind Markdown-Anforderungen und nicht Teil der aktuellen Subframe-Review-Reihenfolge.
|
||||
|
||||
## 6. S04: fertiges Kundenformular
|
||||
|
||||
@@ -310,115 +296,19 @@ Default Page Layout
|
||||
|
||||
### Layout-Regel fuer interne Builder-Screens
|
||||
|
||||
S00, S01, S02, S03, S05 und E01-E04 muessen in Subframe das vorhandene `Default Page Layout` verwenden. S01B-E, ADV-S01 Canvas und D07-D09 sind spaetere interne Referenzseiten und verwenden ebenfalls keine eigene Sidebar. Wichtig: Das Layout selbst bringt App-Shell/Navigation mit. In den Screens keine eigene Sidebar oder Header-Navigation nachbauen.
|
||||
S00, S01, S02, S03, S05 und E01-E04 muessen in Subframe das vorhandene `Default Page Layout` verwenden. S01C-E sind spaetere interne Referenzseiten und verwenden ebenfalls keine eigene Sidebar. Wichtig: Das Layout selbst bringt App-Shell/Navigation mit. In den Screens keine eigene Sidebar oder Header-Navigation nachbauen.
|
||||
|
||||
Nicht verwenden fuer den Builder: `Blank`, public/zentrierte Form-Seiten oder `Default Page Layout with inner Sidebar`. Die innere Sidebar ist eher fuer Settings geeignet; der Builder hat bereits eigene Innenbereiche wie Feld-Palette, Canvas, Logic-Liste, Action-Liste und Inspector.
|
||||
|
||||
Public-Screens S04, V01, V02 und V03 bleiben bewusst ohne App-Shell und ohne Sidebar.
|
||||
|
||||
### Modus-Tabs
|
||||
### Tabs
|
||||
|
||||
| Modus | Was zeigen? |
|
||||
|---|---|
|
||||
| Builder | Palette + Canvas + Inspector. |
|
||||
| Logic | Regel-Liste und D07 Detail. |
|
||||
| Actions | Action-Liste und D08 Mapping. |
|
||||
| Sharing | URL, QR, iFrame; Draft-Hinweis. |
|
||||
| Preview | Vorschau von S04, kein PDF. |
|
||||
| Settings | Slug, Success, Redirect, Branding, Limits. |
|
||||
S02 nutzt nur die Review-relevanten Tabs: Fragen, Design und Antworten. Logic, Actions und Publish bleiben in S02 bewusst einfach und inline.
|
||||
|
||||
## 8. D07 Logic Regel Detail
|
||||
## 8. Entfernte Advanced-Detailframes
|
||||
|
||||
Ziel: Eine einzelne Logic-Regel bauen.
|
||||
|
||||
Subframe-Zustand:
|
||||
|
||||
```text
|
||||
Logic Mode
|
||||
Left/Top: Regel-Liste
|
||||
Detailpanel: D07 Logic Regel Detail
|
||||
```
|
||||
|
||||
Inhalt:
|
||||
|
||||
- Regelname
|
||||
- Wenn-Feld
|
||||
- Operator
|
||||
- Wert
|
||||
- Dann-Aktion: anzeigen / verstecken
|
||||
- Zielfeld
|
||||
- Aktiv Switch
|
||||
- Test / Save
|
||||
- Inline `message` bei Fehler
|
||||
|
||||
Wichtig:
|
||||
|
||||
- `Neue Regel` oeffnet kein Modal.
|
||||
- Operator steuert, ob Wert gebraucht wird.
|
||||
- Wenn Operator `ist leer`, verschwindet das Wertfeld.
|
||||
- Unvollstaendige aktive Regel blockiert Publish.
|
||||
|
||||
## 9. D08 Action Detail mit Mapping
|
||||
|
||||
Ziel: Nach Submit festlegen, was passieren soll.
|
||||
|
||||
Subframe-Zustand:
|
||||
|
||||
```text
|
||||
Actions Mode
|
||||
Action-Liste
|
||||
Add Action Popover
|
||||
Detailpanel: D08 Action Detail mit Mapping
|
||||
```
|
||||
|
||||
Inhalt:
|
||||
|
||||
- Action-Typ
|
||||
- Action-Name
|
||||
- Status aktiv/inaktiv
|
||||
- Ziel: Empfaenger, Pipeline, Webhook URL usw.
|
||||
- Field-Mapping Tabelle: Ziel-Feld -> Form-Feld
|
||||
- Pflichtmapping
|
||||
- Teststatus
|
||||
- Save / Test / Delete
|
||||
|
||||
Wichtig:
|
||||
|
||||
- Add Action oeffnet Popover/Auswahlpanel, kein grosses Modal.
|
||||
- Mapping ist der Kern.
|
||||
- Aktive Action ohne Pflichtmapping blockiert Publish.
|
||||
- Inaktive unvollstaendige Action darf als Draft bleiben.
|
||||
|
||||
## 10. D09 Publish Blocker Summary
|
||||
|
||||
Ziel: Mitarbeiter versteht, warum Publish nicht geht.
|
||||
|
||||
Subframe-Zustand:
|
||||
|
||||
```text
|
||||
ADV-S01 Header
|
||||
Publish Button
|
||||
ADV-S01 Body
|
||||
D09 Summary Banner
|
||||
Blocker-Liste mit Sprungzielen
|
||||
```
|
||||
|
||||
Blocker:
|
||||
|
||||
- Formularname fehlt
|
||||
- Slug fehlt oder Konflikt
|
||||
- Kein sichtbares Feld
|
||||
- Feld ohne Label
|
||||
- Select ohne Optionen
|
||||
- Kaputte Logic
|
||||
- Pflichtmapping fehlt
|
||||
- Webhook URL ungueltig
|
||||
|
||||
Wichtig:
|
||||
|
||||
- Publish bleibt im Builder, kein Wizard.
|
||||
- Jeder Blocker hat ein Sprungziel.
|
||||
- Warnungen duerfen getrennt von Blockern angezeigt werden.
|
||||
S01B, ADV-S01, ADV-S01-2 und die Detailframes D07/D08/D09 wurden aus dem Obsidian-Handoff entfernt. Die fachlichen Detailnotizen zu Sharing, Actions, Logic, Feldmenue, Interaktionsfaellen und Confirm-Dialogen bleiben als Markdown-Anforderungen liegen, sind aber keine Review-Screens.
|
||||
|
||||
## 11. Was NICHT passieren soll
|
||||
|
||||
@@ -427,7 +317,7 @@ Wichtig:
|
||||
- Preview nicht als PDF verstehen.
|
||||
- Logic nicht als PDF-/Dokumentgenerator verstehen.
|
||||
- Actions nicht als kompletter Automation-Editor bauen.
|
||||
- Confirm-Dialoge nicht vor D07/D08/D09 priorisieren.
|
||||
- Confirm-Dialoge nicht vor dem S02-Hauptfluss priorisieren.
|
||||
- Keine neuen globalen Subframe Standards aus D-FORM ableiten.
|
||||
|
||||
## 12. Umsetzungsstand in Subframe
|
||||
@@ -453,15 +343,9 @@ Gebaut und verlinkt:
|
||||
13. S05 Antworten Tabelle
|
||||
14. E03 S05 Keine Antworten
|
||||
15. E04 S05 Export Fehler
|
||||
80. S01B Gefuehrter Fragen Editor
|
||||
81. S01C Website Formular Editor
|
||||
82. S01D Umfrage Editor
|
||||
83. S01E Internes Formular Editor
|
||||
90. ADV-S01 Form-Builder Canvas
|
||||
90b. ADV-S01-2 Form-Builder Canvas 2
|
||||
91. D07 Logic Regel Detail
|
||||
92. D08 Action Detail mit Mapping
|
||||
93. D09 Publish Blocker Summary
|
||||
|
||||
Gebaut nach Davids Lead-Feedback:
|
||||
|
||||
+54
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"group-simple","type":"group","x":-80,"y":160,"width":3900,"height":1060,"label":"D-FORM Hauptflow - Interner Builder"},
|
||||
{"id":"group-public","type":"group","x":1160,"y":1340,"width":2320,"height":640,"label":"Public Formular und States"},
|
||||
{"id":"group-notes","type":"group","x":-80,"y":-280,"width":3040,"height":360,"label":"Review-Fokus / Scope"},
|
||||
{"id":"package","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/WF-D-FORM Form Builder.md","x":0,"y":-150,"width":360,"height":160},
|
||||
{"id":"s03","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/01 S00 Formulare verwalten.md","x":0,"y":380,"width":420,"height":190},
|
||||
{"id":"note-subframe-focus","type":"text","text":"# Review-Fokus\n\nAktueller Hauptfluss:\n- 01 S00 Verwaltung\n- 02/03 Empty States\n- 04 S01 Formularart\n- 05 S02 Haupteditor\n- 05b/05c Lead-Zuweisung\n- 06 S03 Design\n- 07-10 Public Form/States\n- 11-13 Antworten/States\n\n81-83 sind nur spaetere Referenz-Beispiele.","x":520,"y":-190,"width":760,"height":240},
|
||||
{"id":"note-out-of-scope","type":"text","text":"# Nicht in D-FORM\n\n- Vollstaendige Submissions-Verwaltung\n- Submission-Detail\n- Booking\n- Kalender\n- Signatur\n- HR-Screens\n- Personalisierte Links\n- JS-Snippet\n\nS00 ist nur die schlanke Formular-Zentrale. S05 ist nur die Antwortenansicht im Formular.","x":1480,"y":-190,"width":760,"height":240},
|
||||
{"id":"s00","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/04 S01 Formularart auswaehlen.md","x":670,"y":385,"width":420,"height":190},
|
||||
{"id":"s01a","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/05 S02 Einfacher Fragen Editor.md","x":1240,"y":860,"width":420,"height":190},
|
||||
{"id":"s01c","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/81 S01C Website Formular Editor.md","x":2600,"y":200,"width":420,"height":170},
|
||||
{"id":"s01d","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/82 S01D Umfrage Editor.md","x":2600,"y":400,"width":420,"height":170},
|
||||
{"id":"s01e","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/83 S01E Internes Formular Editor.md","x":2600,"y":600,"width":420,"height":170},
|
||||
{"id":"s04","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/06 S03 Formular Design.md","x":2120,"y":765,"width":420,"height":190},
|
||||
{"id":"s05","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/11 S05 Antworten Tabelle.md","x":2120,"y":1005,"width":420,"height":190},
|
||||
{"id":"note-simple-builder","type":"text","text":"# Aktueller Builder-Flow\n\nS00 ist die Formular-Zentrale.\nS01 waehlt die Formularart.\nS02 ist der Haupteditor.\n\nDie Formularart setzt nur Vorlage/Startfragen:\n- Website/Extern\n- Lead\n- Umfrage\n- Intern\n\nTabs im Formular:\n- Fragen\n- Design: S03\n- Antworten: S05\n\nS01B bleibt nur Live-Backlog ausserhalb des Handoffs. S01C/D/E sind lokale Referenz-Beispiele und nicht mehr im aktuellen Subframe-Flow.","x":3260,"y":285,"width":500,"height":360},
|
||||
{"id":"simple-direction","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Simple Builder Neuausrichtung.md","x":3300,"y":765,"width":420,"height":160},
|
||||
{"id":"v01","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/08 V01 Public Erfolg oder Redirect.md","x":1870,"y":1420,"width":420,"height":190},
|
||||
{"id":"note-public","type":"text","text":"# Public-Regel\n\nKeine App-Shell.\n\nRuhiges Kundenformular:\n- Branding-Kopf\n- Intro\n- Felder\n- mCaptcha\n- Submit\n- Success/Error\n\nMobile zuerst mitdenken.","x":2350,"y":1420,"width":420,"height":250},
|
||||
{"id":"s02","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/07 S04 Oeffentliches Formular.md","x":1240,"y":1540,"width":420,"height":190},
|
||||
{"id":"v02","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/09 V02 Public Formular nicht verfuegbar.md","x":1870,"y":1660,"width":420,"height":190},
|
||||
{"id":"v03","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/10 V03 Public Captcha oder Submit Fehler.md","x":2350,"y":1700,"width":420,"height":190},
|
||||
{"id":"note-public-reuse","type":"text","text":"# Public Renderer\n\nD-FORM baut das Public Form.\n\nAndere Bereiche wie HR oder Booking koennen den Renderer spaeter wiederverwenden, sind aber keine D-FORM-Screens.","x":3000,"y":1550,"width":420,"height":220}
|
||||
],
|
||||
"edges":[
|
||||
{"id":"edge-s02-v01","fromNode":"s02","fromSide":"right","toNode":"v01","toSide":"left","label":"Submit erfolgreich"},
|
||||
{"id":"edge-s02-v02","fromNode":"s02","fromSide":"right","toNode":"v02","toSide":"left","label":"nicht verfuegbar"},
|
||||
{"id":"edge-s02-v03","fromNode":"s02","fromSide":"right","toNode":"v03","toSide":"left","label":"Fehler beim Submit"},
|
||||
{"id":"edge-s02-public","fromNode":"s02","fromSide":"right","toNode":"note-public","toSide":"left","label":"Public-UX"},
|
||||
{"id":"edge-public-reuse","fromNode":"note-public","fromSide":"right","toNode":"note-public-reuse","toSide":"left","label":"Wiederverwendung"},
|
||||
{"id":"edge-focus-out","fromFloating":false,"toFloating":false,"fromNode":"note-subframe-focus","fromSide":"right","toNode":"note-out-of-scope","toSide":"left","label":"Grenzen"},
|
||||
{"id":"edge-package-focus","fromNode":"package","fromSide":"right","toNode":"note-subframe-focus","toSide":"left","label":"Review"},
|
||||
{"id":"edge-package-simple","fromNode":"package","fromSide":"bottom","toNode":"s03","toSide":"top","label":"Hauptfluss"},
|
||||
{"id":"edge-s00-s01a","fromNode":"s00","fromSide":"right","toNode":"s01a","toSide":"left","label":"Weiter zu S02"},
|
||||
{"id":"edge-s00-s01c","fromNode":"s00","fromSide":"right","toNode":"s01c","toSide":"left","label":"Referenz: Website"},
|
||||
{"id":"edge-s00-s01d","fromNode":"s00","fromSide":"right","toNode":"s01d","toSide":"left","label":"Referenz: Umfrage"},
|
||||
{"id":"edge-s00-s01e","fromNode":"s00","fromSide":"right","toNode":"s01e","toSide":"left","label":"Referenz: Intern"},
|
||||
{"id":"edge-s03-s00","fromNode":"s03","fromSide":"right","toNode":"s00","toSide":"left","label":"Neues Formular"},
|
||||
{"id":"edge-s03-s01a","toFloating":false,"fromNode":"s03","fromSide":"right","toNode":"s01a","toSide":"left","label":"Bearbeiten"},
|
||||
{"id":"edge-s01a-s04","fromNode":"s01a","fromSide":"right","toNode":"s04","toSide":"left","label":"Tab Design"},
|
||||
{"id":"edge-s01a-s05","fromNode":"s01a","fromSide":"right","toNode":"s05","toSide":"left","label":"Tab Antworten"},
|
||||
{"id":"edge-s01a-note","fromNode":"s01a","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Prinzip"},
|
||||
{"id":"edge-s01c-note","fromNode":"s01c","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
|
||||
{"id":"edge-s01d-note","fromNode":"s01d","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
|
||||
{"id":"edge-s01e-note","fromNode":"s01e","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
|
||||
{"id":"edge-s01a-s02-public","fromNode":"s01a","fromSide":"bottom","toNode":"s02","toSide":"top","label":"Public Vorschau"},
|
||||
{"id":"edge-note-simple-direction","fromNode":"note-simple-builder","fromSide":"bottom","toNode":"simple-direction","toSide":"top","label":"Entscheidung"}
|
||||
],
|
||||
"metadata":{
|
||||
"version":"1.0-1.0",
|
||||
"frontmatter":{}
|
||||
}
|
||||
}
|
||||
+49
-79
@@ -6,7 +6,7 @@ package: WF-D-FORM Form Builder
|
||||
typ: Flow
|
||||
status: Review-ready / Subframe Draft gebaut
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/flow/afb1c257-46f0-4b23-aaed-d75f4773f1a9/edit?tab=ai&conversationId=02d948da-f9aa-4ab5-8352-2745789bb9ad"
|
||||
canvas: "02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas"
|
||||
canvas: "02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas"
|
||||
---
|
||||
|
||||
# WF-D-FORM Form Builder
|
||||
@@ -26,22 +26,22 @@ Start fuer Review: [[00 Start hier - David]]
|
||||
|
||||
## 1. Kurzfassung
|
||||
|
||||
Dieses Paket bereitet `D-FORM` fuer David vor: den internen Form-Builder-Canvas und das oeffentliche Formular.
|
||||
Dieses Paket bereitet `D-FORM` fuer David vor: den einfachen internen Formular-Editor und das oeffentliche Formular.
|
||||
|
||||
Der Fokus liegt bewusst auf den zwei Bespoke-Erlebnissen:
|
||||
|
||||
- Form-Builder-Canvas fuer interne Nutzer
|
||||
- S02 Fragen-Editor fuer interne Nutzer
|
||||
- Oeffentliches Formular fuer externe Submitter
|
||||
|
||||
Fuer den eigentlichen Subframe-Bau gilt [[Subframe Bauplan]] als konkrete Bau-Reihenfolge und Komponenten-Zuordnung. Interne Builder-Screens wie S01/D07/D08/D09 nutzen das vorhandene Default Page Layout; keine eigene Sidebar oder Header-Navigation nachbauen. Public-Screens bleiben ohne App-Shell.
|
||||
Fuer den eigentlichen Subframe-Bau gilt [[Subframe Bauplan]] als konkrete Bau-Reihenfolge und Komponenten-Zuordnung. Interne Builder-Screens wie S00/S01/S02/S03/S05 nutzen das vorhandene Default Page Layout; keine eigene Sidebar oder Header-Navigation nachbauen. Public-Screens bleiben ohne App-Shell.
|
||||
|
||||
Die vollstaendige Forms-/Submissions-Verwaltung, Booking, Kalender und Signatur werden nicht in diesem Paket gebaut. Als schlanker Einstieg wurde aber S00 `Formulare verwalten` ergaenzt, damit Nutzer vorhandene Formulare finden und in den Builder springen koennen.
|
||||
|
||||
**Wichtig:** Dieses Paket ist jetzt ein tragfaehiger Detail-Brainstorming-Entwurf fuer David. Davids Review vom 2026-07-06 hat den fachlichen Scope bestaetigt, aber fuer den Builder mehr Interaktionslogik verlangt. Diese "was passiert nach Klick?"-Ebene ist im Advanced-Builder nachgezogen. D-FORM ist in Subframe als Draft gebaut: S00 bis S05, die Public-Screens S04/V01/V02/V03 sowie D07 Logic Regel Detail, D08 Action Detail mit Mapping und D09 Publish Blocker Summary sind gebaut.
|
||||
**Wichtig:** Dieses Paket ist jetzt auf den einfachen S02-Hauptfluss ausgerichtet. D-FORM ist in Subframe als Draft gebaut: S00 bis S05, S02L/E05 fuer Lead-Zuweisung und die Public-Screens S04/V01/V02/V03.
|
||||
|
||||
Vor einer echten Fertig-Markierung muss David die Subframe-Frames final reviewen. Danach koennen nur noch gezielte Korrekturen oder explizit nachgeforderte Zustands-/Modalframes folgen.
|
||||
|
||||
**Nachtrag 2026-07-07:** Fuer Handwerksbetriebe wirkt der bisherige S01 fachlich stark, aber zu komplex. Deshalb wurden einfachere Alternativen gebaut: zuerst [[Screens/01 S00 Formulare verwalten|S00 Formulare verwalten]] als Startseite, danach [[Screens/04 S01 Formularart auswaehlen|S01 Formularart auswaehlen]] und Google-Forms-artige Beispiel-Editoren je Formularart. Gebaute Varianten: [[Screens/05 S02 Einfacher Fragen Editor|S02 Einfacher Fragen Editor]], [[Screens/80 S01B Gefuehrter Fragen Editor|S01B Gefuehrter Fragen Editor]], [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]], [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] und [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]]. Ergaenzt wurden ausserdem [[Screens/06 S03 Formular Design|S03 Formular Design]] und [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]]. Die bisherige Logic bleibt im Hintergrund erhalten, aber der Einstieg soll nicht mehr wie ein Profi-Builder wirken.
|
||||
**Nachtrag 2026-07-07:** Fuer Handwerksbetriebe wirkt der bisherige Builder fachlich stark, aber zu komplex. Deshalb wurden einfachere Alternativen gebaut: zuerst [[Screens/01 S00 Formulare verwalten|S00 Formulare verwalten]] als Startseite, danach [[Screens/04 S01 Formularart auswaehlen|S01 Formularart auswaehlen]] und Google-Forms-artige Beispiel-Editoren. Hauptvariante ist [[Screens/05 S02 Einfacher Fragen Editor|S02 Einfacher Fragen Editor]]. [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]], [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] und [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]] bleiben spaetere Beispiele. Ergaenzt wurden ausserdem [[Screens/06 S03 Formular Design|S03 Formular Design]] und [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]].
|
||||
|
||||
**Nachtrag 2026-07-08:** Die Simple-Builder-Richtung wurde nachgeschaerft: S00 nutzt Mehrfachfilter nach Status und Art, S02 hat mehrere editierbare Optionen und eine erweiterte Google-Forms-nahe Werkzeugleiste, S04 enthaelt eine Datenschutz-Checkbox, S03/S05 haben keinen eigenen Teilen-Tab mehr und S05 dient nur Antworten/Export.
|
||||
|
||||
@@ -49,6 +49,10 @@ Vor einer echten Fertig-Markierung muss David die Subframe-Frames final reviewen
|
||||
|
||||
**Nachtrag 2026-07-09:** Fuer Davids Review wurde ein kompletter Obsidian-faehiger Paketordner vorbereitet. Die aktuelle Uebergabe liegt in [[D-FORM David Uebergabe 2026-07-09]]. Die S02/S02L-Lead-Hinweise sind optisch an die gruene `Lead anlegen`-Card angeglichen: Icon links, Titel/Badge/Beschreibung in der Mitte, Aktion rechts.
|
||||
|
||||
**Cleanup 2026-07-10:** S01B, die alten Advanced-Screens 90/90b/91/92/93 und die doppelten Dateien unter `Varianten/` wurden aus Obsidian entfernt. Der Handoff zeigt nur noch den aktuellen Hauptfluss plus S01C/S01D/S01E als optionale Beispiele.
|
||||
|
||||
**MCP-Abgleich 2026-08-25:** Der Live-Flow heisst weiterhin `(MCP) WF-P16 Form Builder`; der lokale Paketname `WF-D-FORM Form Builder` bleibt wegen der P16-Kollision bewusst abweichend. S01B ist live weiterhin als Backlog-Seite vorhanden, bleibt aber ausserhalb des Review-Handoffs. S01C/S01D/S01E existieren nicht mehr im aktuellen Subframe-Flow und werden lokal nur als fachliche Referenzen behalten. Subframe wurde bei diesem Abgleich nicht veraendert.
|
||||
|
||||
---
|
||||
|
||||
## 2. Intent Check
|
||||
@@ -133,19 +137,11 @@ Merksatz: D-FORM hat wenige eigene Routen, aber einen riesigen Detailumfang inne
|
||||
|
||||
| Bereich | Stand | Naechster Schritt |
|
||||
|---|---|---|
|
||||
| ADV-S01 Builder-Layout | Arbeitsentwurf in ADV-S01 ergaenzt und als Subframe-Frame gebaut. | David prueft Drei-Zonen-Builder in Subframe. |
|
||||
| ADV-S01 Feld-Palette | Arbeitsentwurf in ADV-S01 ergaenzt. | Entscheiden, ob Content Blocks wie Section Header in v1 sichtbar werden. |
|
||||
| ADV-S01 Canvas / Drag-and-Drop | Arbeitsentwurf in ADV-S01 ergaenzt. | Drag-Zustaende ggf. in Subframe besonders sichtbar machen. |
|
||||
| ADV-S01 Feld-Inspector | Arbeitsentwurf in ADV-S01 ergaenzt. | Properties je Feldtyp reviewen. |
|
||||
| ADV-S01 Interaktionslogik | Nach David-Feedback ergaenzt und als Zustandsdateien ausgearbeitet. D07/D08/D09 sind als zusaetzliche Subframe-Zustaende gebaut. | David prueft die Subframe-Frames und entscheidet nur noch ueber Feinschliff oder Zusatzframes. |
|
||||
| ADV-S01 Validation / Publish | Arbeitsentwurf in ADV-S01 ergaenzt und als D09 gebaut. | David prueft Blocker-Copy, Warnungen und Sprungziele. |
|
||||
| ADV-S01 Conditional Logic | Arbeitsentwurf in ADV-S01 ergaenzt. | V1-Grenzen final bestaetigen. |
|
||||
| ADV-S01 Sharing | Arbeitsentwurf in ADV-S01 ergaenzt. | iFrame/QR/URL-Darstellung finalisieren. |
|
||||
| ADV-S01 Post-Submit-Actions | Arbeitsentwurf in ADV-S01 ergaenzt. | Action-Typen und Mapping-Tiefe final reviewen. |
|
||||
| ADV-S01 Permissions | Arbeitsentwurf in ADV-S01 ergaenzt. | Read-only/No-Permission-Zustand final entscheiden. |
|
||||
| S02 Haupteditor | Simple Builder mit Fragekarten, Fragetypen, Bedingung und Lead-Hinweis gebaut. | David prueft die einfache Richtung. |
|
||||
| S02L/E05 Lead-Zuweisung | Lead-Felder werden per Dropdown zugewiesen; Fehlerzustand ist gebaut. | David prueft, ob die Zuordnung reicht. |
|
||||
| S04 Public Form | Arbeitsentwurf in S04 ergaenzt. | David validiert Public Layout, Mobile, Submit und Branding. |
|
||||
| V01/V02/V03 Public-Varianten | Arbeitsentwurf in Varianten ergaenzt. | David validiert Copy und Public-Fehlerlogik. |
|
||||
| Canvas/Tracker/Handoff | Nach P2-Auth-Referenz synchronisiert: Hauptflow plus ADV-S01-Zustaende/Case-Matrix im Canvas sichtbar. | Vor Subframe nur noch David-Freigabe bzw. Auswahl moeglicher Zusatzframes. |
|
||||
| V01/V02/V03 Public-States | Public Success, Nicht-verfuegbar und Captcha/Submit-Fehler gebaut. | David validiert Copy und Public-Fehlerlogik. |
|
||||
| Canvas/Tracker/Handoff | Auf aktuellen Hauptfluss bereinigt; alte Advanced-Frames aus Obsidian entfernt. | Vor Subframe nur noch David-Freigabe bzw. gezielte Korrekturen. |
|
||||
|
||||
---
|
||||
## 3d. David-Feedback 2026-07-06
|
||||
@@ -161,13 +157,13 @@ Nacharbeit: In S01 fehlte die Interaktionslogik fuer konkrete Aktionen. Die wich
|
||||
| Feld loeschen | 3-Punkte-Menue/Gefahrenzone; Confirm bei Abhaengigkeiten oder public-wirksamen Folgen. |
|
||||
| Logic-Regel anlegen | Logic-Panel/Detailbereich im selben S01, kein Modal. |
|
||||
| Post-Submit-Action hinzufuegen | Typauswahl als Popover/kleines Auswahlpanel, Konfiguration im Action-Panel/Drawer. |
|
||||
| Sharing oeffnen | Sharing-Panel/Modus im ADV-S01, kein Modal. |
|
||||
| Sharing oeffnen | Public-Link-/Teilen-Kontext im einfachen Builder, kein eigener Review-Screen. |
|
||||
| Publish | Inline-Check mit Summary/Popover; Blocker springen zu Feld, Logic, Action oder Settings. |
|
||||
| Unpublish | Confirm-Dialog, weil Public-Link danach nicht mehr erreichbar ist. |
|
||||
|
||||
Bewertung: Die 5 Hauptframes bleiben bestehen. Nach Empfehlung wurden zusaetzlich D07 Logic Regel Detail, D08 Action Detail mit Mapping und D09 Publish Blocker Summary als Subframe-Zustaende gebaut. M01/M02 und die restlichen D-/M-Zustaende bleiben vorerst dokumentiert.
|
||||
Bewertung: Der aktuelle Review konzentriert sich auf den S02-Hauptfluss. M01/M02 und die restlichen D-/M-Zustaende bleiben vorerst dokumentiert.
|
||||
|
||||
Nachgezogene Vor-Subframe-Dateien: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]], [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]], [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]], [[Screens/D10 Builder Interaktionsfaelle]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
|
||||
Dokumentierte Detaildateien: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/D10 Builder Interaktionsfaelle]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
|
||||
|
||||
Nach weiterer Rueckmeldung wurde D10 als Case-Matrix ergaenzt: Was passiert, wenn Nutzer etwas auswaehlen, eine Checkbox setzen, einen mittleren Pflichtschritt vergessen, Bild/Datei hinzufuegen, Optionen loeschen, Mapping halb setzen oder eine public-wirksame Aktion ausloesen.
|
||||
|
||||
@@ -181,10 +177,10 @@ Nachgezogen fuer D-FORM:
|
||||
|
||||
| P2-Muster | D-FORM-Umsetzung |
|
||||
|---|---|
|
||||
| Screen-Dateien mit Ziel, Daten, Aktionen, Verhalten, Zustaenden und Subframe-Hinweis | ADV-S01/S02/S04/V01-V03 sowie D01-D10 und M01-M04 entsprechend ausgearbeitet. |
|
||||
| D-/M-Zustaende als eigene Dateien, auch wenn sie nicht gebaut werden | ADV-S01-Zustaende liegen als eigene Vor-Subframe-Dateien im `Screens`-Ordner; D07/D08/D09 sind als zusaetzliche Subframe-Zustaende gebaut. |
|
||||
| Screen-Dateien mit Ziel, Daten, Aktionen, Verhalten, Zustaenden und Subframe-Hinweis | S02/S02L/E05/S04/V01-V03 sowie D-/M-Notizen entsprechend ausgearbeitet. |
|
||||
| D-/M-Zustaende als eigene Dateien, auch wenn sie nicht gebaut werden | Detailnotizen liegen im `Screens`-Ordner, sind aber nicht Teil der aktuellen Subframe-Review-Reihenfolge. |
|
||||
| Canvas zeigt Hauptflow plus dokumentierte Zustaende/Notizen | `WF-D-FORM Form Builder.canvas` wurde erweitert: Hauptflow, D-/M-Zustaende, D10 Case-Matrix, Public Flow und Scope-Notizen. |
|
||||
| Tracker fuehrt dokumentierte Zustaende als eigene Zeilen | Tracker enthaelt D01-D10 und M01-M04; D07/D08/D09 stehen auf `Bauen`, M01/M02/M03/M04 bleiben dokumentiert. |
|
||||
| Tracker fuehrt dokumentierte Zustaende als eigene Zeilen | Tracker enthaelt die D-/M-Notizen als Dokumentation ohne Canvas-Link. |
|
||||
|
||||
Bewertung: D-FORM ist auf dem gleichen Vor-Subframe-Dokumentationsniveau wie die besser ausgearbeiteten P2 Auth Pakete. Subframe ist als Draft gebaut und verlinkt; Review und Feinschliff folgen.
|
||||
|
||||
@@ -330,9 +326,9 @@ Empfehlung: David sollte **Palette + Canvas + Inspector** als Kernarbeit versteh
|
||||
| Public Erfolg oder Redirect | Submit-Ende ist copy- und vertrauenskritisch. | Bauen |
|
||||
| Public Formular nicht verfuegbar | Externer Blocker braucht klare Loesung. | Bauen |
|
||||
| Public Captcha oder Submit Fehler | Hauefiger Public-Fehler, muss sauber wirken. | Bauen oder dokumentieren |
|
||||
| Sharing-Panel | URL/QR/iFrame gehoeren in Builder. | In ADV-S01 integrieren |
|
||||
| Post-Submit-Actions | Field-Mapping muss sichtbar sein. | In ADV-S01 integrieren |
|
||||
| Conditional-Logic-Editor | v1-Pflicht, aber eng schneiden. | In ADV-S01 integrieren |
|
||||
| Sharing-Panel | URL/QR/iFrame gehoeren in den Public-Link-Kontext. | Dokumentieren |
|
||||
| Post-Submit-Actions | Lead-Feldzuweisung muss sichtbar sein. | In S02L/E05 abgebildet |
|
||||
| Conditional-Logic-Editor | v1 eng schneiden. | Als einfache Bedingung an der Frage |
|
||||
| Forms-Liste | Compose aus D2, nicht D-FORM. | Raus |
|
||||
| Submissions | Compose aus A2/A3, nicht D-FORM. | Raus |
|
||||
| Booking-Intake | Eigenes Ticket `D-BOOK`. | Raus |
|
||||
@@ -344,7 +340,6 @@ Empfehlung: David sollte **Palette + Canvas + Inspector** als Kernarbeit versteh
|
||||
|
||||
| ID | Screen/Zustand | Ist eigener Arbeitsmoment? | Neue Struktur/Entscheidung/Risiko? | Entscheidung | Begruendung |
|
||||
|---|---|---|---|---|---|
|
||||
| ADV-S01 | [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]] | ja | ja, schwerste P16-UI | Referenz behalten | Nicht mehr Hauptfluss; S02 ist die einfache Richtung. |
|
||||
| S04 | [[Screens/07 S04 Oeffentliches Formular|S04 Oeffentliches Formular]] | ja | ja, Public Renderer und Branding | Bauen | Extern sichtbar, hoher Polish. |
|
||||
| V01 | [[Screens/08 V01 Public Erfolg oder Redirect|V01 Public Erfolg oder Redirect]] | teilweise | ja, Submit-Ende und Copy | Bauen | Public Dbschluss soll nicht Dev-Default sein. |
|
||||
| V02 | [[Screens/09 V02 Public Formular nicht verfuegbar|V02 Public Formular nicht verfuegbar]] | ja | ja, blockierender Public-State | Bauen | Nutzer kann nicht fortfahren. |
|
||||
@@ -354,9 +349,6 @@ Empfehlung: David sollte **Palette + Canvas + Inspector** als Kernarbeit versteh
|
||||
| D03 | [[Screens/D03 Conditional Logic Editor]] | nein | ja, Regel-Editor | Nur dokumentieren | In S01 als Panel/Tab dokumentieren. |
|
||||
| D06 | [[Screens/D06 Feldkarten Menue]] | nein | ja, Klick-Logik nach David-Feedback | Nur dokumentieren | 3-Punkte-Menue fuer Duplizieren, Loeschen, ggf. Deaktivieren. |
|
||||
| M01 | [[Screens/M01 Feld loeschen Confirm]] | nein | ja, Abhaengigkeiten in Logic/Actions | Nur dokumentieren | Confirm nur bei Risiko, kein normaler Bearbeitungsdialog. |
|
||||
| D07 | [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]] | teilweise | ja, Regelbearbeitung | Referenz behalten | Fuer S02 nicht Hauptfluss; bei Advanced-Bedarf pruefen. |
|
||||
| D08 | [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]] | teilweise | ja, Field-Mapping | Referenz behalten | Fuer S02 nicht Hauptfluss; Mapping bleibt verborgen. |
|
||||
| D09 | [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]] | ja | ja, Publish-Entscheidung | Referenz behalten | In S02 reicht Banner/Popover im selben Screen. |
|
||||
| D10 | [[Screens/D10 Builder Interaktionsfaelle]] | nein | ja, Auswahlfolgen und Edge Cases | Nur dokumentieren | Case-Matrix fuer Dropdowns, Checkboxen, vergessene Zwischenschritte, Datei/Bild und Modal-Inhalte. |
|
||||
| M02 | [[Screens/M02 Unpublish Confirm]] | nein | ja, public-wirksam | Nur dokumentieren | Confirm-Dialog wegen Public-Link. |
|
||||
| M03 | [[Screens/M03 Archive Confirm]] | nein | ja, destruktiv/Statuswechsel | Nur dokumentieren | Confirm aus More-Menue. |
|
||||
@@ -370,21 +362,16 @@ Entscheidung: `Bauen`, `Wiederverwenden`, `Nur dokumentieren`, `Spaeter`, `Raus`
|
||||
|
||||
Der urspruengliche Advanced-Subframe-Fokus lag auf diesen **8 Frames/Zustaenden**:
|
||||
|
||||
- ADV-S01 Form-Builder Canvas
|
||||
- S04 Oeffentliches Formular
|
||||
- V01 Public Erfolg oder Redirect
|
||||
- V02 Public Formular nicht verfuegbar
|
||||
- V03 Public Captcha oder Submit Fehler
|
||||
- D07 Logic Regel Detail
|
||||
- D08 Action Detail mit Mapping
|
||||
- D09 Publish Blocker Summary
|
||||
|
||||
Nach der Simple-Builder-Neuausrichtung sind zusaetzlich gebaut und fuer Review nach vorne gezogen:
|
||||
|
||||
- S00 Formulare verwalten
|
||||
- S01 Formularart auswaehlen
|
||||
- S02 Einfacher Fragen Editor
|
||||
- S01B Gefuehrter Fragen Editor
|
||||
- S01C Website Formular Editor
|
||||
- S01D Umfrage Editor
|
||||
- S01E Internes Formular Editor
|
||||
@@ -395,15 +382,11 @@ Nicht als eigene Frames bauen:
|
||||
|
||||
- Kein Sharing/Teilen als eigener Hauptreiter im Simple Builder; Public-Link/QR/Einbettung gehoeren in Veroeffentlichen/Public-Link-Kontext.
|
||||
- Actions, Logic, Preview und Settings als Arbeitsbereiche von S01 bzw. einfache Zusatzoptionen im Simple Builder.
|
||||
- Feldkarten-Menue, allgemeine Panels, D10 Case-Matrix und Confirm-Dialoge als dokumentierte ADV-S01-Zustaende.
|
||||
- Feldkarten-Menue, allgemeine Panels, D10 Case-Matrix und Confirm-Dialoge als dokumentierte Detailnotizen.
|
||||
- Vollstaendige Forms-Liste und Submissions, weil diese Compose aus A2/A3 sind. S00/S05 sind nur schlanke D-FORM-Einstiegs-/Antwortansichten.
|
||||
- Booking/Kalender/Signatur, weil diese eigene Tickets haben.
|
||||
|
||||
Als zusaetzliche S01-Zustandsframes bauen:
|
||||
|
||||
- D07 Logic Regel Detail
|
||||
- D08 Action Detail mit Mapping
|
||||
- D09 Publish Blocker Summary
|
||||
Keine zusaetzlichen Advanced-Zustandsframes im aktuellen Handoff bauen.
|
||||
|
||||
### Copy-kritische Zustaende
|
||||
|
||||
@@ -444,16 +427,12 @@ Als zusaetzliche S01-Zustandsframes bauen:
|
||||
| S05 | [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]] | Builder Tab | Bauen | `/forms/:id/edit` | Subframe Draft / Review offen |
|
||||
| E03 | [[Screens/12 E03 S05 Keine Antworten|E03 S05 Keine Antworten]] | Empty State | Bauen | `/forms/:id/edit` | Subframe Draft / Review offen |
|
||||
| E04 | [[Screens/13 E04 S05 Export Fehler|E04 S05 Export Fehler]] | Error State | Bauen | `/forms/:id/edit` | Subframe Draft / Review offen |
|
||||
| S01B | [[Screens/80 S01B Gefuehrter Fragen Editor|S01B Gefuehrter Fragen Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
|
||||
| S01C | [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
|
||||
| S01D | [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
|
||||
| S01E | [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
|
||||
| ADV-S01 | [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]] | Advanced Builder / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
|
||||
| S01 | [[Screens/90b ADV Form-Builder Canvas 2|ADV-S01-2 Form-Builder Canvas 2]] | Advanced Builder / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
|
||||
| S01C | [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]] | Spaeter / Referenz | Dokumentieren | `/forms/:id/edit` | Lokal dokumentiert / nicht mehr in Subframe |
|
||||
| S01D | [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] | Spaeter / Referenz | Dokumentieren | `/forms/:id/edit` | Lokal dokumentiert / nicht mehr in Subframe |
|
||||
| S01E | [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]] | Spaeter / Referenz | Dokumentieren | `/forms/:id/edit` | Lokal dokumentiert / nicht mehr in Subframe |
|
||||
### Detailnotizen ohne eigene Review-Screens
|
||||
|
||||
### ADV-S01-Zustaende und Zusatzframes vor Subframe
|
||||
|
||||
Diese Eintraege sind ausgearbeitet. D07/D08/D09 wurden nach Empfehlung als zusaetzliche Subframe-Zustaende gebaut; die restlichen bleiben dokumentiert.
|
||||
Diese Eintraege sind ausgearbeitet, bleiben aber Dokumentation und sind nicht Teil der aktuellen Subframe-Review-Reihenfolge.
|
||||
|
||||
| ID | Zustand | Typ | Umsetzung |
|
||||
|---|---|---|---|
|
||||
@@ -462,9 +441,6 @@ Diese Eintraege sind ausgearbeitet. D07/D08/D09 wurden nach Empfehlung als zusae
|
||||
| D03 | [[Screens/D03 Conditional Logic Editor]] | Panel-Zustand | Nur dokumentieren |
|
||||
| D06 | [[Screens/D06 Feldkarten Menue]] | Inline-Zustand | Nur dokumentieren |
|
||||
| M01 | [[Screens/M01 Feld loeschen Confirm]] | Confirm Modal | Nur dokumentieren |
|
||||
| D07 | [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]] | Panel-Zustand | Bauen |
|
||||
| D08 | [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]] | Panel-Zustand | Bauen |
|
||||
| D09 | [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]] | Inline-Zustand | Bauen |
|
||||
| D10 | [[Screens/D10 Builder Interaktionsfaelle]] | Case-Matrix | Nur dokumentieren |
|
||||
| M02 | [[Screens/M02 Unpublish Confirm]] | Confirm Modal | Nur dokumentieren |
|
||||
| M03 | [[Screens/M03 Archive Confirm]] | Confirm Modal | Nur dokumentieren |
|
||||
@@ -477,25 +453,25 @@ Diese Eintraege sind ausgearbeitet. D07/D08/D09 wurden nach Empfehlung als zusae
|
||||
Interner Hauptarbeitsort:
|
||||
|
||||
```text
|
||||
ADV-S01 Form-Builder Canvas
|
||||
- Header / Status / Save / Publish
|
||||
- Feld-Palette
|
||||
- Canvas
|
||||
- Feld-Inspector
|
||||
- Arbeitsmodi: Logic, Actions, Sharing, Preview, Settings
|
||||
S02 Einfacher Fragen Editor
|
||||
- Fragen
|
||||
- Lead-Hinweis / Felder zuweisen
|
||||
- Bedingung direkt an der Frage
|
||||
- Design-Tab S03
|
||||
- Antworten-Tab S05
|
||||
```
|
||||
|
||||
Dokumentierte ADV-S01-Zustaende:
|
||||
Dokumentierte Detailnotizen:
|
||||
|
||||
```text
|
||||
S01 -> D01 Sharing Panel
|
||||
S01 -> D02 Post-Submit Actions -> D08 Action Detail mit Mapping
|
||||
S01 -> D03 Conditional Logic Editor -> D07 Logic Regel Detail
|
||||
S01 -> D06 Feldkarten Menue -> M01 Feld loeschen Confirm
|
||||
S01 -> D09 Publish Blocker Summary -> M02 Unpublish Confirm
|
||||
S01 -> M03 Archive Confirm
|
||||
S01 -> M04 Unsaved Changes Confirm
|
||||
S01 -> D10 Builder Interaktionsfaelle
|
||||
S02 -> D01 Sharing Panel
|
||||
S02 -> D02 Post-Submit Actions
|
||||
S02 -> D03 Conditional Logic Editor
|
||||
S02 -> D06 Feldkarten Menue -> M01 Feld loeschen Confirm
|
||||
S02 Publish-Kontext -> M02 Unpublish Confirm
|
||||
S02 -> M03 Archive Confirm
|
||||
S02 -> M04 Unsaved Changes Confirm
|
||||
S02 -> D10 Builder Interaktionsfaelle
|
||||
```
|
||||
|
||||
Public Flow:
|
||||
@@ -528,20 +504,14 @@ S04 Oeffentliches Formular
|
||||
- [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]]
|
||||
- [[Screens/12 E03 S05 Keine Antworten|E03 S05 Keine Antworten]]
|
||||
- [[Screens/13 E04 S05 Export Fehler|E04 S05 Export Fehler]]
|
||||
- [[Screens/80 S01B Gefuehrter Fragen Editor|S01B Gefuehrter Fragen Editor]]
|
||||
- [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]]
|
||||
- [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]]
|
||||
- [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]]
|
||||
- [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]]
|
||||
- [[Screens/90b ADV Form-Builder Canvas 2|ADV-S01-2 Form-Builder Canvas 2]]
|
||||
- [[Screens/D01 Sharing Panel URL QR iFrame]]
|
||||
- [[Screens/D02 Post-Submit Actions]]
|
||||
- [[Screens/D03 Conditional Logic Editor]]
|
||||
- [[Screens/D06 Feldkarten Menue]]
|
||||
- [[Screens/M01 Feld loeschen Confirm]]
|
||||
- [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]]
|
||||
- [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]
|
||||
- [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]]
|
||||
- [[Screens/D10 Builder Interaktionsfaelle]]
|
||||
- [[Screens/M02 Unpublish Confirm]]
|
||||
- [[Screens/M03 Archive Confirm]]
|
||||
@@ -554,9 +524,9 @@ S04 Oeffentliches Formular
|
||||
- [x] Jeder Screen ist mit Umsetzung markiert.
|
||||
- [x] Jedes sichtbare Feld hat eine Datenquelle. Als Detail-Brainstorming dokumentiert.
|
||||
- [x] Jeder Button hat eine Aktion. Nach David-Feedback um Interaktionslogik ergaenzt.
|
||||
- [x] Die wichtigsten ADV-S01-Klickzustaende sind als eigene Vor-Subframe-Dateien dokumentiert.
|
||||
- [x] Die wichtigsten Klickzustaende sind als Markdown-Detailnotizen dokumentiert.
|
||||
- [x] Die wichtigsten Was-passiert-wenn-Faelle sind in D10 als Case-Matrix dokumentiert.
|
||||
- [x] Canvas ist nach P2-Auth-Referenz erweitert: Hauptflow, ADV-S01-Zustaende, D10, Public Flow und Scope-Notizen.
|
||||
- [x] Canvas ist auf Hauptflow, Public Flow und Scope-Notizen bereinigt.
|
||||
- [x] Banner/Inline-Meldungen sind dokumentiert.
|
||||
- [x] Toasts/Action-Feedback sind dokumentiert.
|
||||
- [x] Meldungs-/Error-State-Matrix ist ausgefuellt.
|
||||
@@ -564,8 +534,8 @@ S04 Oeffentliches Formular
|
||||
- [x] Relevante Zustaende sind beschrieben.
|
||||
- [x] Offene Fragen sind sichtbar.
|
||||
- [x] Ticket-Handoff-Entwurf ist in `Tickets/Fertige Tickets/` angelegt.
|
||||
- [x] Detail-Brainstorming fuer ADV-S01/S02/S04/V01/V02/V03 ist abgeschlossen.
|
||||
- [x] Detail-Brainstorming fuer S02/S04/V01/V02/V03 ist abgeschlossen.
|
||||
- [x] David-Review-Rueckmeldung ist erfolgt.
|
||||
- [x] S01-Interaktionslogik nach David-Feedback ist eingearbeitet.
|
||||
- [ ] David-Freigabe nach S01-Nacharbeit ist erfolgt.
|
||||
- [x] Subframe-Link fuer Flow, Hauptfluss 01-13 und Referenzseiten 80-93 ist eingetragen.
|
||||
- [x] Subframe-Link fuer Flow und Hauptfluss 01-13 ist eingetragen.
|
||||
-110
@@ -1,110 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: S01B
|
||||
screen: Gefuehrter Fragen Editor
|
||||
typ: Simple Builder Alternative
|
||||
umsetzung: Alternative bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: /forms/:id/edit
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/edit"
|
||||
---
|
||||
|
||||
# S01B - Gefuehrter Fragen Editor
|
||||
|
||||
## Ziel
|
||||
|
||||
Noch weniger Komplexitaet als S02. Der Nutzer wird durch wenige Schritte gefuehrt: Fragen, Einstellungen, Vorschau, Veroeffentlichen.
|
||||
|
||||
## Leitidee
|
||||
|
||||
S01B ist fuer Nutzer, die bei zu vielen Buttons sofort aussteigen.
|
||||
|
||||
Der Screen sagt:
|
||||
|
||||
`Erst Fragen. Dann pruefen. Dann teilen.`
|
||||
|
||||
## Aufbau
|
||||
|
||||
Interne Seite mit vorhandenem `Default rage Layout`. Keine eigene Sidebar nachbauen.
|
||||
|
||||
Screen-Zonen:
|
||||
|
||||
- Kopfzeile mit Formularname, Speichern, Vorschau.
|
||||
- Step-Leiste oben: 1 Fragen, 2 Einstellungen, 3 Vorschau, 4 Veroeffentlichen.
|
||||
- Linke schmale Fragenliste: Frage 1, Frage 2, Frage 3.
|
||||
- Hauptbereich: nur die aktuell gewaehlte Frage als grosse Karte.
|
||||
- Rechte Seite: Hilfe/rreview-Zusammenfassung, nicht voller Inspector.
|
||||
|
||||
## Hauptaktionen
|
||||
|
||||
| Aktion | UI |
|
||||
|---|---|
|
||||
| Frage hinzufuegen | grosser Button `+ Frage hinzufuegen` unter Fragenliste |
|
||||
| Fragetyp wechseln | grosses Dropdown in der Fragekarte |
|
||||
| Option hinzufuegen | Inline in der Fragekarte |
|
||||
| rflichtfrage | Toggle mit Text `Muss beantwortet werden` |
|
||||
| Bedingung | Button `Nur anzeigen, wenn ...` |
|
||||
| Frage loeschen | Drei-runkte-Menue, Confirm nur bei Risiko |
|
||||
| Vorschau | eigener Schritt oder Button oben |
|
||||
|
||||
## Vereinfachung gegenueber S02
|
||||
|
||||
| S02 | S01B |
|
||||
|---|---|
|
||||
| rechte Mini-Werkzeugleiste | keine Werkzeugleiste |
|
||||
| mehrere Fragekarten sichtbar | Fokus auf eine Frage |
|
||||
| tabs wie Google Forms | Schrittfolge |
|
||||
| mehr direkte Kontrolle | mehr Fuehrung |
|
||||
|
||||
## Lead-Formular Verhalten
|
||||
|
||||
Bei Lead-Formular:
|
||||
|
||||
- Schritt `Einstellungen` zeigt automatisch:
|
||||
- Lead-Erstellung aktiv
|
||||
- Ziel-ripeline
|
||||
- verantwortliches Team
|
||||
- Nutzer kann diese Werte aendern, muss aber nichts mappen.
|
||||
- Fragenliste startet mit vorgeschlagenen Lead-Fragen.
|
||||
|
||||
## rublic rreview
|
||||
|
||||
Der Schritt `Vorschau` zeigt, wie der Kunde das Formular sieht.
|
||||
|
||||
Wichtig:
|
||||
|
||||
- Keine rDF-Sprache.
|
||||
- Keine interne Builder-Sprache.
|
||||
- rreview entspricht S02 rublic Form.
|
||||
|
||||
## rublish
|
||||
|
||||
Im Schritt `Veroeffentlichen` sieht Nutzer:
|
||||
|
||||
- rublic Link
|
||||
- QR-Code
|
||||
- Einbetten
|
||||
- Status der rruefung
|
||||
|
||||
Fehlt etwas, steht es als einfache Checkliste:
|
||||
|
||||
- `Frage 2 braucht mindestens eine Antwortoption.`
|
||||
- `Oeffentliche URL fehlt.`
|
||||
- `Datenschutz-Hinweis pruefen.`
|
||||
|
||||
## Subframe-Hinweis
|
||||
|
||||
Gebaut in Subframe:
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/edit
|
||||
|
||||
Qualitaetsregel:
|
||||
|
||||
- Nutzt das vorhandene `Default rage Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation.
|
||||
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
|
||||
- Weniger Google-Forms-nah als S02, aber fuer sehr unsichere Nutzer wahrscheinlich leichter.
|
||||
- Lead-Verknuepfung bleibt als einfache aktive Einstellung sichtbar, ohne Mapping-ranel.
|
||||
-661
@@ -1,661 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: ADV-S01
|
||||
screen: Form-Builder Canvas
|
||||
typ: Bespoke Builder
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: /forms/:id/edit
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit"
|
||||
---
|
||||
|
||||
# ADV-S01 - Form-Builder Canvas
|
||||
|
||||
## Ziel
|
||||
|
||||
Interne Nutzer bauen, konfigurieren, pruefen und veroeffentlichen ein Formular an einem Arbeitsort.
|
||||
|
||||
Der Screen muss Feldaufbau, Validierung, Conditional Logic, Preview, Sharing und Post-Submit-Actions sichtbar machen, ohne in mehrere neue Routen zu zerfallen.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
BESPOKE Builder.
|
||||
|
||||
Nutzt A4 Form/Input-Kit fuer die Feldtypen und A7 Zustands-Kit fuer Empty/Loading/Error/Permission.
|
||||
|
||||
## Arbeitsbereiche
|
||||
|
||||
Dies ist keine finale Layout-Vorgabe, sondern die Arbeitslogik fuer David.
|
||||
|
||||
| Bereich | Zweck | Sichtbarkeit |
|
||||
|---|---|---|
|
||||
| Header / Statusbar | Form-Name, Status, Save, Preview, Publish, Share. | dauerhaft sichtbar |
|
||||
| Feld-Palette | 12 Feldtypen hinzufuegen. | primaer |
|
||||
| Canvas | Feldliste in Reihenfolge, Drag-and-Drop, Empty State, Feldfehler. | primaer |
|
||||
| Feld-Inspector | ausgewaehltes Feld konfigurieren. | primaer |
|
||||
| Logic | Wenn-Dann-Regeln fuer sichtbare Felder. | Sekundaer-Tab/Panel |
|
||||
| Actions | Post-Submit-Actions und Field-Mapping. | Sekundaer-Tab/Panel |
|
||||
| Sharing | Public URL, QR, iFrame. | Sekundaer-Tab/Panel |
|
||||
| Preview | Public-nahe Vorschau. | Umschaltmodus oder Side Preview |
|
||||
| Settings | Slug, Success, Redirect, Branding, technische Public-Settings. | Sekundaer-Tab/Panel |
|
||||
|
||||
Empfehlung: Der Screen soll sich wie ein Builder anfuehlen, nicht wie eine lange Settings-Seite. Palette, Canvas und Inspector sind die Arbeitsmitte. Alles andere ist nah dran, aber nicht dauernd gleich laut.
|
||||
|
||||
## Detail-Brainstorming S01
|
||||
|
||||
Status: Arbeitsentwurf fuer David. Nach Review vom 2026-07-06 wurde die Interaktionslogik nachgezogen; finale Subframe-Freigabe bleibt offen.
|
||||
|
||||
Ziel dieses Blocks: Den riesigen Builder-Umfang so aufteilen, dass David daraus einen echten Subframe-Frame bauen kann, ohne dass wichtige Produktentscheidungen im Kopf bleiben.
|
||||
|
||||
### Layout-Optionen
|
||||
|
||||
| Option | Aufbau | Vorteil | Risiko | Empfehlung |
|
||||
|---|---|---|---|---|
|
||||
| D | Feste Builder-Shell: links Palette, Mitte Canvas, rechts Inspector; oben Header; sekundaere Modi als Tabs/Drawer. | Fuehlt sich wie ein echter Builder an, alle Kernaktionen sind nah beieinander. | Dichte hoch; braucht gute visuelle Hierarchie. | Empfohlen fuer den Advanced Builder. |
|
||||
| B | Getrennte Seiten/Tabs: Felder, Logic, Actions, Sharing, Settings, Preview. | Ruhiger je Bereich. | Zerlegt den Canvas, mehr Navigationslast, weniger Bespoke-Gefuehl. | Nicht fuer v1-Hauptscreen. |
|
||||
| C | Canvas + alles andere in Modals. | Hauptscreen wirkt leerer. | Viele Modal-Wechsel, Mapping und Preview werden unhandlich. | Nur fuer Confirm-/Blocker-Dialoge. |
|
||||
|
||||
Arbeitsentscheidung: S01 soll als **Builder-Shell** gedacht werden, nicht als Settings-Seite. Der primaere Arbeitszustand zeigt Palette, Canvas und Inspector gleichzeitig. Logic, Actions, Sharing, Preview und Settings sind Modi am selben Datensatz.
|
||||
|
||||
### Empfohlene Bildschirmaufteilung
|
||||
|
||||
| Zone | Inhalt | Verhalten |
|
||||
|---|---|---|
|
||||
| Topbar | Breadcrumb, Form-Name, Status, Save, Preview, Publish, Share, More. | Bleibt dauerhaft sichtbar. |
|
||||
| Linke Palette | Feldtypen, Such-/Filtermöglichkeit, Templates/Abschnitte falls erlaubt. | Schmal, scanbar, Drag oder Klick fuegt Feld hinzu. |
|
||||
| Canvas-Mitte | Feldliste, Dropzonen, Feldkarten, Empty State, Fehleranker. | Hauptarbeitsflaeche; Auswahl steuert rechten Inspector. |
|
||||
| Rechter Inspector | Eigenschaften des ausgewaehlten Felds oder Form-/Modus-Einstellungen. | Kontextsensitiv, kein leerer rechter Bereich. |
|
||||
| Modus-Leiste | Builder, Logic, Actions, Sharing, Preview, Settings. | Als Tabs/Segment im Arbeitsbereich oder rechts oben; keine neuen Routen. |
|
||||
| Bottom/Status-Hinweis | Unsaved Changes, letzte Speicherung, Publish-Blocker kurz. | Dezent, damit es nicht mit Canvas konkurriert. |
|
||||
|
||||
### Modus-Matrix
|
||||
|
||||
| Modus | Hauptfrage | Was David zeigen sollte | Eigener Screen? |
|
||||
|---|---|---|---|
|
||||
| Builder | Welche Felder hat das Formular und wie sind sie konfiguriert? | Palette, Canvas, Inspector. | nein, Kern von S01 |
|
||||
| Logic | Wann werden Felder angezeigt oder verborgen? | Regel-Liste, Regel-Editor, kaputte Referenzen, Test-Hinweise. | nein |
|
||||
| Actions | Was passiert nach Submit? | Action-Liste, Mapping, Test/Preview, Warnungen. | nein |
|
||||
| Sharing | Wie wird das Formular verteilt? | Public URL, QR, iFrame, Copy-Aktionen, Publish-Hinweis. | nein |
|
||||
| Preview | Wie sieht das Public Form aus? | Public-nahe Vorschau, Desktop/Mobile-Umschalter, Logic live. | nein, aber im S01 klar sichtbar |
|
||||
| Settings | Welche Form-Stammdaten steuern die Public-Version? | Slug, Beschreibung, Success, Redirect, Close/Limit, Branding. | nein |
|
||||
|
||||
Empfehlung: Builder bleibt Default. Preview darf prominent sein, aber nicht die Feldbearbeitung verdraengen.
|
||||
|
||||
## Detail: Interaktionslogik / Was passiert nach Klick?
|
||||
|
||||
Diese Nacharbeit beantwortet Davids Review-Hinweis vom 2026-07-06. S01 muss nicht jede kleine UI-Ebene als eigenen Screen bauen, aber die wichtigsten Klicks brauchen eine klare Entscheidung: inline, Inspector, Menue, Panel/Drawer, Popover oder Confirm-Dialog.
|
||||
|
||||
### Grundprinzipien
|
||||
|
||||
| UI-Form | Wann verwenden? | Regel fuer S01 |
|
||||
|---|---|---|
|
||||
| Inline / Canvas | Schnelle direkte Manipulation am Feld. | Auswahl, Drag, Pflicht-Quicktoggle, Fehleranker bleiben im Canvas. |
|
||||
| Rechter Inspector | Alles, was ein Feld oder ein gewaehltes Objekt dauerhaft konfiguriert. | Feld bearbeiten passiert hier, nicht im Modal. |
|
||||
| 3-Punkte-Menue | Sekundaere Aktionen auf Feld-/Action-/Regel-Karten. | Duplizieren, Loeschen, Deaktivieren, Drchivieren-Einstiege. |
|
||||
| Panel / Drawer im S01 | Komplexere Konfiguration mit mehreren Feldern. | Logic-Regel, Action-Detail, Sharing, Settings bleiben im selben Screen. |
|
||||
| Popover | Kurze Auswahl oder kurzer Statuscheck. | Action-Typ waehlen, Publish-Kurzcheck, Copy/Share-Hilfe. |
|
||||
| Confirm-Dialog | Destruktive oder public-wirksame Aktionen. | Loeschen mit Abhaengigkeiten, Unpublish, Archive, ungespeichert verlassen. |
|
||||
| Toast | Ergebnisfeedback ohne Entscheidung. | Gespeichert, kopiert, veroeffentlicht, dupliziert. |
|
||||
|
||||
Arbeitsentscheidung: Routinearbeit bleibt im Builder. Modals sind nur fuer echte Risiko-Momente erlaubt.
|
||||
|
||||
### Klick-Matrix
|
||||
|
||||
| Aktion | Einstieg | Was passiert nach Klick? | UI-Form | Eigener Subframe-Frame? |
|
||||
|---|---|---|---|---|
|
||||
| Feld per Palette anklicken | Linke Palette | Feld wird am Ende eingefuegt, markiert und im Inspector geoeffnet. | Inline + Inspector | nein |
|
||||
| Feld per Drag hinzufuegen | Linke Palette -> Canvas | Dropzonen erscheinen, Feld landet an Position, danach selected. | Canvas-Zustand | nein |
|
||||
| Feld auswaehlen | Feldkarte | Fokusrahmen auf Karte, rechter Inspector zeigt Basisdaten. | Inline + Inspector | nein |
|
||||
| Feld bearbeiten | Inspector | Label, Key, Pflichtfeld, Optionen, Validation usw. werden rechts bearbeitet. | Inspector | nein |
|
||||
| Pflichtfeld schnell setzen | Feldkarte oder Inspector | Toggle aendert Pflichtstatus, Dirty State wird gesetzt. | Inline | nein |
|
||||
| Feld duplizieren | Feldkarte-Aktion oder 3-Punkte-Menue | Kopie entsteht unter Original, neuer `field_key` wird vorgeschlagen, Kopie ist selected. | Menue + Toast | nein |
|
||||
| Feld loeschen ohne Abhaengigkeit | 3-Punkte-Menue oder Gefahrenzone | Kurzer Confirm ist optional; danach Feld entfernen und Toast zeigen. | Menue/Confirm klein | nur dokumentieren |
|
||||
| Feld loeschen mit Logic/Action-Bezug | 3-Punkte-Menue oder Gefahrenzone | Confirm zeigt betroffene Regeln/Actions; nach Loeschen werden Referenzen markiert oder geloescht. | Confirm-Dialog | nur dokumentieren |
|
||||
| Feld verschieben | Drag Handle | Reihenfolge aendert sich, Dropziel sichtbar, Dirty State. | Canvas-Zustand | nein |
|
||||
| Feld einklappen | Feldkarte | Karte wird kompakt, bleibt in Reihenfolge sichtbar. | Inline | nein |
|
||||
| Fehler anklicken | Summary oder Feldkarte | Scroll/Focus zum betroffenen Feld und passenden Inspector-Abschnitt. | Inline Navigation | nein |
|
||||
| Logic-Modus oeffnen | Modus-Leiste | Canvas bleibt Kontext, Logic-Liste/Editor wird als Arbeitsbereich sichtbar. | Panel im S01 | nein |
|
||||
| Logic-Regel anlegen | Button im Logic-Modus | Neue Regel startet als Detailbereich im Panel; kein Modal. | Panel/Drawer | nur dokumentieren |
|
||||
| Logic-Regel bearbeiten | Regelkarte | Detailbereich oeffnet/rechts aktualisiert sich. | Panel/Inspector | nein |
|
||||
| Logic-Regel deaktivieren | Toggle auf Regelkarte | Regel bleibt sichtbar, wirkt aber nicht; kein Confirm. | Inline | nein |
|
||||
| Logic-Regel loeschen | 3-Punkte-Menue | Bei aktiver/published Form Confirm, sonst kleine Menue-Aktion mit Undo/Toast. | Menue + Confirm nach Risiko | nur dokumentieren |
|
||||
| Actions-Modus oeffnen | Modus-Leiste | Action-Liste und Detailbereich erscheinen im selben Builder. | Panel im S01 | nein |
|
||||
| Post-Submit-Action hinzufuegen | Button im Actions-Modus | Typ-Auswahl oeffnet als kleines Auswahlpanel/Popover, danach Detailkonfiguration. | Popover + Panel/Drawer | nur dokumentieren |
|
||||
| Action bearbeiten | Actionkarte | Detailpanel zeigt Ziel, Mapping, Test und Warnungen. | Panel/Drawer | nein |
|
||||
| Field-Mapping setzen | Action-Detail | Mapping-Zeilen werden inline bearbeitet. | Inline im Panel | nein |
|
||||
| Action testen | Action-Detail | Ergebnis erscheint inline im Action-Detail, zusaetzlich Toast bei Erfolg. | Inline + Toast | nein |
|
||||
| Action deaktivieren | Toggle auf Actionkarte | Action bleibt sichtbar, wird beim Submit nicht ausgefuehrt. | Inline | nein |
|
||||
| Action loeschen | 3-Punkte-Menue | Confirm, wenn Action aktiv/published oder Mapping besitzt. | Confirm-Dialog | nur dokumentieren |
|
||||
| Sharing oeffnen | Header-Share oder Modus-Leiste | Sharing-Panel mit URL, QR, iFrame wird sichtbar. | Panel im S01 | nein |
|
||||
| Public URL kopieren | Sharing-Panel | Copy-Aktion, danach Toast. | Button + Toast | nein |
|
||||
| QR/iFrame kopieren | Sharing-Panel | Copy/Download, danach Toast; kein Modal. | Button + Toast | nein |
|
||||
| Sharing im Draft | Sharing-Panel | URL/QR/iFrame ausgegraut, Publish-Hinweis und Sprung zu Publish/Settings. | Inline Hinweis | nein |
|
||||
| Preview oeffnen | Header oder Modus-Leiste | Builder wechselt in Public-nahe Vorschau mit Desktop/Mobile-Umschalter. | Modus im S01 | nein |
|
||||
| Settings oeffnen | Modus-Leiste | Slug, Success, Redirect, Branding und Public-Settings erscheinen im Panel/Inspector. | Panel im S01 | nein |
|
||||
| Publish klicken | Header | Publish-Check laeuft inline; bei Blockern Summary mit Sprungzielen. | Inline Check / Popover | nur dokumentieren |
|
||||
| Publish erfolgreich | Header | Status wechselt zu Published, Public URL aktiv, Toast. | Statuswechsel + Toast | nein |
|
||||
| Publish mit Warnungen | Header | Nicht-blockierende Warnungen erscheinen vor Bestaetigung. | Popover/Inline Summary | nur dokumentieren |
|
||||
| Unpublish klicken | Header/More | Confirm erklaert, dass Public-Link nicht mehr erreichbar ist. | Confirm-Dialog | nur dokumentieren |
|
||||
| Archive klicken | More-Menue | Confirm, weil Bearbeitung/Public-Kontext endet. | Confirm-Dialog | nur dokumentieren |
|
||||
| Weg navigieren mit Dirty State | Zurueck/Breadcrumb/Routewechsel | Warnung vor ungespeicherten Aenderungen. | Confirm-Dialog | nur dokumentieren |
|
||||
|
||||
### Zusaetzliche dokumentierte Zustaende nach Review
|
||||
|
||||
Diese Zustaende muessen bewusst beschrieben werden. D07, D08 und D09 sind nach aktueller Empfehlung zusaetzliche Subframe-Zustaende; die restlichen bleiben dokumentiert.
|
||||
|
||||
| ID | Zustand / Ebene | UI-Form | Empfehlung |
|
||||
|---|---|---|---|
|
||||
| D01 | [[D01 Sharing Panel URL QR iFrame]] | Panel im S01 | In S01 integrieren, kein eigener Screen. |
|
||||
| D02 | [[D02 Post-Submit Actions]] | Panel im S01 | In S01 integrieren, kein eigener Screen. |
|
||||
| D03 | [[D03 Conditional Logic Editor]] | Panel im S01 | In S01 integrieren, kein eigener Screen. |
|
||||
| D06 | [[D06 Feldkarten Menue]] | 3-Punkte-Menue | In S01 dokumentieren, kein eigener Screen. |
|
||||
| M01 | [[M01 Feld loeschen Confirm]] | Kleiner Confirm-Dialog | Nur als Zustand dokumentieren; extra Frame nur wenn David ihn sehen will. |
|
||||
| D07 | [[91 D07 Logic Regel Detail|D07 Logic Regel Detail]] | Panel/Drawer im S01 | Als zusaetzlichen Subframe-Zustand bauen, damit Logic visuell pruefbar ist. |
|
||||
| D08 | [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]] | Panel/Drawer im S01 | Als zusaetzlichen Subframe-Zustand bauen, weil Mapping komplex ist. |
|
||||
| D09 | [[93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]] | Inline Banner/Popover | Als zusaetzlichen Subframe-Zustand bauen, weil Publish kritisch ist. |
|
||||
| M02 | [[M02 Unpublish Confirm]] | Confirm-Dialog | Nur dokumentieren, weil public-wirksam. |
|
||||
| M03 | [[M03 Archive Confirm]] | Confirm-Dialog | Nur dokumentieren, nicht Hauptscreen. |
|
||||
| M04 | [[M04 Unsaved Changes Confirm]] | Confirm-Dialog | Standardzustand, nur dokumentieren. |
|
||||
| D10 | [[D10 Builder Interaktionsfaelle]] | Case-Matrix | Auswahlfolgen, vergessene Pflichtteile, Dropdowns, Popovers und Folgefehler dokumentieren. |
|
||||
|
||||
### Antworten auf Davids Beispiel-Fragen
|
||||
|
||||
| Frage | Antwort fuer D-FORM |
|
||||
|---|---|
|
||||
| Feld bearbeiten: inline im rechten Inspector oder eigenes Modal? | Rechter Inspector. Kein Modal fuer normale Feldbearbeitung. |
|
||||
| Feld loeschen/duplizieren: Feldkarte, 3-Punkte-Menue oder Confirm? | Duplizieren ueber Feldkarte/3-Punkte-Menue ohne Confirm. Loeschen ueber 3-Punkte-Menue oder Gefahrenzone; Confirm bei Abhaengigkeiten oder published Risiko. |
|
||||
| Logic-Regel anlegen: gleiches Panel, Drawer oder Modal? | Gleiches Logic-Panel bzw. rechter Detailbereich im S01. Kein Modal. |
|
||||
| Post-Submit-Action hinzufuegen: Inline, Drawer oder Modal? | Typauswahl als kleines Auswahlpanel/Popover; Konfiguration im Action-Detail-Panel/Drawer. |
|
||||
| Sharing oeffnen: Tab/Panel, Popover oder Modal? | Panel/Modus im S01. Copy-Aktionen nur mit Toast. |
|
||||
| Publish/Unpublish: Inline-Check, Popover oder Confirm? | Publish als Inline-Check mit Summary/Popover; Unpublish als Confirm-Dialog. |
|
||||
|
||||
### Was-passiert-wenn-Faelle
|
||||
|
||||
Die Detailfaelle fuer Auswahlfolgen, vergessene Zwischenschritte, Checkboxen, Dropdowns, Bild/Datei-Folgen, Modaltexte und Publish-Blocker liegen in [[D10 Builder Interaktionsfaelle]].
|
||||
|
||||
Merksatz fuer den Advanced Builder: Jede Auswahl, die Folgefelder veraendert, muss sichtbar machen, was danach wichtig wird. Wenn Nutzer einen mittleren Pflichtschritt vergessen, bleibt der Fehler lokal sichtbar und wird beim Publish/Test mit konkretem Sprungziel aufgegriffen.
|
||||
|
||||
## Detail: Header / Statusbar
|
||||
|
||||
| Element | Zustand / Inhalt | Aktion / Ergebnis |
|
||||
|---|---|---|
|
||||
| Breadcrumb | Formulare > Formularname | Zur Forms-Liste zurueck, aber Forms-Liste ist nicht Teil von D-FORM. |
|
||||
| Form-Name inline | Name, Dirty Marker, ggf. fehlender Name | Klick/Enter bearbeitet Name; leerer Name blockiert Publish. |
|
||||
| Status-Badge | Draft, Published, Archived, Unpublished changes, Error | Erklaert, ob Public-Link aktiv ist. |
|
||||
| Autosave/Save | Ungespeichert, Speichert, Gespeichert, Fehler | Speichert Form-Stammdaten, Felder, Logic, Actions. |
|
||||
| Preview | Desktop/Mobile/Public-nahe Vorschau | Oeffnet Preview-Modus im selben Builder. |
|
||||
| Publish | Draft -> Published | Startet Publish-Check; bei Blockern kein Publish. |
|
||||
| Unpublish | Published -> Draft/private | Zeigt Warnung, weil Public-Link danach nicht mehr nutzbar ist. |
|
||||
| Share | URL/QR/iFrame | Oeffnet Sharing-Modus; bei Draft mit Hinweis. |
|
||||
| More-Menue | Duplizieren, Drchivieren, ggf. Vorlage erstellen | Keine destruktive Aktion ohne Confirm. |
|
||||
|
||||
### Header-Zustaende
|
||||
|
||||
| Zustand | UI-Hinweis | Naechste Aktion |
|
||||
|---|---|---|
|
||||
| Entwurf ohne Fehler | Draft-Badge, Save aktiv wenn dirty | Weiter bearbeiten oder publishen. |
|
||||
| Entwurf mit Blockern | Validation-Summary sichtbar | Fehler anklicken und beheben. |
|
||||
| Published ohne Aenderungen | Published-Badge, Public-Link aktiv | Teilen oder unpublishen. |
|
||||
| Published mit ungespeicherten Aenderungen | Hinweis "Aenderungen noch nicht veroeffentlicht" | Speichern/Publish-Update pruefen. |
|
||||
| Archived | Bearbeitung eingeschraenkt oder read-only | Duplizieren oder zur Liste zurueck. |
|
||||
| Save fehlgeschlagen | Banner/Inline in Headernaehe | Erneut speichern. |
|
||||
|
||||
## Detail: Feld-Palette
|
||||
|
||||
Die Palette soll nicht wie eine lange Komponentenliste wirken, sondern wie ein schneller Baukasten.
|
||||
|
||||
| Gruppe | Feldtypen | Notiz |
|
||||
|---|---|---|
|
||||
| Text & Kontakt | Text, Textarea, Email, Telefon | Die haeufigsten Felder oben. |
|
||||
| Zahlen & Datum | Zahl, Waehrung, Datum, Datum-Range | Mit kurzem Format-Hinweis. |
|
||||
| Auswahl | Select, Multi-Select, Boolean | Radio/Checkbox-Liste sind Darstellungsvarianten, keine extra Feldtypen. |
|
||||
| Upload | Datei | Foto ist mobile Upload-Variante. |
|
||||
|
||||
### Palette-Aktionen
|
||||
|
||||
| Aktion | Ergebnis |
|
||||
|---|---|
|
||||
| Feld anklicken | Feld wird am Ende des Canvas eingefuegt und direkt ausgewaehlt. |
|
||||
| Feld ziehen | Dropzone im Canvas erscheint; Feld wird an Position eingefuegt. |
|
||||
| Feld suchen | Palette filtert nach Feldtyp/Use Case. |
|
||||
| Feld disabled | Tooltip erklaert, warum Feldtyp nicht verfuegbar ist. |
|
||||
|
||||
### Palette-Abgrenzung
|
||||
|
||||
| Element | In Palette? | Begruendung |
|
||||
|---|---|---|
|
||||
| mCaptcha/Honeypot | nein | Systemschutz, kein normales Formularfeld. |
|
||||
| Signature | nein fuer v1 | Signatur-Kontext bleibt separat/offen. |
|
||||
| Address | nein fuer v1 | Haengt an Maps/Autocomplete, v2 oder Spezialbaustein. |
|
||||
| Section Header / Description | offen | Kann nuetzlich sein, ist aber kein A4-12-Feldtyp. Als "Content Block" spaeter pruefen. |
|
||||
| Hidden Field | nein fuer v1 | Personalisierte Links/URL-Parameter sind v2. |
|
||||
|
||||
## Detail: Canvas
|
||||
|
||||
Der Canvas ist keine freie Zeichenflaeche, sondern eine sortierbare Formularstruktur.
|
||||
|
||||
| Canvas-Element | Zweck |
|
||||
|---|---|
|
||||
| Formular-Intro | Titel/Beschreibung aus Stammdaten als Kontext, nicht voll editieren im Canvas. |
|
||||
| Feldkarte | Label, Typ, Pflichtmarker, kurzer Helptext, Fehlerstatus, Aktionen. |
|
||||
| Dropzone zwischen Feldern | Zeigt, wo ein neues/gezogenes Feld landet. |
|
||||
| Ausgewaehltes Feld | Sichtbarer Fokusrahmen; Inspector zeigt Details. |
|
||||
| Inline-Fehler | Direkt an Feldkarte, wenn Label/Optionen/Validation fehlen. |
|
||||
| Canvas-Summary | Oben im Canvas: Anzahl Felder, sichtbare Fehler, Logic-Warnungen. |
|
||||
|
||||
### Canvas-Aktionen
|
||||
|
||||
| Aktion | Erwartetes Verhalten |
|
||||
|---|---|
|
||||
| Feld auswahlen | Rechts oeffnet Field Inspector. |
|
||||
| Feld verschieben | Reihenfolge aendert sich; Dirty State wird gesetzt. |
|
||||
| Feld duplizieren | Kopie unter Original; neuer field_key wird vorgeschlagen. |
|
||||
| Feld loeschen | Confirm, wenn Feld in Logic oder Actions verwendet wird. |
|
||||
| Feld einklappen/ausklappen | Lange Formulare bleiben scanbar. |
|
||||
| Feld als Pflicht markieren | Schnellaktion oder Inspector-Setting. |
|
||||
| Fehler anklicken | Springt zum betroffenen Feld/Inspector-Abschnitt. |
|
||||
|
||||
### Canvas-Zustaende
|
||||
|
||||
| Zustand | Darstellung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Empty | Grosse Dropzone mit CTA "Feld hinzufuegen"; Beispiel-Felder optional. | Bauen in S01 |
|
||||
| Dragging | Dropzones sichtbar, Zielposition klar. | In S01 beschreiben |
|
||||
| Feld selected | Fokusrahmen + Inspector offen. | Bauen |
|
||||
| Feld invalid | Feldkarte mit Warnung und Summary oben. | Bauen/dokumentieren |
|
||||
| Lange Liste | Sticky Header, Feldkarten kompakt, ggf. Mini-Navigation. | Beschreiben |
|
||||
| Referenzbruch | Feldkarte zeigt "Wird in Logic/Action verwendet". | Wichtig fuer Delete/Publish |
|
||||
|
||||
## Detail: Feld-Inspector
|
||||
|
||||
Der Inspector ist der eigentliche Produktivbereich fuer Felddetails. Er braucht klare Sektionen, sonst wird der Builder unlesbar.
|
||||
|
||||
| Inspector-Sektion | Inhalt | Sichtbarkeit |
|
||||
|---|---|---|
|
||||
| Basis | Label, field_key, Beschreibung, Placeholder, Pflichtfeld. | immer |
|
||||
| Darstellung | Breite/Variante, Helptext-Position, Auswahl-Darstellung. | je Feldtyp |
|
||||
| Optionen | Select/Multi-Select-Optionen, Reihenfolge, Default. | Auswahlfelder |
|
||||
| Validation | Min/max, Regex, Datei-Typ/Groesse, Custom Error. | je Feldtyp |
|
||||
| Default | Vorbefuellung, sofern erlaubt. | optional |
|
||||
| Logic-Hinweis | Welche Regeln dieses Feld nutzen. | wenn betroffen |
|
||||
| Mapping-Hinweis | Welche Actions dieses Feld verwenden. | wenn betroffen |
|
||||
| Gefahrenzone | Feld loeschen. | unten, klar getrennt |
|
||||
|
||||
### Field-Key-Regel
|
||||
|
||||
`field_key` soll sichtbar, aber nicht lauter als Label sein. Empfehlung:
|
||||
|
||||
- Automatisch aus Label erzeugen.
|
||||
- Editierbar in Advanced/Basisdetails.
|
||||
- Warnung, wenn doppelt oder ungueltig.
|
||||
- Beim Umbenennen zeigen, ob Actions/Logic betroffen sind.
|
||||
|
||||
## Detail: Feldtypen und Inspector-Properties
|
||||
|
||||
| Feldtyp | Basis-Properties | Spezielle Properties | Validation |
|
||||
|---|---|---|---|
|
||||
| Text | Label, Key, Helptext, Placeholder, Pflicht | Einzeilig, Default | min/max Laenge, Regex, Custom Error |
|
||||
| Textarea | Label, Key, Helptext, Placeholder, Pflicht | Zeilenhoehe, Markdown-Anmutung optional | min/max Laenge, Custom Error |
|
||||
| Zahl | Label, Key, Helptext, Placeholder, Pflicht | Ganzzahl/Dezimal, Schrittweite | min/max Wert, Custom Error |
|
||||
| Waehrung | Label, Key, Helptext, Pflicht | Waehrung, Dezimalstellen, Format | min/max Betrag |
|
||||
| Datum | Label, Key, Helptext, Pflicht | Datum, optional Zeit als v2/Variante | min/max Datum |
|
||||
| Datum-Range | Label, Key, Helptext, Pflicht | Start-/End-Label, Zeitraum | Ende nach Start, min/max Datum |
|
||||
| Select | Label, Key, Helptext, Pflicht | Optionen, Default, Darstellung Dropdown/Radio | mind. 1 Option, keine leeren Optionen |
|
||||
| Multi-Select | Label, Key, Helptext, Pflicht | Optionen, max. Auswahl, Chips/Checkboxen | min/max Auswahl |
|
||||
| Boolean | Label, Key, Helptext | Checkbox/Toggle, Zustimmungstext | Muss true sein optional |
|
||||
| Email | Label, Key, Helptext, Placeholder, Pflicht | Formatvalidierung, ggf. Submitter-Email markieren | Email-Format |
|
||||
| Telefon | Label, Key, Helptext, Placeholder, Pflicht | Land/Format-Hinweis | Telefonformat |
|
||||
| Datei | Label, Key, Helptext, Pflicht | Erlaubte Dateitypen, max. Groesse, mehrere Dateien, Foto-Hinweis | Datei-Typ, Groesse |
|
||||
|
||||
### Feldtypen-Entscheidungen offen fuer David
|
||||
|
||||
| Frage | Empfehlung |
|
||||
|---|---|
|
||||
| URL als eigener Feldtyp? | Nicht in A4-12, fuer v1 als Text mit URL-Validation oder spaeterer Spezialtyp. |
|
||||
| Foto als eigener Feldtyp? | Nein, als Datei-Upload-Variante mit Mobile-Kamera-Hinweis. |
|
||||
| Signature als Feldtyp? | Nicht in D-FORM v1, weil Signatur-Wizard/Abnahme eigener Kontext ist. |
|
||||
| Section Header/Description Block? | Als optionaler Content Block pruefen, aber nicht als Pflichtbestandteil der 12 Feldtypen. |
|
||||
| Hidden Field? | Raus fuer v1, weil personalisierte Links/URL-Parameter v2 sind. |
|
||||
|
||||
### Feld-Interaktionsfaelle
|
||||
|
||||
Siehe [[D10 Builder Interaktionsfaelle]] fuer:
|
||||
|
||||
- Select-Feld ohne Optionen.
|
||||
- Datei/Fotofeld mit Upload-, Kamera-, Groessen- und Typ-Hinweisen.
|
||||
- Field Key wird geaendert und betrifft Logic/Actions.
|
||||
- Option wird geloescht, obwohl sie in Logic genutzt wird.
|
||||
- Feldtyp wird nachtraeglich geaendert.
|
||||
|
||||
## Detail: Validation
|
||||
|
||||
Validation muss zwei Ebenen haben: Feldvalidierung beim Bearbeiten und Publish-Validierung fuer das gesamte Formular.
|
||||
|
||||
| Ebene | Beispiele | UI-Form |
|
||||
|---|---|---|
|
||||
| Feld-Validation | Label fehlt, Option leer, min > max, Datei ohne erlaubte Typen. | Inline am Feld + Inspector. |
|
||||
| Form-Validation | Kein sichtbares Feld, Slug fehlt, Slug-Konflikt, kaputte Logic. | Summary-Banner + klickbare Liste. |
|
||||
| Action-Validation | Pflichtmapping fehlt, Webhook-URL ungueltig, Empfaenger fehlt. | Im Actions-Modus + Publish-Summary. |
|
||||
| Sharing-Validation | Draft nicht public, iFrame ohne Publish, Allowed-Origin-Warnung. | Im Sharing-Modus. |
|
||||
|
||||
### Publish-Blocker
|
||||
|
||||
| Blocker | Warum blockiert? | Wo zeigen? |
|
||||
|---|---|---|
|
||||
| Formularname fehlt | Public/Intern nicht identifizierbar. | Header + Summary |
|
||||
| Slug fehlt oder Konflikt | Public URL kann nicht erzeugt werden. | Settings + Summary |
|
||||
| Kein sichtbares Feld | Public Form waere leer. | Canvas Empty + Summary |
|
||||
| Feld ohne Label | Public Form waere unklar. | Feldkarte + Inspector |
|
||||
| Select ohne Optionen | Submitter kann nicht antworten. | Feldkarte + Inspector |
|
||||
| Datum-Range ungueltig | Regel ist widerspruechlich. | Inspector |
|
||||
| Kaputte Logic-Referenz | Public-Anzeige nicht verlaesslich. | Logic-Modus + Summary |
|
||||
| Pflichtmapping fehlt | Action wuerde fehlschlagen. | Actions-Modus + Summary |
|
||||
|
||||
### Nicht blockierend, aber warnen
|
||||
|
||||
| Warnung | Grund |
|
||||
|---|---|
|
||||
| Required Email ohne Submitter-Email-Markierung | Kann fuer Auto-Match/Antwortmail relevant sein. |
|
||||
| Datei-Upload ohne Typbeschraenkung | Risiko fuer Public Form. |
|
||||
| Sehr langes Formular | Public-Conversion/Mobile leidet. |
|
||||
| Published Form wird stark geaendert | Bestehender Public-Link bleibt aktiv, Aenderung ist relevant. |
|
||||
|
||||
## Detail: Conditional Logic
|
||||
|
||||
V1 soll einfach bleiben: Anzeige/Ausblenden, keine komplexe Verzweigungsmaschine.
|
||||
|
||||
| Element | Inhalt |
|
||||
|---|---|
|
||||
| Regelname optional | z. B. "Zeige Upload bei Foto vorhanden". |
|
||||
| Wenn-Feld | Nur vorhandene Felder, die als Bedingung sinnvoll sind. |
|
||||
| Operator | ist, ist nicht, enthaelt, enthaelt nicht, ist leer, ist nicht leer. |
|
||||
| Wert | Abhaengig vom Feldtyp, z. B. Option bei Select. |
|
||||
| Dann-Aktion | Feld anzeigen oder Feld verstecken. |
|
||||
| Ziel-Feld | Das Feld, dessen Sichtbarkeit gesteuert wird. |
|
||||
| Aktiv/Inaktiv | Regel testen oder parken. |
|
||||
|
||||
### Logic-Regeln
|
||||
|
||||
| Fall | UI-Verhalten |
|
||||
|---|---|
|
||||
| Bedingungsfeld geloescht | Regel wird rot markiert und blockiert Publish. |
|
||||
| Ziel-Feld geloescht | Regel wird rot markiert und blockiert Publish. |
|
||||
| Ziel-Feld required aber versteckt | Hinweis: Pflicht gilt nur wenn sichtbar. |
|
||||
| Mehrere Regeln fuer ein Feld | Hinweis auf Kombinationslogik; v1 braucht einfache Erklaerung. |
|
||||
| Regel testen | Preview zeigt, welche Felder live erscheinen/verschwinden. |
|
||||
|
||||
Nicht v1: Multi-Step-Flow, Repeater, Cross-Field-Rechnung, If/Else-Baum, Scoring, A/B-Testing.
|
||||
|
||||
## Detail: Publish / Unpublish
|
||||
|
||||
| Aktion | Ablauf |
|
||||
|---|---|
|
||||
| Publish | Nutzer klickt Publish, System prueft Blocker, bei Erfolg Status Published und Public URL aktiv. |
|
||||
| Publish mit Blockern | Kein Publish; Summary zeigt Fehler mit Sprungziel. |
|
||||
| Update published Form | Hinweis, dass Aenderungen die public Version betreffen; Save/Publish-Update klar trennen falls noetig. |
|
||||
| Unpublish | Confirm mit Hinweis, dass Public URL nicht mehr erreichbar ist. |
|
||||
| Archive | More-Menue, Confirm; nicht als Hauptaktion. |
|
||||
|
||||
Empfehlung: Publish ist kein eigener Screen. Ein Confirm/Popover reicht, solange Blocker klar im Builder sichtbar sind.
|
||||
|
||||
## Detail: Sharing
|
||||
|
||||
Sharing ist v1, aber nur fuer einfache Verteilung.
|
||||
|
||||
| Bereich | Inhalt | Aktion |
|
||||
|---|---|---|
|
||||
| Public URL | `app.hivegrid.de/f/{tenant}/{slug}` | Kopieren, oeffnen. |
|
||||
| QR-Code | QR fuer Public URL | Kopieren/downloaden. |
|
||||
| iFrame | Embed-Code mit Breite/Hoehe/Auto-Resize-Hinweis | Code kopieren. |
|
||||
| Publish-Hinweis | Draft/Unpublished zeigt Warnung | Zum Publish springen. |
|
||||
| v2-Abgrenzung | Personalisierte Links, JS-Snippet | Nicht als aktiver UI-Teil. |
|
||||
|
||||
### Sharing-Zustaende
|
||||
|
||||
| Zustand | Darstellung |
|
||||
|---|---|
|
||||
| Draft | URL-Vorschau ausgegraut, Hinweis "erst nach Publish erreichbar". |
|
||||
| Published | URL, QR, iFrame aktiv. |
|
||||
| Slug fehlt | Sharing blockiert und verweist auf Settings. |
|
||||
| Public geschlossen/Limit erreicht | Hinweis, dass Link zwar existiert, Public Form aber blockieren kann. |
|
||||
|
||||
## Detail: Post-Submit-Actions
|
||||
|
||||
Actions sind sichtbar, aber S01 darf nicht wie ein voller Automation-Editor werden.
|
||||
|
||||
| Action-Typ | Zweck in S01 | Konfiguration |
|
||||
|---|---|---|
|
||||
| Email an Submitter | Bestaetigung senden. | Empfaengerfeld, Betreff, Nachricht/Template. |
|
||||
| Email an Team | Intern informieren. | Empfaenger, Betreff, Felder-Auswahl. |
|
||||
| Lead erstellen | Submission in Lead-Inbox geben. | Mapping: Name, Email, Telefon, Nachricht, Quelle. |
|
||||
| Kontakt erstellen | CRM-Kontakt anlegen. | Mapping, Duplikat-/Auto-Match-Hinweis. |
|
||||
| Projekt erstellen | Projekt/Auftrag anlegen. | Pipeline/Status, Pflichtmapping, Verantwortlicher. |
|
||||
| Task erstellen | Aufgabe erzeugen. | Titel, Beschreibung, Faelligkeit, Assignee. |
|
||||
| Auto-Match | Bestehende Entitaet per Email/Telefon verknuepfen. | Match-Felder, Fallback. |
|
||||
| Webhook | Externes System informieren. | URL, Methode falls noetig, Test. |
|
||||
| Automation-Trigger | M17 Automation starten. | Automation-Auswahl/Trigger. |
|
||||
| KWP Push | Laut M05 vorhanden, aber KWP v1 raus. | Nicht aktiv in D-FORM v1, hoechstens v2/raus markieren. |
|
||||
|
||||
### Action-UI
|
||||
|
||||
| Element | Zweck |
|
||||
|---|---|
|
||||
| Action-Liste | Reihenfolge, Typ, Status, Warnungen. |
|
||||
| Add Action | Typ-Auswahl mit kurzer Erklaerung. |
|
||||
| Action-Detail | Ziel, Bedingungen, Mapping, Test. |
|
||||
| Field-Mapping-Zeilen | Form-Feld -> Ziel-Feld; Pflichtfelder sichtbar. |
|
||||
| Test/Preview | Zeigt, was bei einer Beispiel-Submission erzeugt wuerde. |
|
||||
| Action aktiv/inaktiv | Action parken ohne Loeschen. |
|
||||
|
||||
### Action-Blocker
|
||||
|
||||
| Blocker | UI |
|
||||
|---|---|
|
||||
| Pflichtmapping fehlt | Warnung an Action + Publish-Summary. |
|
||||
| Ziel-Pipeline fehlt | Inline im Projekt-Action-Detail. |
|
||||
| Email-Empfaenger fehlt | Inline im Email-Action-Detail. |
|
||||
| Webhook-URL ungueltig | Inline + Test disabled. |
|
||||
| Automation nicht aktiv/verfuegbar | Warnung mit Erklaerung. |
|
||||
|
||||
Nicht in S01 bauen: ActionLog, Re-Run, Fehlerhistorie je Submission. Das gehoert zur Submissions-Ansicht.
|
||||
|
||||
## Detail: Permissions / Read-only
|
||||
|
||||
| Permission / Rolle | Darf sehen | Darf tun |
|
||||
|---|---|---|
|
||||
| `forms.basic` | ggf. Submissions, aber nicht Builder-Fokus. | Kein Builder-Hauptflow. |
|
||||
| `forms.builder` | Builder sehen und bearbeiten. | Felder, Logic, Settings speichern. |
|
||||
| `forms.publisher` | Builder + Sharing. | Publish/Unpublish, Export/Submissions ausserhalb D-FORM. |
|
||||
| `forms.admin` | Alles im Builder. | Actions, Templates, administrative Optionen. |
|
||||
|
||||
### Permission-Zustaende in S01
|
||||
|
||||
| Zustand | UI |
|
||||
|---|---|
|
||||
| Keine Builder-Rechte | Permission-State statt Builder; CTA "Admin kontaktieren" oder zurueck. |
|
||||
| Read-only wegen fehlender Publish-Rechte | Publish disabled mit Tooltip, Bearbeitung ggf. erlaubt. |
|
||||
| Actions nur Admin | Actions-Modus disabled oder read-only mit Hinweis. |
|
||||
| Archived Form | Bearbeitung eingeschraenkt; Duplizieren als naechste Aktion. |
|
||||
|
||||
## Daten
|
||||
|
||||
- Form-Stammdaten: Name, Beschreibung, Slug, Status, Subtype.
|
||||
- Form-Felder: Reihenfolge, Feldtyp, Label, Beschreibung/Hilfe, Placeholder, Pflichtfeld.
|
||||
- Feldtypen v1: Text, Textarea, Zahl, Waehrung, Datum, Datum-Range, Select, Multi-Select, Boolean, Email, Telefon, Datei.
|
||||
- Feld-Konfiguration: Optionen, Default, Validation, Datei-/Foto-Regeln je Feldtyp.
|
||||
- Conditional Logic: einfache Wenn-Dann-Regeln.
|
||||
- Live-Vorschau: gerenderte Form in Public-nahem Zustand.
|
||||
- Sharing: Public URL, QR-Code, iFrame-Code.
|
||||
- Post-Submit-Actions: Lead/Kontakt/Projekt/Task, Email, Webhook, Automation-Trigger, Auto-Match.
|
||||
- Field-Mapping je Action.
|
||||
- Publish-Status und moegliche Publish-Blocker.
|
||||
|
||||
## Header / Statusbar
|
||||
|
||||
| Element | Zweck |
|
||||
|---|---|
|
||||
| Form-Name inline | schnell umbenennen. |
|
||||
| Status-Badge | Draft, Published, Archived, Fehler. |
|
||||
| Save | Entwurf sichern. |
|
||||
| Preview | Public-nahe Vorschau oeffnen/umschalten. |
|
||||
| Publish/Unpublish | Public-Verfuegbarkeit steuern. |
|
||||
| Share | URL, QR und iFrame erreichbar machen. |
|
||||
| Validation-Summary | zeigt, ob Publish blockiert ist. |
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Feld aus Palette hinzufuegen.
|
||||
- Feld per Drag-and-Drop verschieben.
|
||||
- Feld auswaehlen.
|
||||
- Feld bearbeiten.
|
||||
- Feld duplizieren.
|
||||
- Feld loeschen.
|
||||
- Feld als Pflichtfeld markieren.
|
||||
- Validierung konfigurieren.
|
||||
- Optionen fuer Select/Multi-Select/Radio pflegen.
|
||||
- Conditional-Logic-Regel anlegen, bearbeiten, deaktivieren, loeschen.
|
||||
- Vorschau ansehen.
|
||||
- Form speichern.
|
||||
- Form publishen/unpublishen.
|
||||
- Public URL kopieren.
|
||||
- QR-Code kopieren/downloaden.
|
||||
- iFrame-Code kopieren.
|
||||
- Post-Submit-Action hinzufuegen.
|
||||
- Field-Mapping setzen.
|
||||
- Webhook testen oder validieren.
|
||||
|
||||
## Feldtypen v1
|
||||
|
||||
| Feldtyp | Was David sichtbar machen sollte |
|
||||
|---|---|
|
||||
| Text | Label, Placeholder, Pflicht, min/max Laenge. |
|
||||
| Textarea | Label, Helptext, Pflicht, min/max Laenge. |
|
||||
| Zahl | Label, min/max, Dezimal/Ganzzahl-Hinweis. |
|
||||
| Waehrung | Betrag, Waehrung/Format, min/max. |
|
||||
| Datum | Date-Picker, Pflicht, min/max Datum optional. |
|
||||
| Datum-Range | Start/Ende, Validierung Ende nach Start. |
|
||||
| Select | Optionen, ein Wert. |
|
||||
| Multi-Select | Optionen, mehrere Werte. |
|
||||
| Boolean | Checkbox/Toggle, Pflicht-/Zustimmungsfall. |
|
||||
| Email | Email-Validation automatisch. |
|
||||
| Telefon | Telefonformat-Hinweis. |
|
||||
| Datei | Upload, erlaubte Typen, max. Groesse; Foto als mobile Upload-Variante. |
|
||||
|
||||
Anti-Spam-Felder wie Honeypot/mCaptcha sind Systemschutz, nicht Teil der sichtbaren 12-Feld-Palette.
|
||||
|
||||
## Logic-Arbeitsbereich
|
||||
|
||||
| Element | Zweck |
|
||||
|---|---|
|
||||
| Regel-Liste | Alle aktiven Regeln scannen. |
|
||||
| Neue Regel | Wenn Feld Y Operator Wert Z, dann Feld X anzeigen/verstecken. |
|
||||
| Feld-Auswahl | Nur vorhandene Felder; kaputte Referenzen sichtbar markieren. |
|
||||
| Operatoren | v1 simpel: ist, ist nicht, enthaelt, ist leer/nicht leer. |
|
||||
| Ziel-Feld | Welches Feld wird angezeigt oder verborgen. |
|
||||
| Regel aktiv/inaktiv | Regel testen oder parken. |
|
||||
|
||||
Nicht bauen: komplexe If/Else-Baeume, Multi-Step-Flow, Cross-Field-Rechnung.
|
||||
|
||||
## Post-Submit-Actions Schnitt
|
||||
|
||||
| Bereich | In S01 zeigen? | Notiz |
|
||||
|---|---|---|
|
||||
| Action-Typ waehlen | ja | Lead/Kontakt/Projekt/Task, Email, Webhook, Automation-Trigger, Auto-Match. |
|
||||
| Reihenfolge | ja | Actions laufen in definierter Reihenfolge. |
|
||||
| Aktiv/Inaktiv | ja | Einzelne Actions deaktivierbar. |
|
||||
| Field-Mapping | ja | Form-Feld -> Ziel-Feld, Pflichtwarnungen sichtbar. |
|
||||
| Bedingung pro Action | optional | Nur einfache Filter, kein voller Logic-Builder. |
|
||||
| Test/Preview | ja | Was wuerde erzeugt/gesendet? |
|
||||
| Voller ActionLog/Re-Run | nein | Gehoert zur Submissions-Ansicht, nicht zum Builder-Canvas. |
|
||||
|
||||
## Sharing-Arbeitsbereich
|
||||
|
||||
| Element | Zweck |
|
||||
|---|---|
|
||||
| Public URL | Link kopieren, ggf. oeffnen. |
|
||||
| QR-Code | Fuer Print/Monteure/Kundenkontakt. |
|
||||
| iFrame-Code | Einbettung auf Website. |
|
||||
| Publish-Hinweis | Sharing ist erst sinnvoll, wenn published. |
|
||||
| v2-Hinweis intern | Personalisierte Links und JS-Snippet nicht in v1. |
|
||||
|
||||
## Settings-Arbeitsbereich
|
||||
|
||||
| Element | Zweck |
|
||||
|---|---|
|
||||
| Slug | Public URL steuern. |
|
||||
| Success Message | Text nach Submit. |
|
||||
| Redirect URL | optionales Weiterleitungsziel. |
|
||||
| Tenant Branding / Theme | Logo/Farbe/Fallback, soweit v1 vorgesehen. |
|
||||
| Allowed Origins | falls iFrame/API eingeschraenkt wird. |
|
||||
| Submission Limit / Close Date | optional, falls Dev fuer v1 bestaetigt. |
|
||||
|
||||
## Banner / Hinweise
|
||||
|
||||
- Publish-Blocker-Banner: zeigt konkrete fehlende Punkte, z. B. kein sichtbares Feld, fehlender Slug, ungueltige Logic-Regel.
|
||||
- Unsaved-Changes-Hinweis: wenn Nutzer weg navigiert oder publizieren will.
|
||||
- Reuse-Hinweis optional: Public Renderer wird auch fuer HR/Booking-Intake wiederverwendet, aber nicht als sichtbarer Feature-Text im UI.
|
||||
|
||||
## Toasts / Action-Feedback
|
||||
|
||||
- Gespeichert.
|
||||
- Veroeffentlicht.
|
||||
- Entwurf deaktiviert/unpublished.
|
||||
- Public URL kopiert.
|
||||
- QR-Code kopiert/downloadet.
|
||||
- iFrame-Code kopiert.
|
||||
- Action gespeichert.
|
||||
- Test-Webhook erfolgreich/fehlgeschlagen.
|
||||
|
||||
## Meldungsentscheidung
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Keine Felder im Canvas | Empty State im Canvas | nein | Bauen | Feld aus Palette hinzufuegen. |
|
||||
| Feld ohne Label | Inline am Feld + Summary | ja fuer Publish | Nur dokumentieren | Feld konkret benennen. |
|
||||
| Required Email ohne Email-Validation | Inline-Warnung | nein/Publish-Warnung | Nur dokumentieren | Vorschlag: Email-Validation hinzufuegen. |
|
||||
| Logic-Regel referenziert geloeschtes Feld | Inline im Logic-Panel + Summary | ja fuer Publish | Nur dokumentieren | Regel reparieren oder deaktivieren. |
|
||||
| Ungueltige Webhook-URL | Inline im Action-Panel | ja fuer Action | Nur dokumentieren | URL muss http/https und erreichbar sein. |
|
||||
| Publish erfolgreich | Toast + Statuswechsel | nein | Nur dokumentieren | Veroeffentlicht. |
|
||||
| Kopieren erfolgreich | Toast | nein | Nur dokumentieren | In Zwischenablage kopiert. |
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Leer | Neues Formular ohne Felder; Canvas zeigt Drop-Zone und CTA. | Bauen |
|
||||
| Laden | Form-Definition und Actions werden geladen. | Wiederverwenden |
|
||||
| Fehler | Form kann nicht geladen werden. | Nur dokumentieren |
|
||||
| Keine Berechtigung | Nutzer hat keine `forms.builder`/`forms.publish`-Rechte. | Nur dokumentieren |
|
||||
| Dirty State | Ungespeicherte Aenderungen. | Nur dokumentieren |
|
||||
| Publish blocked | Form hat Fehler, die Public-Version verhindern. | Nur dokumentieren |
|
||||
|
||||
## Blockierende Error States
|
||||
|
||||
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|
||||
|---|---|---|---|
|
||||
| Publish blockiert | Banner mit Liste der fehlenden Punkte. | Fehler beheben | Als Entwurf speichern |
|
||||
| Keine Berechtigung | Permission-State mit Klartext. | Zurueck zu Formularen | Admin kontaktieren |
|
||||
| Form nicht gefunden | Fehler-State. | Zurueck zu Formularen | - |
|
||||
|
||||
## Permissions / Gates
|
||||
|
||||
- `forms.builder`: Felder und Konfiguration bearbeiten.
|
||||
- `forms.publisher`: Publish/Unpublish und Sharing aktivieren.
|
||||
- `forms.admin`: Actions, Mapping und administrative Optionen.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Subframe](https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit)
|
||||
|
||||
Layout-Regel: Der Advanced Builder nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar nachbauen.
|
||||
|
||||
## Notizen
|
||||
|
||||
Der Builder soll nicht den Automation-Flow-Editor nachbauen. Post-Submit-Actions brauchen nur Reihenfolge, Typ, Ziel und Field-Mapping.
|
||||
|
||||
Conditional Logic ist v1, aber eng: Wenn Feld Y = Wert Z, dann Feld X anzeigen. Kein Repeater, kein Multi-Step, keine Cross-Field-Validation.
|
||||
|
||||
Wichtig fuer David: Der Screen ist eine Arbeitsflaeche, kein Marketing-Screen. Dichte ist erlaubt, solange die Hauptarbeit gut scannbar bleibt.
|
||||
-34
@@ -1,34 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: ADV-S01-2
|
||||
screen: Form-Builder Canvas 2
|
||||
typ: Advanced / Referenz
|
||||
umsetzung: Referenz behalten
|
||||
status: Subframe Draft / aktuell nicht Hauptfluss
|
||||
route: /forms/:id/edit
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit"
|
||||
---
|
||||
|
||||
# ADV-S01-2 - Form-Builder Canvas 2
|
||||
|
||||
## Status
|
||||
|
||||
Diese Seite ist aktuell **nicht Teil des Hauptflusses**.
|
||||
|
||||
Sie bleibt als Advanced-/Referenzscreen erhalten, falls David oder spaetere Umsetzung die umfangreichere Builder-Logik pruefen will.
|
||||
|
||||
## Warum nicht Hauptfluss
|
||||
|
||||
- Zu viel sichtbare Komplexitaet fuer normale Handwerksbetriebe.
|
||||
- S02 ist aktuell die empfohlene Google-Forms-nahe Hauptvariante.
|
||||
- Logic, Actions und Publish-Blocker werden in S02 einfacher geloest.
|
||||
|
||||
## Subframe
|
||||
|
||||
Gebaut in Subframe:
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit
|
||||
|
||||
-98
@@ -1,98 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: D07
|
||||
screen: Logic Regel Detail
|
||||
typ: Panel-Zustand in S01
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: in S01 Logic-Modus, kein eigener Screen
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit"
|
||||
---
|
||||
|
||||
# D07 - Logic Regel Detail
|
||||
|
||||
## Ziel
|
||||
|
||||
Interne Nutzer koennen eine einzelne Sichtbarkeitsregel sauber anlegen oder bearbeiten.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
Detailpanel / Drawer innerhalb des Logic-Modus von S01.
|
||||
|
||||
## Daten
|
||||
|
||||
- Regelname optional
|
||||
- Bedingungsfeld
|
||||
- Operator
|
||||
- Wert
|
||||
- Dann-Aktion: anzeigen oder verstecken
|
||||
- Zielfeld
|
||||
- Status aktiv/inaktiv
|
||||
- Preview-/Testhinweis
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Bedingungsfeld waehlen
|
||||
- Operator waehlen
|
||||
- Wert setzen
|
||||
- Zielfeld waehlen
|
||||
- Aktion anzeigen/verstecken waehlen
|
||||
- Regel speichern
|
||||
- Regel testen
|
||||
- Regel deaktivieren
|
||||
- Regel loeschen
|
||||
|
||||
## Verhalten
|
||||
|
||||
- `Neue Regel` oeffnet dieses Detailpanel im selben S01-Screen.
|
||||
- Keine Modal-Kaskade fuer Logic.
|
||||
- Feldauswahlen zeigen nur vorhandene passende Felder.
|
||||
- Wenn ein referenziertes Feld fehlt, bleibt die Regel sichtbar und markiert kaputt.
|
||||
- Test/Preview kann direkt den Preview-Modus beeinflussen oder eine kurze Vorschau im Panel zeigen.
|
||||
- Detailfaelle fuer unvollstaendige Auswahlfolgen stehen in [[D10 Builder Interaktionsfaelle]].
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Neue Regel | leeres Detailpanel mit Pflichtfeldern. | Nur dokumentieren |
|
||||
| Gueltige Regel | alle Referenzen vorhanden. | Nur dokumentieren |
|
||||
| Unvollstaendig | Pflichtteil fehlt; Regel kann nicht aktiv werden. | Nur dokumentieren |
|
||||
| Referenz kaputt | Bedingungs- oder Zielfeld fehlt. | Nur dokumentieren |
|
||||
| Testmodus | Preview zeigt Wirkung der Regel. | In S01 dokumentieren |
|
||||
|
||||
## Auswahlfolge im Panel
|
||||
|
||||
| Schritt | Verhalten |
|
||||
|---|---|
|
||||
| 1. Wenn-Feld | Nach Auswahl wird das Operator-Dropdown passend zum Feldtyp aktiv. |
|
||||
| 2. Operator | Bei `ist leer`/`ist nicht leer` entfaellt das Wertfeld. Bei Select/Boolean wird das Wertfeld zur passenden Auswahl. |
|
||||
| 3. Wert | Pflicht nur bei Operatoren, die einen Wert brauchen. |
|
||||
| 4. Dann-Aktion | `anzeigen` oder `verstecken`; keine komplexe If/Else-Struktur. |
|
||||
| 5. Zielfeld | Darf nicht identisch mit dem Bedingungsfeld sein. |
|
||||
| 6. Aktiv | Erst aktivierbar, wenn alle Pflichtteile gueltig sind. |
|
||||
|
||||
## Fehlerlogik
|
||||
|
||||
| Fehler | Anzeige | Folge |
|
||||
|---|---|---|
|
||||
| Operator fehlt | Inline unter Operator. | Test disabled, aktive Regel nicht moeglich. |
|
||||
| Wert fehlt | Inline unter Wertfeld. | Test disabled, Publish blockiert nur bei aktiver Regel. |
|
||||
| Zielfeld fehlt | Inline unter Zielfeld. | Regel unvollstaendig. |
|
||||
| Referenz kaputt | Rote Markierung an Regel und Detailpanel. | Publish blockiert, Sprung aus Summary. |
|
||||
| Feldtyp geaendert | Dlter Wert kann ungueltig werden. | Wert neu waehlen oder Regel deaktivieren. |
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Subframe](https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit)
|
||||
|
||||
Gebaut als zusaetzlicher Builder-Zustand. Das Detail bleibt fachlich ein Zustand im Logic-Modus von S01, ist aber als eigener Frame sichtbar, damit David die Regelbearbeitung pruefen kann.
|
||||
|
||||
Layout-Regel: D07 nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar oder Header-Navigation nachbauen.
|
||||
|
||||
## Notizen
|
||||
|
||||
Die Regel-Logik bleibt bewusst eng: Wenn Feld Y Operator Wert Z, dann Feld X anzeigen/verstecken.
|
||||
-112
@@ -1,112 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: D08
|
||||
screen: Action Detail mit Mapping
|
||||
typ: Panel-Zustand in S01
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: in S01 Actions-Modus, kein eigener Screen
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit"
|
||||
---
|
||||
|
||||
# D08 - Action Detail mit Mapping
|
||||
|
||||
## Ziel
|
||||
|
||||
Interne Nutzer konfigurieren eine einzelne Post-Submit-Action und sehen sofort, ob Pflichtmapping oder Zielwerte fehlen.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
Detailpanel / Drawer innerhalb des Actions-Modus von S01.
|
||||
|
||||
## Daten
|
||||
|
||||
- Action-Typ
|
||||
- Action-Name
|
||||
- Status aktiv/inaktiv
|
||||
- Ziel, z. B. Empfaenger, Pipeline, Projektstatus, Webhook-URL
|
||||
- Field-Mapping: Formularfeld -> Ziel-Feld
|
||||
- Pflichtfelder
|
||||
- optionale Bedingungen
|
||||
- Teststatus
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Action benennen
|
||||
- Ziel konfigurieren
|
||||
- Mapping-Zeilen setzen
|
||||
- optionale Bedingung setzen
|
||||
- Test ausfuehren
|
||||
- Action speichern
|
||||
- Action deaktivieren
|
||||
- Action loeschen
|
||||
|
||||
## Verhalten
|
||||
|
||||
- Nach Auswahl eines Action-Typs oeffnet sich dieses Detailpanel.
|
||||
- Mapping wird inline als Zeilenliste bearbeitet.
|
||||
- Pflichtmapping wird klar markiert.
|
||||
- Test zeigt ein Ergebnis im Panel, kein eigener Screen.
|
||||
- Loeschen einer aktiven oder published-relevanten Action nutzt Confirm.
|
||||
- Detailfaelle fuer halb gesetztes Mapping, Typwechsel und fehlende Pflichtziele stehen in [[D10 Builder Interaktionsfaelle]].
|
||||
|
||||
## Action-Typen
|
||||
|
||||
| Typ | Wichtigste Konfiguration |
|
||||
|---|---|
|
||||
| Email Submitter | Submitter-Email-Feld, Betreff, Nachricht. |
|
||||
| Email Team | Empfaenger, Betreff, Feldauswahl. |
|
||||
| Lead | Mapping fuer Name, Email, Telefon, Nachricht, Quelle. |
|
||||
| Kontakt | Kontakt-Mapping und Duplikat-/Auto-Match-Hinweis. |
|
||||
| Projekt | Pipeline, Status, Verantwortlicher, Pflichtmapping. |
|
||||
| Task | Titel, Beschreibung, Faelligkeit, Assignee. |
|
||||
| Auto-Match | Match-Felder, Fallback. |
|
||||
| Webhook | URL, Test, Payload-Vorschau. |
|
||||
| Automation-Trigger | Automation-Auswahl und Trigger-Hinweis. |
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Neu | Action-Typ gewaehlt, Detail noch leer. | Nur dokumentieren |
|
||||
| Vollstaendig | Pflichtfelder und Mapping gesetzt. | Nur dokumentieren |
|
||||
| Pflichtmapping fehlt | Publish oder Action-Test blockiert. | Nur dokumentieren |
|
||||
| Test erfolgreich | Inline-Ergebnis plus Toast. | Wiederverwenden |
|
||||
| Test fehlgeschlagen | Inline-Fehler im Panel. | Nur dokumentieren |
|
||||
|
||||
## Auswahlfolge im Panel
|
||||
|
||||
| Schritt | Verhalten |
|
||||
|---|---|
|
||||
| 1. Action-Typ | Bestimmt, welche Pflichtfelder und Mapping-Zeilen erscheinen. |
|
||||
| 2. Ziel | Empfaenger, Pipeline, Webhook-URL, Automation oder Entity-Ziel wird gesetzt. |
|
||||
| 3. Mapping | Formularfelder werden Ziel-Feldern zugeordnet. |
|
||||
| 4. Optional Bedingung | Nur einfache Bedingung; kein zweiter Logic-Builder. |
|
||||
| 5. Test | Erst aktiv, wenn Pflichtziel und Pflichtmapping vollstaendig sind. |
|
||||
| 6. Aktiv | Aktive unvollstaendige Actions blockieren Publish; inaktive unvollstaendige Actions nicht. |
|
||||
|
||||
## Was-passiert-wenn-Faelle
|
||||
|
||||
| Fall | UI-Reaktion | Folge |
|
||||
|---|---|---|
|
||||
| Action-Typ gewaehlt, Pflichtziel vergessen | Inline-Fehler im Zielbereich. | Test disabled; aktive Action blockiert Publish. |
|
||||
| Mapping-Ziel gesetzt, Quelle vergessen | Mapping-Zeile markiert fehlende Quelle. | Test disabled; aktive Action blockiert Publish. |
|
||||
| Email Submitter ohne Email-Feld | Hinweis mit CTD `Email-Feld hinzufuegen`. | Action bleibt unvollstaendig. |
|
||||
| Projekt erstellen ohne Pipeline | Pipeline-Auswahl markiert. | Publish blockiert aktive Action. |
|
||||
| Webhook-URL ungueltig | URL-Feld zeigt Fehler. | Test disabled. |
|
||||
| Action-Typ nach Mapping wechseln | Confirm/Popover erklaert, dass Mapping ungueltig werden kann. | Nutzer bestaetigt oder bricht ab. |
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Subframe](https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit)
|
||||
|
||||
Gebaut als zusaetzlicher Builder-Zustand. Das Detail bleibt fachlich ein Zustand im Actions-Modus von S01, ist aber als eigener Frame sichtbar, weil Mapping und Pflichtfelder fuer den Builder sehr fehleranfaellig sind.
|
||||
|
||||
Layout-Regel: D08 nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar oder Header-Navigation nachbauen.
|
||||
|
||||
## Notizen
|
||||
|
||||
ActionLog, Re-Run und Fehlerhistorie pro Submission bleiben ausserhalb von D-FORM.
|
||||
-114
@@ -1,114 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: D09
|
||||
screen: Publish Blocker Summary
|
||||
typ: Inline-Zustand in S01
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: in S01 nach Klick auf Publish
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit"
|
||||
---
|
||||
|
||||
# D09 - Publish Blocker Summary
|
||||
|
||||
## Ziel
|
||||
|
||||
Interne Nutzer verstehen nach Klick auf Publish sofort, warum ein Formular nicht veroeffentlicht werden kann und wo sie es korrigieren.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
Inline Summary-Banner / Popover mit Sprungzielen im S01-Builder.
|
||||
|
||||
## Daten
|
||||
|
||||
- Anzahl Blocker
|
||||
- Blocker-Gruppe: Form, Feld, Logic, Actions, Sharing/Settings
|
||||
- betroffener Feldname oder Action-Name
|
||||
- Ziel im Builder, zu dem gesprungen werden kann
|
||||
- nicht-blockierende Warnungen
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Blocker anklicken
|
||||
- zum Feld springen
|
||||
- zum Inspector-Abschnitt springen
|
||||
- Logic-Modus oeffnen
|
||||
- Actions-Modus oeffnen
|
||||
- Settings oeffnen
|
||||
- Publish nach Korrektur erneut versuchen
|
||||
|
||||
## Verhalten
|
||||
|
||||
- Klick auf `Publish` startet einen Check im selben Screen.
|
||||
- Bei Blockern wird nicht published.
|
||||
- Die Summary erscheint oben im Builder oder als klarer Inline-Bereich nahe der Topbar.
|
||||
- Jeder Blocker hat ein Sprungziel.
|
||||
- Nicht-blockierende Warnungen koennen als eigener Abschnitt erscheinen und erlauben Publish nach Bestaetigung.
|
||||
- Bei Erfolg gibt es Statuswechsel und Toast, keinen eigenen Erfolgsscreen.
|
||||
- Ausfuehrliche Auswahl-/Vergessensfaelle stehen in [[D10 Builder Interaktionsfaelle]].
|
||||
|
||||
## Blocker
|
||||
|
||||
| Blocker | Ziel |
|
||||
|---|---|
|
||||
| Formularname fehlt | Header/Form-Name |
|
||||
| Slug fehlt oder Konflikt | Settings |
|
||||
| Kein sichtbares Feld | Canvas Empty State |
|
||||
| Feld ohne Label | Feldkarte + Inspector |
|
||||
| Select ohne Optionen | Feldkarte + Inspector Optionen |
|
||||
| Kaputte Logic | Logic-Modus |
|
||||
| Pflichtmapping fehlt | Actions-Modus |
|
||||
| Webhook-URL ungueltig | Action-Detail |
|
||||
|
||||
## Was-passiert-wenn-Faelle
|
||||
|
||||
| Fall | Summary-Verhalten | Sprungziel |
|
||||
|---|---|---|
|
||||
| Nutzer hat Select-Feld angelegt, aber Optionen vergessen | Blocker `Auswahlfeld hat keine Optionen`. | Feldkarte + Inspector `Optionen` |
|
||||
| Nutzer hat Logic-Regel halb gebaut | Blocker `Logic-Regel unvollstaendig`, wenn aktiv. | Logic-Regel-Detail |
|
||||
| Nutzer hat Action-Typ gewaehlt, aber Mapping vergessen | Blocker `Pflichtmapping fehlt`, wenn Action aktiv. | Action-Detail mit Mapping |
|
||||
| Nutzer hat Datei-Feld ohne Typbeschraenkung | Warnung, nicht zwingend Blocker. | Datei-Feld Inspector |
|
||||
| Nutzer hat Field Key ungueltig geaendert | Blocker `Field Key ungueltig oder doppelt`. | Inspector Basis/Advanced |
|
||||
| Nutzer hat nur inaktive unvollstaendige Action | Optional Warnung, kein harter Blocker. | Actions-Liste |
|
||||
| Nutzer hat unsaved changes | Erst speichern oder Save-Check zeigen. | Header/Save |
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Keine Blocker | Publish erfolgreich. | Toast/Statuswechsel |
|
||||
| Blocker vorhanden | Summary mit Sprungzielen. | Nur dokumentieren |
|
||||
| Nur Warnungen | Nutzer kann trotzdem publishen. | Nur dokumentieren |
|
||||
| Save vorher noetig | Hinweis, dass Aenderungen erst gespeichert werden. | Nur dokumentieren |
|
||||
|
||||
## Copy-Richtung
|
||||
|
||||
| Situation | Copy-Beispiel |
|
||||
|---|---|
|
||||
| Feld ohne Label | `Dieses Feld braucht ein Label, bevor das Formular veroeffentlicht werden kann.` |
|
||||
| Select ohne Optionen | `Fuege mindestens eine Option hinzu, damit Nutzer antworten koennen.` |
|
||||
| Logic unvollstaendig | `Diese Regel ist noch nicht vollstaendig. Ergaenze Operator, Wert oder Zielfeld.` |
|
||||
| Mapping fehlt | `Diese Action braucht noch eine Zuordnung fuer Pflichtfelder.` |
|
||||
| Nur Warnung | `Du kannst veroeffentlichen, aber diese Einstellung sollte geprueft werden.` |
|
||||
|
||||
## Subframe
|
||||
|
||||
Gebaut in Subframe:
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit
|
||||
|
||||
Qualitaetsregel:
|
||||
|
||||
- Interner Builder-Zustand nutzt das vorhandene `Default Page Layout`.
|
||||
- Keine eigene Sidebar oder Header-Navigation nachbauen.
|
||||
- D09 bleibt Inline Summary/Banner im Builder, kein Modal/Dialog.
|
||||
- Publish bleibt deaktiviert, bis harte Blocker geloest sind.
|
||||
- Warnungen sind sichtbar, blockieren aber nicht zwingend.
|
||||
- Jeder Blocker hat ein klares Sprungziel in Feld, Logic, Actions oder Settings.
|
||||
|
||||
## Notizen
|
||||
|
||||
Publish ist kein Wizard. Der Nutzer bleibt im Builder und korrigiert direkt dort.
|
||||
@@ -1,202 +0,0 @@
|
||||
---
|
||||
kind: subframe-build-log
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
status: Review-ready / Subframe Draft gebaut
|
||||
stand: 2026-07-09
|
||||
---
|
||||
|
||||
# Subframe Bau Log - D-FORM
|
||||
|
||||
## Projekt
|
||||
|
||||
Subframe-Projekt: `Basedesign`
|
||||
Project ID: `f023064a5ca0`
|
||||
Flow: `(MCP) WF-D-FORM Form Builder`
|
||||
Flow-Link: https://app.subframe.com/f023064a5ca0/flow/afb1c257-46f0-4b23-aaed-d75f4773f1a9/edit?tab=ai&conversationId=02d948da-f9aa-4ab5-8352-2745789bb9ad
|
||||
|
||||
## Gebaut
|
||||
|
||||
| Nr. | ID | Screen | Status | Subframe |
|
||||
|---|---|---|---|---|
|
||||
| 01 | S00 | Formulare verwalten | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/2325aa7a-d968-4028-8282-0823b15bf964/edit |
|
||||
| 02 | E01 | S00 Keine Formulare | Hauptfluss / Empty | https://app.subframe.com/f023064a5ca0/design/136c11b3-8310-4165-b4ba-9cf099ee0873/edit |
|
||||
| 03 | E02 | S00 Keine Treffer | Hauptfluss / Empty | https://app.subframe.com/f023064a5ca0/design/ccf8d2f7-e7b4-4ffd-87f6-1785edc1b2f7/edit |
|
||||
| 04 | S01 | Formularart auswaehlen | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/c423ebcd-914f-4038-ab9f-7c2a745a8bec/edit |
|
||||
| 05 | S02 | Einfacher Fragen Editor | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/181aaa0f-5ae7-4f74-acf7-8273fbbe4dd5/edit |
|
||||
| 05b | S02L | Lead Felder zuweisen | Hauptfluss / Lead State | https://app.subframe.com/f023064a5ca0/design/c8aa80cb-0cc8-473f-9fac-a09d395e6571/edit |
|
||||
| 05c | E05 | S02 Lead Zuweisung pruefen | Hauptfluss / Lead Error | https://app.subframe.com/f023064a5ca0/design/26600ce4-7baf-4ffb-9955-7c7d1eef99d1/edit |
|
||||
| 06 | S03 | Formular Design | Hauptfluss | https://app.subframe.com/f023064a5ca0/design/090f06a9-3fa7-4442-b8bc-035e95de7329/edit |
|
||||
| 07 | S04 | Oeffentliches Formular | Public Zielbild | https://app.subframe.com/f023064a5ca0/design/caef9ddd-03d6-4a26-8dc1-16aa198a7304/edit |
|
||||
| 08 | V01 | Public Erfolg oder Redirect | Public State | https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit |
|
||||
| 09 | V02 | Public Formular nicht verfuegbar | Public State | https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit |
|
||||
| 10 | V03 | Public Captcha oder Submit Fehler | Public State | https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit |
|
||||
| 11 | S05 | Antworten Tabelle | Hauptfluss / Auswertung | https://app.subframe.com/f023064a5ca0/design/9e8eeab7-44ea-4b77-85e6-0818d97e1ac3/edit |
|
||||
| 12 | E03 | S05 Keine Antworten | Hauptfluss / Empty | https://app.subframe.com/f023064a5ca0/design/6f56c14f-d66e-4734-8a29-a900ac74a8a7/edit |
|
||||
| 13 | E04 | S05 Export Fehler | Hauptfluss / Error | https://app.subframe.com/f023064a5ca0/design/00553ea4-9839-4d22-b540-9b9ef0bf014f/edit |
|
||||
| 80 | S01B | Gefuehrter Fragen Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/edit |
|
||||
| 81 | S01C | Website Formular Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit |
|
||||
| 82 | S01D | Umfrage Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit |
|
||||
| 83 | S01E | Internes Formular Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit |
|
||||
| 90 | ADV-S01 | Form-Builder Canvas | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit |
|
||||
| 90b | ADV-S01-2 | Form-Builder Canvas 2 | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit |
|
||||
| 91 | D07 | Logic Regel Detail | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit |
|
||||
| 92 | D08 | Action Detail mit Mapping | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit |
|
||||
| 93 | D09 | Publish Blocker Summary | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit |
|
||||
|
||||
## Qualitaetscheck Builder
|
||||
|
||||
- ADV-S01 ist interne Advanced-Mitarbeitersicht, kein Public Formular.
|
||||
- ADV-S01 nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar nachbauen.
|
||||
- Die extra generierte Seite `ADV-S01 Form-Builder Canvas Default Layout` wurde geloescht, weil sie die Sidebar selbst nachgebaut hatte.
|
||||
- ADV-S01-2 Form-Builder Canvas 2 liegt als neue Builder-Basis im gleichen Flow.
|
||||
- S01 ist als vereinfachter Einstieg gebaut: Nutzer waehlt Formularart vor dem Builder.
|
||||
- S01 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01 enthaelt Website-/Externes Formular, Lead-Formular, Fragebogen/Umfrage und Internes Formular.
|
||||
- S01 wurde am 2026-07-08 reduziert: keine doppelte Vorlagenzeile und keine einzelnen `Auswaehlen`-Links in den Karten; Auswahl ueber Karte + `Weiter`.
|
||||
- S01 macht Lead-Formular bewusst einfach: Antworten werden automatisch als Lead gespeichert, kein Mapping fuer normale Nutzer.
|
||||
- S02 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S02 ist die Google-Forms-nahe Alternative: Titelkarte, Fragekarten, Google-Forms-nahe Fragetyp-Auswahl, mehrere editierbare Optionen, Pflichtfrage-Toggle und erweiterte Werkzeugleiste.
|
||||
- S02 zeigt Lead-Verknuepfung als ruhige blaue Card. Die Card nutzt denselben Layout-Aufbau wie die gruene `Lead anlegen`-Card: Icon links, Titel/Badge/Beschreibung in der Mitte, Aktionen rechts.
|
||||
- Arbeitsentscheidung: S02 ist aktuell der Haupt-Editor fuer alle Formulararten. S01B/S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenz.
|
||||
- S02-Fragetyp-Dropdown zeigt den aktuell gewaehlten Typ, z. B. `Multiple-Choice-Frage`; `Fragetyp` ist kein sichtbarer Wert.
|
||||
- Im aktuellen S02-Hauptdropdown bleiben nur: Kurzantwort, Absatz, Multiple-Choice-Frage, Mehrfachauswahl, Drop-down, Datei oder Bild hochladen, Datum und Zeit. Lineare Skala, Bewertung und Raster sind gestrichen.
|
||||
- In S02 bleiben Logic, Actions und Publish-Blocker einfach: `Bedingung` an der Frage, `Nach Absenden`/Lead anlegen als Card mit `Felder zuweisen`, Publish-Blocker als Banner/Popover im selben Screen.
|
||||
- S02L ist gebaut: Lead-Felder werden per Dropdown-Vorlage Formularfragen zugewiesen. Die blaue Lead-Card nutzt dort denselben Aufbau wie in S02.
|
||||
- E05 ist gebaut: unmoegliche oder fehlende Lead-Zuweisungen werden sichtbar markiert.
|
||||
- Layout-Hinweis fuer S02L/E05: Inhaltlich sind beide Zustaende gebaut. In Subframe bei der finalen Sichtpruefung einmal kontrollieren, ob das vorhandene `Default Page Layout` aktiv ist.
|
||||
- S01B nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01B ist die gefuehrte Alternative: Schrittleiste, linke Fragenliste, eine aktive Fragekarte und rechte Hilfe-/Preview-Zusammenfassung.
|
||||
- S01B zeigt Lead-Verknuepfung als einfache aktive Einstellung mit Ziel-Pipeline/Team, ohne Mapping-Panel.
|
||||
- S01C nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01C ist das Beispiel fuer Website-/Externes Formular: oeffentliche Anfrage, Public-Link-Hinweis, mCaptcha/Datenschutz, kein Lead-Mapping.
|
||||
- S01D nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01D ist nur Referenz fuer Fragebogen/Umfrage; im aktuellen Hauptfluss keine Skala, Bewertung oder Raster bauen.
|
||||
- S01E nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S01E ist das Beispiel fuer Internes Formular: interne Meldung/Materialbedarf, Team-Ziel, keine Public-Link- oder Lead-Pipeline-Logik.
|
||||
- S01C und S01E wurden am 2026-07-07 neu aufgebaut, weil die alten Subframe-IDs nicht mehr auffindbar waren.
|
||||
- S00 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S00 ist die Formular-Zentrale: Mehrfachfilter nach Status und Art, Suche, Sortierung, Tabelle und Zeilenaktionen.
|
||||
- S00 zeigt mehrere aktive Status-Filter; die Art-Filter stehen separat bereit, damit nicht nur ein einzelner Tab moeglich wirkt.
|
||||
- S03 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S03 ist der Design-Tab: Logo, Akzentfarbe, Theme, Formularbreite, Datenschutz-Hinweis und Live-Vorschau der Kundensicht.
|
||||
- S05 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- S05 ist der Antworten-Tab: Excel-aehnliche Tabelle, Suche, erweiterter Zeitraumfilter und Excel/CSV-Export. Keine Kennzahl-Kacheln, damit die Ansicht ruhig bleibt.
|
||||
- S05 hat keinen `Link teilen`-Button; Teilen/Link gehoert in den Veroeffentlichen-/Public-Link-Kontext.
|
||||
- E01/E02 decken die wichtigen leeren Zustaende der Formular-Zentrale ab: noch keine Formulare und Suche/Filter ohne Treffer.
|
||||
- E03/E04 decken die wichtigen Zustaende im Antworten-Tab ab: noch keine Antworten und Export-Fehler.
|
||||
- Layout-Check fuer E01-E04: In Subframe die Page Layout Auswahl pruefen und bei Bedarf `Default Page Layout` setzen. Per MCP kann ich Inhalte bauen/editieren, aber den Page-Layout-Typ nicht verlaesslich setzen.
|
||||
- ADV-S01 zeigt Topbar mit Save, Preview, Share und Publish.
|
||||
- ADV-S01 zeigt links die Feld-Palette, mittig den Canvas und rechts den Feld-Inspector.
|
||||
- ADV-S01 macht die Arbeitsmodi Builder, Logik, Aktionen, Freigabe, Vorschau und Einstellungen sichtbar.
|
||||
- ADV-S01 zeigt einen konkreten Publish-Blocker fuer ein Select-Feld ohne Optionen.
|
||||
- D07 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- D07 zeigt den Logik-Modus mit Regel-Liste, gewaehltem Regel-Detail, Test/Preview, Inline-Validation und Publish-Blocker-Hinweis.
|
||||
- D08 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- D08 zeigt den Aktionen-Modus mit Action-Liste, Add-Action-Popover, Mapping-Tabelle, Ziel-/Pipeline-Fehlern, Test/Preview und Publish-Blocker-Hinweis.
|
||||
- D09 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
|
||||
- D09 zeigt Publish als blockierten internen Zustand: deaktivierter Publish-Button, 5 harte Blocker, nicht-blockierende Warnungen, Sprungziele und erneute Pruefung.
|
||||
- D09 bleibt Inline Summary/Banner im Builder und ist kein Modal/Dialog.
|
||||
|
||||
## Qualitaetscheck Public
|
||||
|
||||
- S04 ist Kundensicht ohne App-Shell.
|
||||
- S04 zeigt Tenant, Formular-Intro, Name, Email, Telefon, Bereich, Beschreibung, Datei/Foto, Datenschutz-Checkbox, mCaptcha und Submit.
|
||||
- V01 bestaetigt klar, dass die Anfrage angekommen ist und deckt Redirect ab.
|
||||
- V02 ersetzt rohe 404/500-Fehler durch einen ruhigen Public-Blocker.
|
||||
- V03 behaelt Werte sichtbar und zeigt Captcha-, Upload- und Submit-Fehler ohne technische Details.
|
||||
- `File Upload` nutzt in S04 und V03 `fullwith={true}`, damit Upload-Felder die verfuegbare Formularbreite nutzen.
|
||||
- S04 und V03 nutzen jetzt die `Card`-Komponente fuer das zentrale Formularpanel. Die Groesse wird pro Instanz ueber `className` erweitert, nicht global an der Card-Komponente.
|
||||
- S04 und V03 sind optisch angeglichen: beide nutzen `max-w-[760px]`, dieselbe Card-Logik und eine einspaltige Feldreihenfolge. V03 zeigt denselben Aufbau mit erhaltenen Werten plus Fehlerbanner/Inline-Fehler.
|
||||
|
||||
## Komponenten-Notiz
|
||||
|
||||
Die Subframe-Komponente `File Upload` hat eine Boolean-Prop `fullwith`.
|
||||
|
||||
Stand 2026-07-06 wurde die Komponente angepasst:
|
||||
|
||||
- `fullwith={true}` wirkt im Default-/Hover-/Error-Dropbereich.
|
||||
- `fullwith={true}` wirkt jetzt auch im `uploading`-Zustand.
|
||||
- `fullwith={true}` wirkt jetzt auch im `uploaded`-Zustand.
|
||||
|
||||
Merksatz: In Formularen nicht nur `className="w-full"` setzen, sondern bei `File Upload` auch `fullwith={true}` verwenden.
|
||||
|
||||
## Noch offen
|
||||
|
||||
Fuer den alten D-FORM-Scope sind keine empfohlenen Frames mehr offen.
|
||||
|
||||
Durch Davids neues Lead-Feedback wurden zwei Zustaende ergaenzt und in Subframe gebaut: S02L `Lead Felder zuweisen` und E05 `S02 Lead Zuweisung pruefen`. S00, S01, S02, S02L/E05, S03, S04/Public States, S05 und E01-E04 bilden weiter den aktuellen Hauptfluss.
|
||||
|
||||
S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 sind gebaut, aber aktuell nicht relevant fuer den Hauptfluss. Sie bleiben als spaetere Varianten bzw. Referenzseiten erhalten.
|
||||
|
||||
Subframe-Seitenliste: Per MCP kann ich bestehende Pages aktuell nicht umbenennen oder per Drag-and-drop sortieren. Fachlich gilt die Review-Reihenfolge unten. Falls die sichtbare Subframe-Liste sauber sortiert werden soll, die Pages in Subframe manuell umbenennen/ziehen.
|
||||
|
||||
Empfohlene sichtbare Sortierung:
|
||||
|
||||
1. `01 S00 Formulare verwalten`
|
||||
2. `02 E01 S00 Keine Formulare`
|
||||
3. `03 E02 S00 Keine Treffer`
|
||||
4. `04 S01 Formularart auswaehlen`
|
||||
5. `05 S02 Einfacher Fragen Editor`
|
||||
6. `05b S02L Lead Felder zuweisen`
|
||||
7. `05c E05 S02 Lead Zuweisung pruefen`
|
||||
8. `06 S03 Formular Design`
|
||||
9. `07 S04 Oeffentliches Formular`
|
||||
10. `08 V01 Public Erfolg oder Redirect`
|
||||
11. `09 V02 Public Formular nicht verfuegbar`
|
||||
12. `10 V03 Public Captcha oder Submit Fehler`
|
||||
13. `11 S05 Antworten Tabelle`
|
||||
14. `12 E03 S05 Keine Antworten`
|
||||
15. `13 E04 S05 Export Fehler`
|
||||
16. `80 S01B Gefuehrter Fragen Editor`
|
||||
17. `81 S01C Website Formular Editor`
|
||||
18. `82 S01D Umfrage Editor`
|
||||
19. `83 S01E Internes Formular Editor`
|
||||
20. `90 ADV Form-Builder Canvas`
|
||||
21. `90b ADV Form-Builder Canvas 2`
|
||||
22. `91 D07 Logic Regel Detail`
|
||||
23. `92 D08 Action Detail mit Mapping`
|
||||
24. `93 D09 Publish Blocker Summary`
|
||||
|
||||
M01-M04 bleiben dokumentierte Confirm-Zustaende und werden nur gebaut, wenn David sie explizit anfordert.
|
||||
|
||||
## Modal-Regel fuer spaeter
|
||||
|
||||
Die vier bereits gebauten Public-Screens sind keine Modals:
|
||||
|
||||
- S04 Oeffentliches Formular
|
||||
- V01 Public Erfolg oder Redirect
|
||||
- V02 Public Formular nicht verfuegbar
|
||||
- V03 Public Captcha oder Submit Fehler
|
||||
|
||||
Falls spaeter D-FORM-M-Zustaende gebaut werden, muessen sie als `Dialog`-Komponente gebaut werden:
|
||||
|
||||
- M01 Feld loeschen Confirm
|
||||
- M02 Unpublish Confirm
|
||||
- M03 Archive Confirm
|
||||
- M04 Unsaved Changes Confirm
|
||||
|
||||
D07 und D08 bleiben Panel/Drawer-Zustaende im Builder. D09 bleibt Inline Summary/Banner. Diese drei sind keine Dialoge.
|
||||
|
||||
## Naechster Subframe-Schritt
|
||||
|
||||
Review in Subframe in dieser Reihenfolge:
|
||||
|
||||
1. `S00 Formulare verwalten`
|
||||
2. `E01 S00 Keine Formulare`
|
||||
3. `E02 S00 Keine Treffer`
|
||||
4. `S01 Formularart auswaehlen`
|
||||
5. `S02 Einfacher Fragen Editor`
|
||||
6. `S02L Lead Felder zuweisen`
|
||||
7. `E05 S02 Lead Zuweisung pruefen`
|
||||
8. `S03 Formular Design`
|
||||
9. `S04 Oeffentliches Formular`
|
||||
10. `V01 Public Erfolg oder Redirect`
|
||||
11. `V02 Public Formular nicht verfuegbar`
|
||||
12. `V03 Public Captcha oder Submit Fehler`
|
||||
13. `S05 Antworten Tabelle`
|
||||
14. `E03 S05 Keine Antworten`
|
||||
15. `E04 S05 Export Fehler`
|
||||
|
||||
Danach nur bei Bedarf die spaeteren Referenzseiten pruefen: S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09.
|
||||
-106
@@ -1,106 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: V01
|
||||
screen: Public Erfolg oder Redirect
|
||||
typ: Public Feedback
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: /f/{tenant}/{slug}
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit"
|
||||
---
|
||||
|
||||
# V01 - Public Erfolg oder Redirect
|
||||
|
||||
## Ziel
|
||||
|
||||
Der Submitter versteht sicher, dass die Einreichung angekommen ist, oder wird sauber an ein konfiguriertes Redirect-Ziel weitergeleitet.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
BESPOKE-Public Feedback.
|
||||
|
||||
## Daten
|
||||
|
||||
- Tenant-Logo/Fallback.
|
||||
- Erfolgstitel.
|
||||
- Erfolgstext aus Form-Konfiguration.
|
||||
- Optionales Redirect-Ziel.
|
||||
- Optionaler Link zur Website/zurueck.
|
||||
|
||||
## Detail-Brainstorming
|
||||
|
||||
Der wichtigste Punkt: Nach erfolgreichem Submit darf nichts so wirken, als sei die Anfrage unsicher oder verloren. Duch wenn Actions im Hintergrund fehlschlagen, bleibt die Public-Bestaetigung auf die gespeicherte Einreichung bezogen.
|
||||
|
||||
### Varianten
|
||||
|
||||
| Variante | Wann | UI |
|
||||
|---|---|---|
|
||||
| Success ohne Redirect | Kein Redirect konfiguriert. | Danke-Ansicht mit Erfolgstitel, Text und optionalem Zurueck-Link. |
|
||||
| Success mit Auto-Redirect | Redirect URL konfiguriert. | Kurze Bestaetigung + Countdown/Weiterleitungshinweis. |
|
||||
| Success mit manuellem Redirect | Auto-Redirect wird nicht sofort ausgefuehrt oder soll bestaetigt werden. | Button "Weiter" zur Zielseite. |
|
||||
| Redirect fehlerhaft | Weiterleitung klappt nicht, Submission ist aber gespeichert. | Erfolg bleibt sichtbar; Link erneut oeffnen oder Anbieter kontaktieren. |
|
||||
|
||||
### Copy-Vorschlag
|
||||
|
||||
| Zustand | Copy-Richtung |
|
||||
|---|---|
|
||||
| Erfolg | "Danke, Ihre Dngaben wurden uebermittelt." |
|
||||
| Naechster Schritt | "Wir melden uns, falls weitere Informationen benoetigt werden." |
|
||||
| Redirect | "Sie werden gleich weitergeleitet." |
|
||||
| Redirect-Fehler | "Ihre Dngaben sind angekommen. Die Weiterleitung konnte nicht geoeffnet werden." |
|
||||
|
||||
### Nicht zeigen
|
||||
|
||||
- Keine Action-Ausfuehrung.
|
||||
- Kein Lead-/Projekt-/Task-Hinweis.
|
||||
- Kein Webhook-/Automation-Status.
|
||||
- Keine interne Submission-ID, ausser spaeter bewusst als Referenznummer geplant.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Bei Success ohne Redirect: Seite schliessen oder zur Website zurueck.
|
||||
- Bei Redirect: automatisch oder per Button weiter.
|
||||
|
||||
## Banner / Hinweise
|
||||
|
||||
- Kein technischer ActionLog im Public UI.
|
||||
- Keine internen Begriffe wie Lead, Projekt, Webhook oder Automation.
|
||||
|
||||
## Toasts / Action-Feedback
|
||||
|
||||
- Keine Toasts; Success-State ist die Rueckmeldung.
|
||||
|
||||
## Meldungsentscheidung
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Submit erfolgreich | Success-State | nein | Bauen | Anfrage ist angekommen. |
|
||||
| Redirect konfiguriert | Success + Weiterleitung | nein | Bauen | Falls Redirect dauert, klare Zwischenmeldung. |
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Erfolgstext | Danke-/Bestaetigungsansicht. | Bauen |
|
||||
| Redirect | Nutzer wird weitergeleitet. | Bauen |
|
||||
|
||||
## Blockierende Error States
|
||||
|
||||
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|
||||
|---|---|---|---|
|
||||
| Redirect-Ziel nicht erreichbar | Kurzer Fehler nach Submit, Einreichung bleibt erfolgreich. | Link erneut oeffnen | Anbieter kontaktieren |
|
||||
|
||||
## Permissions / Gates
|
||||
|
||||
- Keine Rolle.
|
||||
|
||||
## Subframe
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit
|
||||
|
||||
## Notizen
|
||||
|
||||
Wichtig: Wenn Submit gespeichert wurde, darf ein kaputter Redirect nicht so wirken, als sei die Einreichung verloren.
|
||||
-115
@@ -1,115 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: V02
|
||||
screen: Public Formular nicht verfuegbar
|
||||
typ: Public Blocker
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: /f/{tenant}/{slug}
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit"
|
||||
---
|
||||
|
||||
# V02 - Public Formular nicht verfuegbar
|
||||
|
||||
## Ziel
|
||||
|
||||
Externe Nutzer landen nicht auf einem rohen 404/500, sondern bekommen eine ruhige, verstaendliche Meldung mit naechster Handlung.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
BESPOKE-Public Blocker / A7 Public Error.
|
||||
|
||||
## Daten
|
||||
|
||||
- Tenant-Logo/Fallback, falls Tenant noch aufloesbar ist.
|
||||
- Kurzer Titel.
|
||||
- Klartext-Grund, soweit sicher:
|
||||
- Formular nicht veroeffentlicht
|
||||
- Formular archiviert
|
||||
- Formular geschlossen
|
||||
- Link ungueltig
|
||||
- Optionaler Kontakt-/Website-Link.
|
||||
|
||||
## Detail-Brainstorming
|
||||
|
||||
Dieser Zustand ersetzt rohe Fehlerseiten. Der Nutzer ist blockiert, deshalb braucht er eine ruhige Erklaerung und eine naechste Handlung.
|
||||
|
||||
### Blocker-Typen
|
||||
|
||||
| Zustand | Interner Grund | Public-Copy-Richtung | Primaeraktion |
|
||||
|---|---|---|---|
|
||||
| Nicht veroeffentlicht | `status=draft` oder `is_public=false` | "Dieses Formular ist aktuell nicht verfuegbar." | Anbieter kontaktieren oder zurueck |
|
||||
| Drchiviert | `status=archived` | "Dieses Formular ist nicht mehr aktiv." | Anbieter kontaktieren |
|
||||
| Geschlossen | `submission_close_at` vorbei | "Der Dnnahmezeitraum ist beendet." | Anbieter kontaktieren |
|
||||
| Limit erreicht | `submission_limit` erreicht | "Dieses Formular nimmt aktuell keine weiteren Einreichungen an." | Anbieter kontaktieren |
|
||||
| Link ungueltig | Tenant/Slug nicht gefunden | "Der Link ist ungueltig oder nicht mehr aktuell." | Link pruefen / Anbieter kontaktieren |
|
||||
| Tenant nicht aufloesbar | Tenant fehlt/gesperrt | Neutraler Fehler ohne interne Details. | Zurueck |
|
||||
|
||||
### Was David zeigen sollte
|
||||
|
||||
| Element | Notiz |
|
||||
|---|---|
|
||||
| Logo/Fallback | Nur wenn sicher, dass Tenant aufloesbar ist. |
|
||||
| Titel | Kurz, nicht alarmistisch. |
|
||||
| Klartext | Kein 404, kein Stacktrace, keine internen IDs. |
|
||||
| Kontakt/Zurueck | Nur wenn bekannt/konfiguriert. |
|
||||
| Erneut laden | Nur bei potentiell temporaeren Fehlern. |
|
||||
|
||||
### Nicht zeigen
|
||||
|
||||
- Kein interner Form-Name, wenn Link/Tenant unsicher ist.
|
||||
- Keine technischen Statuscodes.
|
||||
- Keine Aussage, ob ein bestimmter Kunde/Tenant existiert, falls das Datenschutz-/Security-riskant ist.
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Zur Anbieter-Website zurueck.
|
||||
- Anbieter kontaktieren.
|
||||
- Erneut laden.
|
||||
|
||||
## Banner / Hinweise
|
||||
|
||||
- Keine technischen Details.
|
||||
- Keine Aussage, die interne Form-Namen oder IDs leakt.
|
||||
|
||||
## Toasts / Action-Feedback
|
||||
|
||||
- Keine Toasts.
|
||||
|
||||
## Meldungsentscheidung
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Formular nicht veroeffentlicht | Screen | ja | Bauen | Dieses Formular ist aktuell nicht verfuegbar. |
|
||||
| Formular geschlossen | Screen | ja | Bauen | Dnnahmezeitraum ist beendet. |
|
||||
| Formular nicht gefunden | Screen | ja | Bauen | Link pruefen oder Anbieter kontaktieren. |
|
||||
| Tenant nicht aufloesbar | Screen | ja | Bauen | Neutral, ohne interne Details. |
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Nicht veroeffentlicht | Entwurf/Unpublished. | Bauen |
|
||||
| Drchiviert/geschlossen | Keine Einreichung mehr moeglich. | Bauen |
|
||||
| Nicht gefunden | Slug/Tenant passt nicht. | Bauen |
|
||||
|
||||
## Blockierende Error States
|
||||
|
||||
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|
||||
|---|---|---|---|
|
||||
| Nicht verfuegbar | Ruhiger Public-Blocker. | Anbieter kontaktieren | Zurueck |
|
||||
|
||||
## Permissions / Gates
|
||||
|
||||
- Public Gate: `status=published` und `is_public=true`.
|
||||
|
||||
## Subframe
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit
|
||||
|
||||
## Notizen
|
||||
|
||||
Dieser Zustand ist wichtig fuer Vertrauen. Ein externes Formular darf nicht wie eine kaputte App wirken.
|
||||
-117
@@ -1,117 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FORM
|
||||
package: WF-D-FORM Form Builder
|
||||
id: V03
|
||||
screen: Public Captcha oder Submit Fehler
|
||||
typ: Public Error
|
||||
umsetzung: Bauen
|
||||
status: Subframe Draft / Review offen
|
||||
route: /f/{tenant}/{slug}
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit"
|
||||
---
|
||||
|
||||
# V03 - Public Captcha oder Submit Fehler
|
||||
|
||||
## Ziel
|
||||
|
||||
Der Submitter kann einen Captcha- oder Submit-Fehler verstehen und korrigieren, ohne Vertrauen in das Formular zu verlieren.
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
BESPOKE-Public Error / A7 Error-State.
|
||||
|
||||
## Daten
|
||||
|
||||
- Aktuelle Feldwerte sollen erhalten bleiben, soweit technisch moeglich.
|
||||
- Captcha-Status.
|
||||
- Dllgemeiner Submit-Status.
|
||||
|
||||
## Detail-Brainstorming
|
||||
|
||||
V03 ist kein eigener neuer Flow, sondern ein Public-Fehlerzustand von S02. Er wird gebaut, weil die Copy und das Vertrauen wichtig sind.
|
||||
|
||||
### Fehlerarten
|
||||
|
||||
| Fehler | Ort | UI | Werte behalten? |
|
||||
|---|---|---|---|
|
||||
| Captcha fehlt | Captcha-Bereich | Inline-Hinweis | ja |
|
||||
| Captcha fehlgeschlagen | Captcha-Bereich oder Banner nah am Submit | Erneut pruefen | ja |
|
||||
| Netzwerkfehler | Submit-Bereich | Banner + Retry | ja |
|
||||
| Serverfehler vor Speicherung | Submit-Bereich | Banner + Retry | ja |
|
||||
| Serverfehler nach Speicherung | Success bevorzugen, falls Speicherung sicher war | Nicht als Verlust darstellen | ja |
|
||||
| Datei-Upload fehlgeschlagen | Datei-Feld | Inline + Datei erneut waehlen | andere Werte ja |
|
||||
|
||||
### Copy-Richtung
|
||||
|
||||
| Zustand | Copy |
|
||||
|---|---|
|
||||
| Captcha fehlt | "Bitte bestaetigen Sie die Sicherheitspruefung." |
|
||||
| Captcha fehlgeschlagen | "Die Sicherheitspruefung konnte nicht bestaetigt werden. Bitte versuchen Sie es erneut." |
|
||||
| Submit Fehler | "Das Formular konnte gerade nicht gesendet werden. Bitte versuchen Sie es erneut." |
|
||||
| Wiederholter Fehler | "Wenn der Fehler bestehen bleibt, kontaktieren Sie bitte den Anbieter." |
|
||||
| Datei-Fehler | "Diese Datei konnte nicht hochgeladen werden. Bitte pruefen Sie Typ und Groesse." |
|
||||
|
||||
### Retry-Regeln
|
||||
|
||||
| Regel | Grund |
|
||||
|---|---|
|
||||
| Eingaben erhalten | Lange Public-Formulare duerfen nicht neu ausgefuellt werden muessen. |
|
||||
| Submit waehrend Retry sperren | Doppel-Submit verhindern. |
|
||||
| Ersten Fehler sichtbar machen | Nutzer soll nicht suchen muessen. |
|
||||
| Technische Details verstecken | Vertrauen bewahren. |
|
||||
| Kontakt nur als Fallback | Nicht sofort vom Formular wegschicken. |
|
||||
|
||||
## Aktionen
|
||||
|
||||
- Captcha erneut bestaetigen.
|
||||
- Formular erneut senden.
|
||||
- Seite neu laden.
|
||||
- Anbieter kontaktieren, falls Fehler bleibt.
|
||||
|
||||
## Banner / Hinweise
|
||||
|
||||
- Captcha-Fehler in der Naehe des Captcha-Bereichs.
|
||||
- Submit-Fehler als Banner oberhalb des Submit-Bereichs.
|
||||
- Keine internen Begriffe wie ActionLog, Webhook, DB oder Queue.
|
||||
|
||||
## Toasts / Action-Feedback
|
||||
|
||||
- Keine Toasts im Public UI.
|
||||
|
||||
## Meldungsentscheidung
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Captcha fehlt | Inline beim Captcha | ja | Bauen | Bitte bestaetigen, dass Sie kein automatisierter Zugriff sind. |
|
||||
| Captcha fehlgeschlagen | Inline/Banner | ja | Bauen | Bitte erneut versuchen. |
|
||||
| Netzwerkfehler beim Submit | Banner | ja | Bauen | Einreichung konnte nicht gesendet werden. |
|
||||
| Serverfehler nach Submit | Banner | ja | Bauen | Keine technischen Details, erneut versuchen. |
|
||||
|
||||
## Zustaende
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Captcha Error | Bot-Schutz blockiert. | Bauen |
|
||||
| Submit Error | Speicherung/Einreichung klappt nicht. | Bauen |
|
||||
| Retry Loading | Nutzer sendet erneut. | Wiederverwenden |
|
||||
|
||||
## Blockierende Error States
|
||||
|
||||
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|
||||
|---|---|---|---|
|
||||
| Captcha fehlgeschlagen | Fehler am Captcha. | Captcha erneut pruefen | - |
|
||||
| Submit mehrfach fehlgeschlagen | Banner mit Hilfehinweis. | Erneut versuchen | Anbieter kontaktieren |
|
||||
|
||||
## Permissions / Gates
|
||||
|
||||
- Public. Kein Login.
|
||||
|
||||
## Subframe
|
||||
|
||||
https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit
|
||||
|
||||
## Notizen
|
||||
|
||||
Wenn moeglich, sollen eingegebene Antworten erhalten bleiben. Das ist besonders wichtig bei langen SHK-Dufnahmeformularen mit Fotos oder Text.
|
||||
@@ -1,87 +0,0 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"group-states","type":"group","x":-120,"y":220,"width":4340,"height":680,"label":"Dokumentierte ADV-S01-Zustaende / Was-passiert-wenn-Cases"},
|
||||
{"id":"group-internal","type":"group","x":-120,"y":-520,"width":3100,"height":600,"label":"S01 Interner Builder Hauptflow"},
|
||||
{"id":"group-public","type":"group","x":-120,"y":1060,"width":2460,"height":620,"label":"Public Form Flow"},
|
||||
{"id":"group-simple","type":"group","x":-120,"y":1840,"width":4380,"height":1120,"label":"Neue Simple Builder Alternative"},
|
||||
{"id":"group-notes","type":"group","x":3220,"y":-520,"width":1000,"height":600,"label":"Scope / Subframe-Fokus"},
|
||||
{"id":"package","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.md","x":0,"y":-350,"width":420,"height":210},
|
||||
{"id":"s01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/90 ADV Form-Builder Canvas.md","x":620,"y":-350,"width":420,"height":210},
|
||||
{"id":"d10","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D10 Builder Interaktionsfaelle.md","x":1860,"y":-350,"width":460,"height":210},
|
||||
{"id":"note-subframe-focus","type":"text","text":"# Subframe-Fokus\n\nAktueller Hauptfluss:\n- 01 S00 Verwaltung\n- 02/03 Empty States\n- 04 S01 Formularart\n- 05 S02 Haupt-Editor\n- 06 S03 Design\n- 07-10 Public Form/States\n- 11-13 Antworten/States\n\n80-93 bleiben spaeter/Referenz.\n\nM01/M02/M03/M04 und D10 bleiben dokumentiert.","x":3360,"y":-360,"width":720,"height":330},
|
||||
{"id":"note-out-of-scope","type":"text","text":"# Nicht in D-FORM\n\n- Vollstaendige Submissions-Verwaltung\n- Submission-Detail\n- Booking\n- Kalender\n- Signatur\n- HR-Screens\n- Personalisierte Links\n- JS-Snippet\n\nS03 ist nur die schlanke Formular-Zentrale, nicht das ganze Forms-/Submissions-Modul.","x":3360,"y":-20,"width":720,"height":300},
|
||||
{"id":"d01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D01 Sharing Panel URL QR iFrame.md","x":0,"y":360,"width":420,"height":190},
|
||||
{"id":"note-states","type":"text","text":"# ADV-S01-Zustaende\n\nD07, D08 und D09 sind als zusaetzliche Subframe-Zustaende gebaut.\n\nDie restlichen D-/M-Zustaende bleiben dokumentiert.\n\nSie klaeren:\n- welche UI-Ebene oeffnet\n- was im Dropdown/Popover/Modal steht\n- welche Folgefehler entstehen\n- was Publish/Test blockiert","x":3120,"y":330,"width":540,"height":260},
|
||||
{"id":"note-builder-core","type":"text","text":"# Builder-Kern\n\nDauerhaft sichtbar:\n- Header / Status\n- Feld-Palette\n- Canvas\n- Feld-Inspector\n\nArbeitsmodi:\n- Logic\n- Actions\n- Sharing\n- Preview\n- Settings","x":1240,"y":-365,"width":420,"height":260},
|
||||
{"id":"d02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D02 Post-Submit Actions.md","x":520,"y":360,"width":420,"height":190},
|
||||
{"id":"d03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D03 Conditional Logic Editor.md","x":1040,"y":360,"width":420,"height":190},
|
||||
{"id":"d06","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D06 Feldkarten Menue.md","x":1560,"y":360,"width":420,"height":190},
|
||||
{"id":"m01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M01 Feld loeschen Confirm.md","x":2080,"y":360,"width":420,"height":190},
|
||||
{"id":"d07","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/91 D07 Logic Regel Detail.md","x":1040,"y":620,"width":420,"height":190},
|
||||
{"id":"d08","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/92 D08 Action Detail mit Mapping.md","x":520,"y":620,"width":420,"height":190},
|
||||
{"id":"d09","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/93 D09 Publish Blocker Summary.md","x":2600,"y":360,"width":420,"height":190},
|
||||
{"id":"m02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M02 Unpublish Confirm.md","x":2600,"y":620,"width":420,"height":190},
|
||||
{"id":"m03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M03 Archive Confirm.md","x":3120,"y":620,"width":420,"height":190},
|
||||
{"id":"m04","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M04 Unsaved Changes Confirm.md","x":3640,"y":620,"width":420,"height":190},
|
||||
{"id":"s02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/07 S04 Oeffentliches Formular.md","x":0,"y":1250,"width":420,"height":210},
|
||||
{"id":"v01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/08 V01 Public Erfolg oder Redirect.md","x":620,"y":1120,"width":420,"height":210},
|
||||
{"id":"v02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/09 V02 Public Formular nicht verfuegbar.md","x":620,"y":1410,"width":420,"height":210},
|
||||
{"id":"v03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/10 V03 Public Captcha oder Submit Fehler.md","x":1240,"y":1410,"width":420,"height":210},
|
||||
{"id":"note-public","type":"text","text":"# Public-Regel\n\nKeine App-Shell.\n\nRuhiges Kundenformular:\n- Branding-Kopf\n- Intro\n- Felder\n- mCaptcha\n- Submit\n- Success/Error\n\nMobile zuerst mitdenken.","x":1240,"y":1120,"width":420,"height":250},
|
||||
{"id":"note-public-reuse","type":"text","text":"# Public Renderer\n\nD-FORM baut das Public Form.\n\nDndere Bereiche wie HR oder Booking koennen den Renderer spaeter wiederverwenden, sind aber keine D-FORM-Screens.","x":1800,"y":1230,"width":420,"height":240},
|
||||
{"id":"simple-direction","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Simple Builder Neuausrichtung.md","x":0,"y":1990,"width":420,"height":190},
|
||||
{"id":"s00","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/04 S01 Formularart auswaehlen.md","x":560,"y":1990,"width":420,"height":190},
|
||||
{"id":"s01a","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/05 S02 Einfacher Fragen Editor.md","x":1120,"y":1900,"width":420,"height":190},
|
||||
{"id":"s01b","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/80 S01B Gefuehrter Fragen Editor.md","x":1120,"y":2120,"width":420,"height":190},
|
||||
{"id":"s01c","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/81 S01C Website Formular Editor.md","x":1680,"y":1840,"width":420,"height":190},
|
||||
{"id":"s01d","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/82 S01D Umfrage Editor.md","x":1680,"y":2060,"width":420,"height":190},
|
||||
{"id":"s01e","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/83 S01E Internes Formular Editor.md","x":1680,"y":2280,"width":420,"height":190},
|
||||
{"id":"note-simple-builder","type":"text","text":"# Neue Richtung gebaut\n\nNicht mehr sofort Profi-Canvas.\n\nS00 ist die Formular-Zentrale.\nS01 fuehrt immer in S02.\n\nDie Formularart setzt nur Vorlage/Startfragen:\n- Website/Extern\n- Lead\n- Umfrage\n- Intern\n\nTabs im Formular:\n- Fragen\n- Design: S03\n- Antworten: S05\n\nS01B/C/D/E sind Referenz.\n\nLogic bleibt als einfache Bedingung an der Frage.\nActions bleiben als Lead-Hinweis/Automatik.","x":2320,"y":1990,"width":620,"height":420},
|
||||
{"id":"s03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/01 S00 Formulare verwalten.md","x":560,"y":2470,"width":420,"height":190},
|
||||
{"id":"s04","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/06 S03 Formular Design.md","x":2320,"y":2440,"width":420,"height":190},
|
||||
{"id":"s05","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/11 S05 Antworten Tabelle.md","x":2840,"y":2440,"width":420,"height":190}
|
||||
],
|
||||
"edges":[
|
||||
{"id":"edge-package-s01","fromNode":"package","fromSide":"right","toNode":"s01","toSide":"left","label":"S01"},
|
||||
{"id":"edge-s01-core","fromNode":"s01","fromSide":"right","toNode":"note-builder-core","toSide":"left","label":"Arbeitsbereiche"},
|
||||
{"id":"edge-core-d10","fromNode":"note-builder-core","fromSide":"right","toNode":"d10","toSide":"left","label":"Was passiert wenn"},
|
||||
{"id":"edge-s01-d01","fromNode":"s01","fromSide":"bottom","toNode":"d01","toSide":"top","label":"Share"},
|
||||
{"id":"edge-s01-d02","fromNode":"s01","fromSide":"bottom","toNode":"d02","toSide":"top","label":"Actions"},
|
||||
{"id":"edge-s01-d03","fromNode":"s01","fromSide":"bottom","toNode":"d03","toSide":"top","label":"Logic"},
|
||||
{"id":"edge-s01-d06","fromNode":"s01","fromSide":"bottom","toNode":"d06","toSide":"top","label":"Feldmenue"},
|
||||
{"id":"edge-d06-m01","fromNode":"d06","fromSide":"right","toNode":"m01","toSide":"left","label":"loeschen"},
|
||||
{"id":"edge-d03-d07","fromNode":"d03","fromSide":"bottom","toNode":"d07","toSide":"top","label":"Regel Detail"},
|
||||
{"id":"edge-d02-d08","fromNode":"d02","fromSide":"bottom","toNode":"d08","toSide":"top","label":"Action Detail"},
|
||||
{"id":"edge-s01-d09","fromNode":"s01","fromSide":"bottom","toNode":"d09","toSide":"top","label":"Publish"},
|
||||
{"id":"edge-d09-m02","fromNode":"d09","fromSide":"bottom","toNode":"m02","toSide":"top","label":"Unpublish"},
|
||||
{"id":"edge-s01-m03","fromNode":"s01","fromSide":"bottom","toNode":"m03","toSide":"top","label":"Archive"},
|
||||
{"id":"edge-s01-m04","fromNode":"s01","fromSide":"bottom","toNode":"m04","toSide":"top","label":"Dirty State"},
|
||||
{"id":"edge-d10-d07","fromNode":"d10","fromSide":"bottom","toNode":"d07","toSide":"top","label":"Logic Cases"},
|
||||
{"id":"edge-d10-d08","fromNode":"d10","fromSide":"bottom","toNode":"d08","toSide":"top","label":"Mapping Cases"},
|
||||
{"id":"edge-d10-d09","fromNode":"d10","fromSide":"bottom","toNode":"d09","toSide":"top","label":"Blocker Cases"},
|
||||
{"id":"edge-s01-s02","fromNode":"s01","fromSide":"bottom","toNode":"s02","toSide":"top","label":"publish + share"},
|
||||
{"id":"edge-s02-v01","fromNode":"s02","fromSide":"right","toNode":"v01","toSide":"left","label":"Submit ok"},
|
||||
{"id":"edge-s02-v02","fromNode":"s02","fromSide":"right","toNode":"v02","toSide":"left","label":"nicht verfuegbar"},
|
||||
{"id":"edge-s02-v03","fromNode":"s02","fromSide":"right","toNode":"v03","toSide":"left","label":"Fehler"},
|
||||
{"id":"edge-s02-public","fromNode":"s02","fromSide":"right","toNode":"note-public","toSide":"left","label":"Public-UX"},
|
||||
{"id":"edge-public-reuse","fromNode":"note-public","fromSide":"right","toNode":"note-public-reuse","toSide":"left","label":"Reuse"},
|
||||
{"id":"edge-focus-out","fromNode":"note-subframe-focus","fromSide":"bottom","toNode":"note-out-of-scope","toSide":"top","label":"Grenzen"},
|
||||
{"id":"edge-package-simple","fromNode":"package","fromSide":"bottom","toNode":"simple-direction","toSide":"top","label":"neue Richtung"},
|
||||
{"id":"edge-simple-s00","fromNode":"simple-direction","fromSide":"right","toNode":"s00","toSide":"left","label":"Einstieg"},
|
||||
{"id":"edge-s00-s01a","fromNode":"s00","fromSide":"right","toNode":"s01a","toSide":"left","label":"Variante D"},
|
||||
{"id":"edge-s00-s01b","fromNode":"s00","fromSide":"right","toNode":"s01b","toSide":"left","label":"Variante B"},
|
||||
{"id":"edge-s00-s01c","fromNode":"s00","fromSide":"right","toNode":"s01c","toSide":"left","label":"Website"},
|
||||
{"id":"edge-s00-s01d","fromNode":"s00","fromSide":"right","toNode":"s01d","toSide":"left","label":"Umfrage"},
|
||||
{"id":"edge-s00-s01e","fromNode":"s00","fromSide":"right","toNode":"s01e","toSide":"left","label":"Intern"},
|
||||
{"id":"edge-simple-s03","fromNode":"simple-direction","fromSide":"right","toNode":"s03","toSide":"left","label":"Verwaltung"},
|
||||
{"id":"edge-s03-s00","fromNode":"s03","fromSide":"top","toNode":"s00","toSide":"bottom","label":"Neues Formular"},
|
||||
{"id":"edge-s03-s01a","fromNode":"s03","fromSide":"right","toNode":"s01a","toSide":"bottom","label":"Bearbeiten"},
|
||||
{"id":"edge-s01a-s04","fromNode":"s01a","fromSide":"right","toNode":"s04","toSide":"left","label":"Design"},
|
||||
{"id":"edge-s01a-s05","fromNode":"s01a","fromSide":"right","toNode":"s05","toSide":"left","label":"Antworten"},
|
||||
{"id":"edge-s01a-note","fromNode":"s01a","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Prinzip"},
|
||||
{"id":"edge-s01b-note","fromNode":"s01b","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Prinzip"},
|
||||
{"id":"edge-s01c-note","fromNode":"s01c","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
|
||||
{"id":"edge-s01d-note","fromNode":"s01d","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
|
||||
{"id":"edge-s01e-note","fromNode":"s01e","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"}
|
||||
]
|
||||
}
|
||||
@@ -1,41 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: M01
|
||||
screen: Probelauf
|
||||
typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "aus S01 (Probelauf-Knopf / vor Aktivierung)"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# M01 — Probelauf (Dry-Run)
|
||||
|
||||
## Ziel
|
||||
|
||||
Vor dem Scharfschalten sehen, was die Automation WIRKLICH tun würde — keine bösen Überraschungen.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- **»Trifft X Datensätze«** + die ersten 5 als Beispiele
|
||||
- Schritt-für-Schritt-Simulation in Klartext (»E-Mail würde an max@… gehen«)
|
||||
- **Pflicht-Bestätigung** ab Schwelle (> 100 Datensätze/Schritt, mandant-einstellbar) — ggf. mit Bestätigungs-Phrase
|
||||
- Ergebnis: aktivieren oder zurück in den Editor
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A5 Modal + Simulations-Liste.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Über Schwelle | Bestätigung Pflicht | Nur dokumentieren |
|
||||
| Trifft nichts | »Aktuell trifft die Automation 0 Datensätze« | Nur dokumentieren |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,34 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: M02
|
||||
screen: Schleifen-Warnung
|
||||
typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "aus S01 bei Schleifen-Verdacht"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# M02 — Schleifen-/Raten-Warnung
|
||||
|
||||
## Ziel
|
||||
|
||||
Endlos-Schleifen verhindern, bevor sie den Betrieb fluten — verständlich erklärt.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- **Mini-Abhängigkeits-Graph**: welche Automationen sich gegenseitig auslösen (der Kreis ist markiert)
|
||||
- Klartext: »Automation A löst B aus, B löst wieder A aus«
|
||||
- **»Beheben«**-Knopf (springt zum betroffenen Baustein)
|
||||
- Anomalie-Hinweis-Variante: »2.000-mal in 5 Min gelaufen, typisch 5–10/Tag — pausiert« + wieder aktivieren
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A5 Modal + Mini-Graph.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,32 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: M03
|
||||
screen: Start-Auswahl
|
||||
typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "»+ Neue Automation« (aus der Automation-Liste)"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# M03 — Start-Auswahl
|
||||
|
||||
## Ziel
|
||||
|
||||
Der schnellste Weg zum Erfolgserlebnis: mit einer Vorlage starten statt vor leerer Fläche zu sitzen.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- **Leer starten** ODER **Vorlage wählen** (SHK-Vorlagen + eigene, nach Kategorie, mit Use-Case-Beschreibung — eingebetteter Vorlagen-Katalog aus WF-P12 Verwaltung)
|
||||
- Auswahl → Editor öffnet mit vorbefülltem Flow (Vorlage) oder leer
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A5 Dialog (echtes Modal).
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,44 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: S01
|
||||
screen: Flow-Editor
|
||||
typ: BESPOKE (schwerste UI)
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/:id/edit"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S01 — Flow-Editor ⭐
|
||||
|
||||
## Ziel
|
||||
|
||||
Automationen zusammenklicken wie ein Diagramm — verständlich für Büro-Menschen, nicht nur Techniker.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- **Zeichenfläche**: Bausteine setzen, verbinden, verschieben, duplizieren, löschen; Pan/Zoom; Undo/Redo; automatisch anordnen; Mini-Übersichtskarte
|
||||
- **Katalog links** (einklappbar): Auslöser + Aktionen, nach Modul gruppiert/filterbar, per Ziehen oder Klick hinzufügen
|
||||
- **Konfig-Panel rechts**: Klick auf Baustein → typ-abhängiges Formular in Klartext (Inhalte aus WF-P12 Verwaltung S05)
|
||||
- **Inline-Validierung** direkt am Baustein: nicht verbunden · Schleifen-Verdacht · Pflichtfeld fehlt
|
||||
- Kopf: Name, Status-Pill (aktiv/pausiert/Entwurf), Speichern, **Probelauf** → [[M01 Probelauf]], Aktivieren/Deaktivieren
|
||||
- Aktivieren blockiert bei Fehlern (Klartext-Liste, Sprung zum Baustein)
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
**BESPOKE** — Dreispalten-Anordnung (validiert): Katalog · Canvas · Konfig.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Leerer Flow | Hinweis »Ersten Auslöser aus dem Katalog ziehen« | Nur dokumentieren |
|
||||
| Ungespeichert verlassen | Hinweis | Nur dokumentieren |
|
||||
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,19 +0,0 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"md-paket","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md","x":-80,"y":-440,"width":460,"height":280},
|
||||
{"id":"group-editor","type":"group","x":-80,"y":-100,"width":1820,"height":380,"label":"Editor (Bespoke — schwerste UI, Langläufer)"},
|
||||
{"id":"group-schutz","type":"group","x":-80,"y":460,"width":1820,"height":380,"label":"Schutz-Dialoge"},
|
||||
{"id":"note-entry","type":"text","text":"# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste (WF-P12 Verwaltung) → Start-Auswahl.\n\nKlartext-First: alles in verständlichem Deutsch.","x":0,"y":0,"width":360,"height":200},
|
||||
{"id":"m03","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":560,"y":0,"width":420,"height":200},
|
||||
{"id":"s01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1240,"y":0,"width":420,"height":200},
|
||||
{"id":"m01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M01 Probelauf.md","x":560,"y":560,"width":420,"height":200},
|
||||
{"id":"m02","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M02 Schleifen-Warnung.md","x":1240,"y":560,"width":420,"height":200},
|
||||
{"id":"note-embed","type":"text","text":"# Einbettung\n\nBaustein-Konfig-Panels (rechtes Panel) kommen aus WF-P12 Verwaltung (S05).\n\nAnordnung validiert: Katalog links · Canvas Mitte · Konfig rechts.","x":0,"y":560,"width":460,"height":240}
|
||||
],
|
||||
"edges":[
|
||||
{"id":"e-entry","fromNode":"note-entry","fromSide":"right","toNode":"m03","toSide":"left","toEnd":"arrow","styleAttributes":{"path":"dotted"}},
|
||||
{"id":"e-start","fromNode":"m03","fromSide":"right","toNode":"s01","toSide":"left","toEnd":"arrow","label":"leer oder Vorlage"},
|
||||
{"id":"e-dryrun","fromNode":"s01","fromSide":"bottom","toNode":"m01","toSide":"top","toEnd":"arrow","label":"Probelauf / vor Aktivierung"},
|
||||
{"id":"e-loop","fromNode":"s01","fromSide":"bottom","toNode":"m02","toSide":"top","toEnd":"arrow","label":"bei Schleifen-Verdacht","styleAttributes":{"path":"long-dashed"}}
|
||||
]
|
||||
}
|
||||
@@ -1,121 +0,0 @@
|
||||
---
|
||||
kind: wireframe-package
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
typ: Flow
|
||||
status: Validiert
|
||||
subframe: ""
|
||||
canvas: "WF-P12 Flow-Editor.canvas"
|
||||
---
|
||||
|
||||
# WF-P12 Flow-Editor
|
||||
|
||||
Status: Validiert (Screen-Liste)
|
||||
Subframe-Link: -
|
||||
Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
|
||||
Stand: 2026-07-09
|
||||
|
||||
---
|
||||
|
||||
## 1. Kurzfassung
|
||||
|
||||
Der Automations-Baukasten: Zeichenfläche mit Auslöser- und Aktions-Bausteinen, alles in verständlichem Deutsch, mit Probelauf und Schleifen-Schutz. **Schwerste UI der App, erste USP-Säule, Langläufer — viele Iterationen einplanen.**
|
||||
|
||||
---
|
||||
|
||||
## 2. Intent Check
|
||||
|
||||
| Frage | Antwort |
|
||||
|---|---|
|
||||
| Ticket/Modul | D-FLOW, Dev-Pendant R-P12a/R-P12b (Editor blockt R-P12b!) |
|
||||
| Nutzer-Ziel | »Wenn X passiert, tu Y« zusammenklicken — ohne Programmierkenntnisse, ohne Angst vor Fehlern |
|
||||
| Quellen geprüft | `ticket-docs/D-FLOW.md`, ENTITY-MODEL Domäne 7, HiveGrid Map |
|
||||
| Sicher im Scope | Graph-Canvas, Katalog, Konfig-Panel-Rahmen, Mini-Map, Toolbar, Validation, Dry-Run, Loop-Warnung, Start-Auswahl |
|
||||
| Sicher nicht im Scope | Sprach-zu-Automation (gestrichen, AD-26) · KWP-Konfig-UI (v2) · Liste/Verläufe/Vorlagen (WF-P12 Verwaltung) |
|
||||
| Unsichere Annahmen | — |
|
||||
|
||||
---
|
||||
|
||||
## 3. Scope
|
||||
|
||||
| Punkt | Inhalt |
|
||||
|---|---|
|
||||
| Startpunkt | »+ Neue Automation« (aus der Automation-Liste) oder bestehende öffnen |
|
||||
| Ziel | Automation gebaut, per Probelauf geprüft, bewusst aktiviert |
|
||||
| Haupt-Archetyp | **BESPOKE — schwerste UI** + A5 Modals |
|
||||
| Out of scope | s. o. |
|
||||
|
||||
---
|
||||
|
||||
## 4. Entscheidungen (validiert 2026-07-09)
|
||||
|
||||
| Entscheidung | Status | Notiz |
|
||||
|---|---|---|
|
||||
| Zwei P12-Pakete (Editor / Verwaltung) | genommen | Editor ist Langläufer |
|
||||
| **Grundanordnung: Katalog links · Canvas Mitte · Konfig rechts** | genommen | n8n-Muster; Klick auf Baustein öffnet Konfig-Panel rechts, Canvas bleibt sichtbar; Katalog einklappbar |
|
||||
| **Start-Auswahl mit Vorlagen** | genommen | »+ Neue Automation« → Dialog: leer starten ODER SHK-/eigene Vorlage wählen → Editor öffnet |
|
||||
| Dry-Run + Schleifen-Warnung als eigene Modals | genommen | Pflicht-Bestätigung ab Schwelle (mandant-einstellbar) |
|
||||
| Aktivieren blockiert bei Fehlern | genommen | Klartext-Fehlerliste (nicht verbunden / Schleife / Pflichtfeld) — dokumentiert |
|
||||
| Klartext-First | genommen | Baustein-Labels, Validierung, Dry-Run-Ausgaben: verständliches Deutsch, nicht technisch |
|
||||
| Konfig-Panel-Inhalte kommen aus WF-P12 Verwaltung | genommen | typ-abhängige Formulare (S05 dort), der Editor bettet sie ein |
|
||||
|
||||
### Happy Path
|
||||
|
||||
1. »+ Neue Automation« → Start-Auswahl: Vorlage »Neue Anfrage → Aufgabe für Vertrieb« wählen (oder leer).
|
||||
2. Editor: Bausteine aus dem Katalog ziehen, verbinden; Klick → Konfig rechts in Klartext.
|
||||
3. Inline-Fehler beheben (»Baustein nicht verbunden«).
|
||||
4. **Probelauf**: »Trifft 143 Datensätze …« — prüfen, ggf. Pflicht-Bestätigung.
|
||||
5. Aktivieren. Bei Schleifen-Verdacht: Warnmodal mit Mini-Graph + »Beheben«.
|
||||
|
||||
### Meldungs-/Error-States (validiert)
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Bauen? | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Probelauf ab Schwelle | Pflicht-Bestätigung im Dry-Run-Modal | ja | Bauen (M01) | »Trifft > 100 Datensätze — bitte bestätigen« |
|
||||
| Schleife erkannt | Warnmodal mit Mini-Abhängigkeits-Graph | ja | Bauen (M02) | + »Beheben«-Knopf |
|
||||
| Aktivieren mit Fehlern | blockiert + Klartext-Fehlerliste | ja | Nur dokumentieren | je Fehler Sprung zum Baustein |
|
||||
| Anomalie-Pause | Banner (auch in Liste/Detail) | nein | Nur dokumentieren | »2.000-mal in 5 Min — pausiert« |
|
||||
| Ungespeicherte Änderungen | Hinweis beim Verlassen | nein | Nur dokumentieren | — |
|
||||
|
||||
---
|
||||
|
||||
## 7. Validierte Screen-Liste
|
||||
|
||||
| ID | Screen/Zustand | Typ | Umsetzung | Ort | Status |
|
||||
|---|---|---|---|---|---|
|
||||
| S01 | Flow-Editor (Katalog · Canvas · Konfig) ⭐ | BESPOKE | Bauen | `/automations/:id/edit` | Validiert |
|
||||
| M01 | Probelauf (Dry-Run) | Modal | Bauen | aus S01 | Validiert |
|
||||
| M02 | Schleifen-/Raten-Warnung | Modal | Bauen | aus S01 | Validiert |
|
||||
| M03 | Start-Auswahl (leer / Vorlage) | Modal | Bauen | »+ Neue Automation« | Validiert |
|
||||
| D01–D03 | Aktivieren-Block / Anomalie-Banner / Verlassen-Hinweis | Inline | Nur dokumentieren | — | Validiert |
|
||||
|
||||
---
|
||||
|
||||
## 8. Grid
|
||||
|
||||
```text
|
||||
Automation-Liste (WF-P12 Verwaltung) -> M03 (Start-Auswahl) -> S01 (Editor)
|
||||
S01 -> M01 (Probelauf) -> Aktivieren
|
||||
S01 -> M02 (Schleifen-Warnung, bei Verdacht)
|
||||
S01 bettet ein: Baustein-Konfig-Panels (WF-P12 Verwaltung S05)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 9. Screen-Pakete
|
||||
|
||||
- [[S01 Flow-Editor]] · [[M01 Probelauf]] · [[M02 Schleifen-Warnung]] · [[M03 Start-Auswahl]]
|
||||
|
||||
---
|
||||
|
||||
## 10. Offene Fragen
|
||||
|
||||
- Kanten-Interaktion (Klick-Verbinden vs. nur Ziehen) + Auto-Layout-Verhalten → Subframe-Iterationen
|
||||
- Dry-Run-Schwelle: Default-Wert → Dev
|
||||
|
||||
## Handoff-Check
|
||||
|
||||
- [x] Jeder Screen ist mit Umsetzung markiert.
|
||||
- [x] Meldungs-/Error-State-Matrix ist ausgefüllt.
|
||||
- [ ] Subframe-Link ist eingetragen. *(Subframe erst nach explizitem OK)*
|
||||
@@ -1,41 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: S01
|
||||
screen: Automation-Liste
|
||||
typ: Liste
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S01 — Automation-Liste
|
||||
|
||||
## Ziel
|
||||
|
||||
Alle Automationen im Blick: Was läuft, was ist pausiert, was tut wie oft?
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- Zeile: Name · Auslöser (Klartext) · Status-Pill (aktiv/pausiert/Entwurf) · Läufe (30 Tage) · letzte Ausführung
|
||||
- »nur meine«-Filter · Anomalie-Pause-Banner
|
||||
- »+ Neue Automation« → Start-Auswahl (WF-P12 Flow-Editor M03) · Zeile öffnen → Editor · Läufe → [[S02 Lauf-Liste]]
|
||||
- Zeilen-Aktion »als Vorlage speichern« → [[S04 Vorlagen-Katalog]]
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A2 Liste.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Leer | »Noch keine Automationen« + Start-Knopf | Nur dokumentieren |
|
||||
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,40 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: S02
|
||||
screen: Lauf-Liste
|
||||
typ: Liste
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/:id/executions"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S02 — Lauf-Liste
|
||||
|
||||
## Ziel
|
||||
|
||||
Was hat diese Automation zuletzt getan?
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- Letzte Läufe: Zeit · Status-Pill (ok/fehlgeschlagen/übersprungen) · Klartext-Summary · Probelauf-Marker · Dauer
|
||||
- Filter: Status, Datum, Auslöser-Typ
|
||||
- Zeile öffnen → [[S03 Lauf-Detail]]
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A2 Liste.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Leer | »Noch keine Läufe« | Nur dokumentieren |
|
||||
| Laden / Fehler | A7 | Wiederverwenden |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,42 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: S03
|
||||
screen: Lauf-Detail
|
||||
typ: Detail + Timeline
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/:id/executions/:exec_id"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S03 — Lauf-Detail
|
||||
|
||||
## Ziel
|
||||
|
||||
Jeden Lauf Schritt für Schritt nachvollziehen — und Fehler rückgängig machen.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- Kopf: Klartext-Summary + Auslöser-Daten **lesbar** (kein rohes JSON) + Probelauf-Marker
|
||||
- **Schritt-für-Schritt-Timeline**: je Schritt Klartext (»E-Mail an max@… gesendet«), Status, Ein-/Ausgabe lesbar, Dauer
|
||||
- **24-h-Rückgängig-Knopf mit Countdown** (Restzeit sichtbar; danach ausgegraut + Hinweis)
|
||||
- Fehlgeschlagenen Schritt **erneut ausführen** · **»ab Schritt X fortsetzen«**
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A3 + Timeline.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Schritt fehlgeschlagen | roter Marker + Klartext-Fehler + Retry daneben | Nur dokumentieren |
|
||||
| Rückgängig abgelaufen | Knopf grau + »nur 24 h möglich« | Nur dokumentieren |
|
||||
| Laden / Fehler | A7 | Wiederverwenden |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
@@ -1,39 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: S04
|
||||
screen: Vorlagen-Katalog
|
||||
typ: Liste/Karten
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/templates"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S04 — Vorlagen-Katalog
|
||||
|
||||
## Ziel
|
||||
|
||||
Fertige SHK-Automationen zum Sofort-Nutzen — plus eigene Vorlagen des Betriebs.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- Vorlagen-Karten nach Kategorie: Name · Use-Case-Beschreibung · Nutzungs-Anzahl · **»Verwenden«** (öffnet Editor vorbefüllt)
|
||||
- SHK-Vorlagen (geseedet) + eigene (»aus Automation erstellen« in der Liste)
|
||||
- Wird auch in der Start-Auswahl (Flow-Editor M03) eingebettet
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
A2 Karten-Liste.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Laden / Fehler | A7 | Wiederverwenden |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
-44
@@ -1,44 +0,0 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: S05
|
||||
screen: Baustein-Konfig-Panels
|
||||
typ: Compose-Panel (eingebettet)
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "eingebettet im Flow-Editor (rechtes Panel)"
|
||||
subframe: ""
|
||||
---
|
||||
|
||||
# S05 — Baustein-Konfig-Panels
|
||||
|
||||
## Ziel
|
||||
|
||||
Das rechte Panel im Flow-Editor: je Baustein-Typ ein Klartext-Formular. Als **Muster** werden zwei Panels gebaut, der Rest folgt dem Schema.
|
||||
|
||||
## Was das Tool können muss
|
||||
|
||||
- **Typ-abhängige Felder** je Auslöser (Anfrage/Kontakt/Board/E-Mail/Formular/Buchung/Kalender/Zeitplan/Webhook) und je Aktion (Datensatz ändern, Benachrichtigung, HTTP, Aufgabe, Wenn-Dann, Warten, Schleife)
|
||||
- **Klartext-Labels** (»Wenn eine neue Anfrage aus Quelle … eingeht«) statt Technik-Sprache
|
||||
- Inline-Validierung (Pflichtfeld fehlt) mit Badge am Baustein
|
||||
- Muster-Panels (Subframe): Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen«
|
||||
|
||||
## Pattern / Archetyp
|
||||
|
||||
Compose — Formular-Bausteine (A4) im Editor-Panel.
|
||||
|
||||
## Zustände
|
||||
|
||||
| Zustand | Beschreibung | Umsetzung |
|
||||
|---|---|---|
|
||||
| Pflichtfeld fehlt | Inline + Badge am Baustein | Nur dokumentieren |
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
|
||||
## Notizen
|
||||
|
||||
- KWP-Push: nur Registry-Eintrag, kein Konfig-UI (v1-Grenze).
|
||||
@@ -1,41 +0,0 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"md-paket","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md","x":-80,"y":-440,"width":460,"height":280},
|
||||
{"id":"group-verw","type":"group","x":-80,"y":-100,"width":2500,"height":380,"label":"Übersicht und Verläufe"},
|
||||
{"id":"group-extra","type":"group","x":-80,"y":460,"width":1820,"height":380,"label":"Vorlagen + Konfig-Panels"},
|
||||
{"id":"note-entry","type":"text","text":"# Einstieg\n\nSidebar → Automation.","x":0,"y":0,"width":300,"height":200},
|
||||
{"id":"s01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S01 Automation-Liste.md","x":500,"y":0,"width":420,"height":200},
|
||||
{"id":"s02","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md","x":1140,"y":0,"width":420,"height":200},
|
||||
{"id":"s03","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S03 Lauf-Detail.md","x":1780,"y":0,"width":420,"height":200},
|
||||
{"id":"s04","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S04 Vorlagen-Katalog.md","x":0,"y":560,"width":420,"height":200},
|
||||
{"id":"s05","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":580,"y":560,"width":420,"height":200},
|
||||
{"id":"note-embed","type":"text","text":"# Einbettungen\n\n- S04 steckt auch in der Start-Auswahl (Flow-Editor M03)\n- S05 ist das rechte Panel im Flow-Editor\n- »+ Neue Automation« in S01 → Start-Auswahl (Flow-Editor)","x":1160,"y":560,"width":500,"height":240}
|
||||
],
|
||||
"edges":[
|
||||
{
|
||||
"id":"e-entry",
|
||||
"fromNode":"note-entry",
|
||||
"fromSide":"right",
|
||||
"toNode":"s01",
|
||||
"toSide":"left",
|
||||
"toEnd":"arrow",
|
||||
"styleAttributes":{"path":"dotted"}
|
||||
},
|
||||
{"id":"e-runs","fromNode":"s01","fromSide":"right","toNode":"s02","toSide":"left","toEnd":"arrow","label":"Läufe"},
|
||||
{"id":"e-detail","fromNode":"s02","fromSide":"right","toNode":"s03","toSide":"left","toEnd":"arrow","label":"Lauf öffnen"},
|
||||
{
|
||||
"id":"e-template",
|
||||
"fromNode":"s01",
|
||||
"fromSide":"bottom",
|
||||
"toNode":"s04",
|
||||
"toSide":"top",
|
||||
"toEnd":"arrow",
|
||||
"label":"als Vorlage speichern",
|
||||
"styleAttributes":{"path":"long-dashed"}
|
||||
}
|
||||
],
|
||||
"metadata":{
|
||||
"version":"1.0-1.0",
|
||||
"frontmatter":{}
|
||||
}
|
||||
}
|
||||
@@ -1,110 +0,0 @@
|
||||
---
|
||||
kind: wireframe-package
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
typ: Flow
|
||||
status: Validiert
|
||||
subframe: ""
|
||||
canvas: "WF-P12 Verwaltung.canvas"
|
||||
---
|
||||
|
||||
# WF-P12 Verwaltung
|
||||
|
||||
Status: Validiert (Screen-Liste)
|
||||
Subframe-Link: -
|
||||
Canvas: [Canvas](<WF-P12 Verwaltung.canvas>)
|
||||
Stand: 2026-07-09
|
||||
|
||||
---
|
||||
|
||||
## 1. Kurzfassung
|
||||
|
||||
Die Nicht-Canvas-Flächen der Automationen: Übersichtsliste, Lauf-Verläufe mit Klartext-Timeline und 24-h-Rückgängig, Vorlagen-Katalog — und die Baustein-Konfig-Panels, die der Flow-Editor einbettet.
|
||||
|
||||
---
|
||||
|
||||
## 2. Intent Check
|
||||
|
||||
| Frage | Antwort |
|
||||
|---|---|
|
||||
| Ticket/Modul | D-P12, Dev-Pendant R-P12a/R-P12b |
|
||||
| Nutzer-Ziel | Überblick behalten, jeden Lauf nachvollziehen, Fehler rückgängig machen |
|
||||
| Quellen geprüft | `ticket-docs/D-P12.md`, ENTITY-MODEL Domäne 7, HiveGrid Map |
|
||||
| Sicher im Scope | Liste, Lauf-Liste/-Detail, Vorlagen-Katalog, Konfig-Panel-Inhalte |
|
||||
| Sicher nicht im Scope | Editor-Canvas (WF-P12 Flow-Editor), KWP-Konfig (v2), Sprach-Eingabe (gestrichen) |
|
||||
| Unsichere Annahmen | — |
|
||||
|
||||
---
|
||||
|
||||
## 3. Scope
|
||||
|
||||
| Punkt | Inhalt |
|
||||
|---|---|
|
||||
| Startpunkt | Sidebar »Automation« |
|
||||
| Ziel | Automation gefunden, Lauf verstanden, ggf. rückgängig/erneut |
|
||||
| Haupt-Archetyp | A2 Listen · A3 + Timeline · Compose-Panels |
|
||||
| Out of scope | s. o. |
|
||||
|
||||
---
|
||||
|
||||
## 4. Entscheidungen (validiert 2026-07-09)
|
||||
|
||||
| Entscheidung | Status | Notiz |
|
||||
|---|---|---|
|
||||
| Zwei P12-Pakete | genommen | dieses = Verwaltung |
|
||||
| Lauf-Detail mit Klartext-Timeline | genommen | je Schritt: was, womit (Input/Output lesbar), wie lange, Ergebnis |
|
||||
| 24-h-Rückgängig als Countdown-Knopf | genommen | + Retry + »ab Schritt X fortsetzen« |
|
||||
| Vorlagen-Katalog mit »aus Automation erstellen« | genommen | SHK + eigene, nach Kategorie |
|
||||
| Baustein-Konfig-Panels hier designen | genommen | typ-abhängige Klartext-Formulare je Auslöser/Aktion — der Editor bettet sie ein; je ein Muster-Panel (Auslöser + Aktion) wird gebaut |
|
||||
|
||||
### Meldungs-/Error-States (validiert)
|
||||
|
||||
| Ereignis | UI-Form | Blockiert? | Bauen? | Copy/Notiz |
|
||||
|---|---|---|---|---|
|
||||
| Lauf fehlgeschlagen | rote Status-Pill + Klartext-Fehler am Schritt | nein | Nur dokumentieren | Retry/Resume direkt daneben |
|
||||
| Anomalie-Pause | Banner in Liste + Detail | nein | Nur dokumentieren | wie im Editor |
|
||||
| Rückgängig-Fenster abgelaufen | Knopf ausgegraut + Hinweis | nein | Nur dokumentieren | »Nur 24 h nach Lauf möglich« |
|
||||
| Leere Liste | Leer-Zustand + »+ Neue Automation« | nein | Nur dokumentieren | → Start-Auswahl (Flow-Editor M03) |
|
||||
|
||||
---
|
||||
|
||||
## 7. Validierte Screen-Liste
|
||||
|
||||
| ID | Screen/Zustand | Typ | Umsetzung | Ort | Status |
|
||||
|---|---|---|---|---|---|
|
||||
| S01 | Automation-Liste | Liste | Bauen | `/automations` | Validiert |
|
||||
| S02 | Lauf-Liste | Liste | Bauen | `/automations/:id/executions` | Validiert |
|
||||
| S03 | Lauf-Detail (Klartext-Timeline) | Detail + Timeline | Bauen | `…/executions/:exec_id` | Validiert |
|
||||
| S04 | Vorlagen-Katalog | Liste/Karten | Bauen | `/automations/templates` | Validiert |
|
||||
| S05 | Baustein-Konfig-Panels (Muster Auslöser + Aktion) | Compose-Panel | Bauen | eingebettet im Flow-Editor | Validiert |
|
||||
| D01–D04 | Zustände (s. Tabelle) | Inline/Banner | Nur dokumentieren | — | Validiert |
|
||||
|
||||
---
|
||||
|
||||
## 8. Grid
|
||||
|
||||
```text
|
||||
Sidebar -> S01 (Liste) -> S02 (Laeufe) -> S03 (Lauf-Detail: Timeline, 24h-Undo, Retry, Resume)
|
||||
S01 -> "+ Neue Automation" -> M03 (Start-Auswahl, WF-P12 Flow-Editor)
|
||||
S04 (Vorlagen) <- "aus Automation erstellen" (S01)
|
||||
S05 (Konfig-Panels) -> eingebettet in Flow-Editor S01
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 9. Screen-Pakete
|
||||
|
||||
- [[S01 Automation-Liste]] · [[S02 Lauf-Liste]] · [[S03 Lauf-Detail]] · [[S04 Vorlagen-Katalog]] · [[S05 Baustein-Konfig-Panels]]
|
||||
|
||||
---
|
||||
|
||||
## 10. Offene Fragen
|
||||
|
||||
- Welche zwei Muster-Panels für S05 (Vorschlag: Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen«) → beim Subframe-Bau
|
||||
|
||||
## Handoff-Check
|
||||
|
||||
- [x] Jeder Screen ist mit Umsetzung markiert.
|
||||
- [x] Meldungs-/Error-State-Matrix ist ausgefüllt.
|
||||
- [ ] Subframe-Link ist eingetragen. *(Subframe erst nach explizitem OK)*
|
||||
@@ -0,0 +1,44 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: M03
|
||||
screen: Start-Auswahl
|
||||
typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Fertig / Development-Handoff
|
||||
route: "»+ Neue Automation« aus der Automation-Liste"
|
||||
subframe_name: "M03 Start-Auswahl"
|
||||
subframe_page_id: "03d42bf8-7624-4286-8e38-54a3ea605b14"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit"
|
||||
reference_name: "M03 Start-Auswahl V3"
|
||||
reference_page_id: "c8291109-a683-454c-8de6-f36b524b3254"
|
||||
reference: "https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# M03 — Start-Auswahl
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]] entscheiden, ob ein leerer Ablauf oder eine Beispielvorlage als Ausgangspunkt verwendet wird.
|
||||
|
||||
## Finaler Screen
|
||||
|
||||
Die Subframe-Seite ohne Versionssuffix ist die finale Auswahl. Das Modal stellt zwei gleichwertige, verständliche Wege nebeneinander:
|
||||
|
||||
- **Leer starten:** leerer Ablauf, Bausteine werden anschließend selbst hinzugefügt.
|
||||
- **Mit Vorlage starten:** die Beispielvorlage „Neue Anfrage direkt nachfassen“ mit sichtbarer Schrittfolge aus Formular, Aufgabe und Benachrichtigung.
|
||||
- Beide Wege führen in [[S01 Flow-Editor]].
|
||||
- Ein kurzer Hinweis macht klar, dass jeder Ablauf später vollständig angepasst werden kann.
|
||||
|
||||
## Verbliebene Referenz
|
||||
|
||||
[M03 Start-Auswahl V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) bleibt als Vergleichsseite im Workflow-Engine-Flow. Sie zeigt den breiteren Ansatz mit großem Leerstart, Filter Bar und vier Vorlagen, ist aber nicht die final umbenannte Zielseite.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Finalen Screen öffnen](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit)
|
||||
- [Vergleichsseite V3 öffnen](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit)
|
||||
- [Workflow-Engine-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,38 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: M04
|
||||
screen: Automation aktivieren
|
||||
subframe_name: "M04 Automation aktivieren"
|
||||
subframe_page_id: "e30af8dc-37f4-4634-a332-fdd17219432b"
|
||||
typ: Bestätigungsmodal
|
||||
umsetzung: Bauen
|
||||
status: Fertig / Development-Handoff
|
||||
route: "Aktiv-Schalter in S01 Flow-Editor"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# M04 — Automation aktivieren
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Vor dem produktiven Aktivieren noch einmal verständlich machen, was der Schalter bewirkt. Das Modal liegt zwischen der Aktion im [[S01 Flow-Editor]] und der tatsächlichen Zustandsänderung.
|
||||
|
||||
## Sichtbarer Umfang
|
||||
|
||||
- Klare Frage „Automation aktivieren?“.
|
||||
- Hinweis, dass neue passende Auslöser ab jetzt Läufe starten und verbundene Schritte produktiv ausgeführt werden.
|
||||
- Automationsname und zugehöriger Auslöser als kurzer Kontext.
|
||||
- Sekundäraktion „Abbrechen“ und Primäraktion „Automation aktivieren“.
|
||||
|
||||
## Bewusste Outline-Grenze
|
||||
|
||||
Voraussetzungen, Rechte, technische Validierung und Fehlerzustände werden nicht als weitere Design-Screens ausdefiniert. Diese Fälle gehören in die Umsetzung; das Modal definiert nur die produktrelevante Entscheidung und ihre verständliche Konsequenz.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,39 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: M05
|
||||
screen: Automation pausieren
|
||||
subframe_name: "M05 Automation pausieren"
|
||||
subframe_page_id: "9a9cde02-ccc5-4128-b79e-e351fee17318"
|
||||
typ: Bestätigungsmodal
|
||||
umsetzung: Bauen
|
||||
status: Fertig / Development-Handoff
|
||||
route: "Aktiv-Schalter in S01 Flow-Editor"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# M05 — Automation pausieren
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Vor dem Pausieren erklären, welche unmittelbare Wirkung die Zustandsänderung hat. Das Modal liegt zwischen der Aktion im [[S01 Flow-Editor]] und der tatsächlichen Zustandsänderung.
|
||||
|
||||
## Sichtbarer Umfang
|
||||
|
||||
- Klare Frage „Automation pausieren?“.
|
||||
- Hinweis, dass passende Auslöser während der Pause keine neuen Läufe starten.
|
||||
- Automationsname und aktueller Status als kurzer Kontext.
|
||||
- Sekundäraktion „Weiterlaufen lassen“ und Primäraktion „Automation pausieren“.
|
||||
- Warnende, aber nicht destruktiv-rote Darstellung: Pausieren ist reversibel.
|
||||
|
||||
## Bewusste Outline-Grenze
|
||||
|
||||
Was mit bereits laufenden Ausführungen, zeitgleichen Ereignissen oder technischen Fehlern passiert, entscheidet die Umsetzung. Dafür werden im Designpaket keine zusätzlichen Zustands- oder Error-Screens angelegt.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,57 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: S01
|
||||
screen: Flow-Editor
|
||||
subframe_name: "V1 Vollbild minimal"
|
||||
subframe_page_id: "ae9f5d91-1153-44de-9af3-63010bc86162"
|
||||
typ: BESPOKE
|
||||
umsetzung: Bauen
|
||||
status: Fertig / Development-Handoff
|
||||
route: "/automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# S01 — Flow-Editor ⭐
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Automationen auf einer Vollbild-Zeichenfläche zusammenstellen. Diese Obsidian-Seite dokumentiert den gebauten leeren Editorzustand; ein eigener Referenzscreen „gefüllter Editor“ wird nicht benötigt.
|
||||
|
||||
## Sichtbare Struktur
|
||||
|
||||
- App-Shell mit Breadcrumb und Sidebar.
|
||||
- Kopfzeile mit Automationsname, Status „Aktiv“, Aktiv-Schalter, Verlauf und Mehr-Menü.
|
||||
- Modus-Umschalter „Bauen / Aktivität / Auswertung“.
|
||||
- Leerer Canvas ohne mittigen Hinzufügen-Platzhalter.
|
||||
- Übersicht unten links sowie Undo/Redo, Zoom und Probelauf in der Bottom-Toolbar.
|
||||
- Einziger sichtbarer Plus-Einstieg zum Hinzufügen unten rechts.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- Neue Automation beginnt über [[M03 Start-Auswahl]].
|
||||
- Das Plus unten rechts öffnet [[S01b Baustein-Picker]].
|
||||
- Rechtsklick auf die Zeichenfläche öffnet [[S01c Canvas-Kontextmenue]].
|
||||
- Ein gewählter Baustein öffnet einen der 32 individuellen Konfigurationsscreens aus [[S05 Baustein-Konfig-Panels]].
|
||||
- „Aktivität“ soll zur eigenständigen [[S02 Lauf-Liste]] führen; die genaue Umschalter-Copy wird gemeinsam validiert.
|
||||
- Der Aktiv-Schalter öffnet vor der Zustandsänderung [[M04 Automation aktivieren]] oder [[M05 Automation pausieren]].
|
||||
|
||||
## Scope-Entscheidung 2026-08-03
|
||||
|
||||
- Kein eigener S01d-Screen für gefüllte Knoten/Kanten.
|
||||
- Kein eigener Probelauf-Screen im Obsidian-Paket.
|
||||
- Kein eigener Schleifen-/Ratenwarnungs-Screen im Obsidian-Paket.
|
||||
- Kein doppelter Plus-CTA in der Canvas-Mitte; das Plus unten rechts reicht als sichtbarer Haupteinstieg.
|
||||
- Diese Funktionen dürfen technisch im Produkt bestehen, werden aber nicht als separate zu bauende Design-Screens geführt.
|
||||
|
||||
## Offener Reviewpunkt
|
||||
|
||||
Der Subframe-Entwurf zeigt zusätzlich „Auswertung“. Dieser Modus besitzt aktuell keinen eigenen P12-Screen. Beim gemeinsamen Review entscheiden wir, ob er entfernt, später reserviert oder anders benannt wird.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: S01b
|
||||
screen: Baustein-Picker
|
||||
subframe_name: "S01b Baustein-Picker vollst_ndig"
|
||||
subframe_page_id: "83c4fbde-b040-4bc3-80a6-3c5d7b1f626b"
|
||||
typ: Drawer
|
||||
umsetzung: Bauen
|
||||
status: Fertig / Development-Handoff
|
||||
route: "aus S01 (Baustein hinzufügen)"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# S01b — Baustein-Picker
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Seitlicher 480-px-Drawer zum Suchen und Hinzufügen eines Bausteins in [[S01 Flow-Editor]]. Die zusätzliche Breite hält Namen, Kurzbeschreibung und Statuskennzeichen lesbar, ohne den Editor vollständig zu verdecken.
|
||||
|
||||
## Aktueller Subframe-Inhalt
|
||||
|
||||
- Suche „Baustein suchen …“.
|
||||
- Kompakte Filter: Alle 31, Auslöser 16, Aktionen 6, Logik 8 und Integration 1.
|
||||
- Alle 31 fachlichen Bausteine sind vorhanden; die Liste scrollt innerhalb des Drawers.
|
||||
- Name, Kurzbeschreibung und Kategorie pro Baustein; „Ab v2“ und „Profi“ bleiben dort sichtbar, wo sie für die Auswahl relevant sind.
|
||||
- Durchgehend Du-Ansprache.
|
||||
|
||||
## Verknüpfungen
|
||||
|
||||
Ein Klick führt zum passenden individuellen Konfigurationsscreen. Der vollständige Bestand liegt in [[S05 Baustein-Konfig-Panels]] und ist im Verwaltungs-Canvas nach Kategorien gruppiert. Dort existieren 32 Seiten, weil „Zeitplan monatlich“ eine bedeutsame Zustandsvariante des Bausteins „Zeitplan“ ist und kein eigener Picker-Eintrag.
|
||||
|
||||
## Verifizierter Abgleich
|
||||
|
||||
- 31/31 erwartete Bausteinnamen im Subframe-Readback gefunden.
|
||||
- „Frist oder Termin“ ersetzt die zwei alten Einträge „Termin in Kürze“ und „Zahlungsziel überschritten“.
|
||||
- Kein eigener Eintrag für die Monatsvariante und kein v1-Konfigurationsdialog für „An KWP übergeben“.
|
||||
- Der alte unvollständige 12er-Picker wurde nach dem Abgleich aus Subframe entfernt.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,40 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
id: S01c
|
||||
screen: Canvas-Kontextmenue
|
||||
subframe_name: "Kontextmenue Canvas"
|
||||
subframe_page_id: "2278da93-f0a2-4e46-bd3b-250d5912a62d"
|
||||
typ: Kontextmenue
|
||||
umsetzung: Bauen
|
||||
status: Fertig / Development-Handoff
|
||||
route: "Rechtsklick auf die Zeichenfläche in S01"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# S01c — Canvas-Kontextmenü
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Schneller Zugriff auf die häufigsten Bearbeitungsaktionen per Rechtsklick in [[S01 Flow-Editor]].
|
||||
|
||||
## Sichtbare Aktionen
|
||||
|
||||
- Baustein hinzufügen und Einfügen.
|
||||
- Rückgängig und Wiederholen.
|
||||
- Ausschneiden, Kopieren und Duplizieren.
|
||||
- Alles auswählen und automatisch anordnen.
|
||||
- Löschen als destruktive Aktion.
|
||||
- Tastenkürzel werden direkt neben den Aktionen gezeigt.
|
||||
|
||||
## Scope
|
||||
|
||||
Das vorhandene Canvas-Kontextmenü ist die einzige separate Kontextmenü-Referenz. Ein zusätzlicher eigener Screen für Knoten/Kanten wird nicht geführt.
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3600,"height":720,"color":"5","label":"Flow-Editor · Ablauf, Varianten und Toggle-Bestätigungen"},
|
||||
{"id":"1000000000000002","type":"group","x":1330,"y":960,"width":1590,"height":380,"color":"3","label":"Verknüpfte Verwaltung"},
|
||||
{"id":"1000000000000003","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md","x":-80,"y":-440,"width":460,"height":260},
|
||||
{"id":"1000000000000004","type":"text","text":"# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste öffnet die Start-Auswahl.","x":0,"y":0,"width":420,"height":180},
|
||||
{"id":"1000000000000005","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":840,"y":-5,"width":400,"height":180},
|
||||
{"id":"1000000000000007","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md","x":2350,"y":-50,"width":420,"height":170},
|
||||
{"id":"1000000000000009","type":"file","file":"02 Wireframes/P12 Verwaltung/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":2990,"y":-10,"width":500,"height":180,"color":"5"},
|
||||
{"id":"1000000000000006","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1640,"y":-10,"width":420,"height":180},
|
||||
{"id":"100000000000000d","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/M05 Automation pausieren.md","x":820,"y":365,"width":400,"height":170},
|
||||
{"id":"100000000000000c","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/M04 Automation aktivieren.md","x":-20,"y":370,"width":400,"height":170},
|
||||
{"id":"1000000000000008","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md","x":2310,"y":370,"width":420,"height":170},
|
||||
{"id":"100000000000000a","type":"file","file":"02 Wireframes/P12 Verwaltung/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md","x":1640,"y":1080,"width":420,"height":180},
|
||||
{"id":"100000000000000b","type":"text","text":"# Finaler Scope\n\nKein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.\n\nM03 ohne Versionssuffix ist final: »Leer starten« oder eine Beispielvorlage. M03 V3 bleibt Referenz. M04/M05 sind Bestätigungsmodale; der Picker enthält 31/31 Bausteine. Beide Flows zusammen: 44 Seiten.","x":2230,"y":1040,"width":540,"height":220}
|
||||
],
|
||||
"edges":[
|
||||
{"id":"2000000000000001","fromNode":"1000000000000004","fromSide":"right","toNode":"1000000000000005","toSide":"left","label":"+ Neue Automation"},
|
||||
{"id":"2000000000000002","fromNode":"1000000000000005","fromSide":"right","toNode":"1000000000000006","toSide":"left","label":"Leer starten oder Beispielvorlage"},
|
||||
{"id":"2000000000000003","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000007","toSide":"left","label":"Baustein hinzufügen"},
|
||||
{"id":"2000000000000004","toFloating":false,"fromFloating":false,"fromNode":"1000000000000006","fromSide":"bottom","toNode":"1000000000000008","toSide":"top","label":"Rechtsklick"},
|
||||
{"id":"2000000000000005","fromNode":"1000000000000007","fromSide":"right","toNode":"1000000000000009","toSide":"left","label":"Baustein wählen"},
|
||||
{"id":"2000000000000006","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000009","toSide":"left","label":"Konfiguration öffnen"},
|
||||
{"id":"2000000000000007","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000a","toSide":"top","label":"Aktivität"},
|
||||
{"id":"2000000000000008","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000c","toSide":"top","label":"Aktivieren"},
|
||||
{"id":"2000000000000009","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000d","toSide":"top","label":"Pausieren"}
|
||||
],
|
||||
"metadata":{
|
||||
"version":"1.0-1.0",
|
||||
"frontmatter":{}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
---
|
||||
kind: wireframe-package
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
typ: Flow
|
||||
status: Fertig / Development-Handoff
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
|
||||
canvas: "WF-P12 Flow-Editor.canvas"
|
||||
source_checked: 2026-08-04
|
||||
---
|
||||
|
||||
# WF-P12 Flow-Editor
|
||||
|
||||
Subframe-Flow: [WF-P12 Workflow Engine](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
|
||||
|
||||
## Kurzfassung
|
||||
|
||||
Der aktuelle Workflow-Engine-Flow umfasst **39 Subframe-Seiten**: sechs finale Editor-/Modal-Seiten, die verbliebene Vergleichsseite `M03 Start-Auswahl V3` und 32 Konfigurationsdialoge. Der separate Verwaltungs-Flow enthält fünf finale Seiten. Damit sind **44 aktuelle P12-Seiten** vollständig inventarisiert und im gemeinsamen Workflow-Engine-Handoff erfasst.
|
||||
|
||||
Die Subframe-Seite ohne Versionssuffix ist jeweils die finale Auswahl. Für M03 ist das die reduzierte Zwei-Wege-Auswahl mit „Leer starten“ oder einer Beispielvorlage. `M03 Start-Auswahl V3` bleibt im Flow als Referenz, ist aber nicht die finale Zielseite.
|
||||
|
||||
## Finaler Scope
|
||||
|
||||
- [[M03 Start-Auswahl]] — finales Anlege-Modal mit den zwei Wegen „Leer starten“ und „Mit Vorlage starten“.
|
||||
- [[S01 Flow-Editor]] — leerer Vollbild-Editor.
|
||||
- [[S01b Baustein-Picker]] — Drawer mit allen 31 fachlichen Bausteinen.
|
||||
- [[S01c Canvas-Kontextmenue]] — Kontextmenü der Zeichenfläche.
|
||||
- [[M04 Automation aktivieren]] — Bestätigung vor dem produktiven Einschalten.
|
||||
- [[M05 Automation pausieren]] — Bestätigung vor dem Pausieren.
|
||||
- Die 32 Konfigurationsdialoge liegen einzeln in WF-P12 Verwaltung und sind über [[S05 Baustein-Konfig-Panels]] erschlossen.
|
||||
|
||||
## Entfernt aus dem Screen-Scope
|
||||
|
||||
- Kein eigener gefüllter Editor-Screen.
|
||||
- Kein eigener Probelauf-Screen.
|
||||
- Kein eigener Schleifen-/Ratenwarnungs-Screen.
|
||||
|
||||
Diese Funktionen dürfen technisch vorhanden sein, sind aber keine separat zu pflegenden Design-Screens.
|
||||
|
||||
## Flow
|
||||
|
||||
```text
|
||||
Automation-Liste -> M03 Start-Auswahl -> S01 Flow-Editor
|
||||
S01 -> S01b Baustein-Picker -> individueller Konfigurationsdialog
|
||||
S01 -> S01c Canvas-Kontextmenü
|
||||
S01 -> Aktiv-Schalter -> M04 Automation aktivieren oder M05 Automation pausieren
|
||||
S01 -> Aktivität -> S02 Lauf-Liste
|
||||
```
|
||||
|
||||
## Aktueller Seitenbestand
|
||||
|
||||
| Rolle | Subframe-Seite | Stand |
|
||||
|---|---|---|
|
||||
| S01 Flow-Editor | [V1 Vollbild minimal](https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit) | Final |
|
||||
| S01b Baustein-Picker | [S01b Baustein-Picker vollst_ndig](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit) | Final |
|
||||
| S01c Canvas-Kontextmenü | [Kontextmenue Canvas](https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit) | Final |
|
||||
| M03 Start-Auswahl | [M03 Start-Auswahl](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit) | Final |
|
||||
| M04 Automation aktivieren | [M04 Automation aktivieren](https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit) | Final |
|
||||
| M05 Automation pausieren | [M05 Automation pausieren](https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit) | Final |
|
||||
| M03 Vergleich | [M03 Start-Auswahl V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) | Verbleibende Referenz, nicht Zielseite |
|
||||
| Baustein-Konfiguration | [32 Dialogseiten im Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit) | Development-Handoff |
|
||||
|
||||
## Handoff
|
||||
|
||||
Das Paket ist Teil des gemeinsamen fertigen Tickets `D-FLOW + D-P12 Workflow Engine`. Die vollständige UUID- und Linkliste aller 39 Seiten steht dort sowie im [[Screen Paket Tracker]].
|
||||
@@ -0,0 +1,51 @@
|
||||
# Abschluss — Workflow Engine (P12)
|
||||
|
||||
Status: **Fertig / Development-Handoff am 2026-08-04**
|
||||
|
||||
Detailwahrheit: [[WF-P12 Flow-Editor]], [[WF-P12 Verwaltung]], [[S05 Baustein-Konfig-Panels]], [[S05a Baustein-Konfig Vorplanung]] und [[Screen Paket Tracker]].
|
||||
|
||||
## Finaler Subframe-Bestand
|
||||
|
||||
- [x] Beide Flows vollständig per MCP neu eingelesen.
|
||||
- [x] **39 Seiten** in „WF-P12 Workflow Engine“ inventarisiert.
|
||||
- [x] **5 Seiten** in „(MCP) WF-P12 Verwaltung“ inventarisiert.
|
||||
- [x] **44/44 aktuelle Subframe-Seiten** mit Obsidian, Direktlinks und Canvas-Beziehungen abgeglichen.
|
||||
- [x] Alle fünf Verwaltungsseiten tragen finale Namen ohne Versionssuffix.
|
||||
- [x] „S04 Vorlagen-Katalog“ in Obsidian und Subframe als [[M04 Vorlagen-Katalog]] geführt.
|
||||
- [x] Finale [[M03 Start-Auswahl]] auf Page-ID 03d42bf8-7624-4286-8e38-54a3ea605b14 umgestellt.
|
||||
- [x] Finale [[S06 Zugangsdaten]] auf Page-ID b183c6bf-9674-4e97-86d7-d7a8ef9ab17b umgestellt.
|
||||
- [x] „M03 Start-Auswahl V3“ als verbliebene Vergleichsseite im vollständigen Inventar dokumentiert.
|
||||
- [x] Alte Verwaltungsvarianten sind nicht mehr Bestandteil des aktuellen Subframe-Flows.
|
||||
|
||||
## Finale Screens
|
||||
|
||||
- [x] [[S01 Flow-Editor]]
|
||||
- [x] [[S01b Baustein-Picker]]
|
||||
- [x] [[S01c Canvas-Kontextmenue]]
|
||||
- [x] [[M03 Start-Auswahl]]
|
||||
- [x] [[M04 Automation aktivieren]]
|
||||
- [x] [[M05 Automation pausieren]]
|
||||
- [x] [[S01 Automation-Liste]]
|
||||
- [x] [[S02 Lauf-Liste]]
|
||||
- [x] [[S03 Lauf-Detail]]
|
||||
- [x] [[M04 Vorlagen-Katalog]]
|
||||
- [x] [[S06 Zugangsdaten]]
|
||||
- [x] 32 Konfigurationsdialoge aus [[S05 Baustein-Konfig-Panels]]
|
||||
|
||||
## Bewusst nicht als eigener Screen
|
||||
|
||||
- Gefüllter Editor.
|
||||
- Probelauf.
|
||||
- Schleifen-/Ratenwarnung.
|
||||
- Zusätzliche Detail- und Error-Flows für Zugangsdaten.
|
||||
|
||||
## Nicht blockierende Development-Hinweise
|
||||
|
||||
- Die Live-Seitennamen „K-T2 Deadline naht“ und „K-A1 Kontakt aendern“ weichen von den im sichtbaren Inhalt und Picker verwendeten Produktnamen „Frist oder Termin“ und „Datensatz ändern“ ab.
|
||||
- [[K-L1 Filter]] verwendet noch die breite Dialogvariante.
|
||||
- Time-Picker sowie echte Kategorievarianten Rot/Gelb bleiben Baukasten-Themen.
|
||||
- Subframe bildet die Interaktionen statisch ab; Routing, Rechte und technische Sonderfälle vervollständigt Development.
|
||||
|
||||
## Ablage
|
||||
|
||||
Der kompakte Handoff liegt unter „Tickets/Fertige Tickets/D-FLOW Workflow Engine.md“ und umfasst beide Subframe-Flows sowie die vollständige Liste aller 44 aktuellen Seiten.
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-a1-datensatz-andern
|
||||
screen: "Datensatz ändern"
|
||||
subframe_name: "K-A1 Kontakt aendern"
|
||||
subframe_page_id: "69019ec4-d884-4d89-b699-d67a6ec99c7f"
|
||||
typ: "Aktion · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/69019ec4-d884-4d89-b699-d67a6ec99c7f/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.745Z"
|
||||
---
|
||||
|
||||
# K-A1 — Datensatz ändern
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Aktualisiert einen Datensatz (Kontakt, Projekt oder Auftrag). Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Welcher Datensatz** · **Feld** · **Neuer Wert**.
|
||||
- Erklärungen: Meistens der Datensatz, der die Automation gestartet hat.
|
||||
- Beispieloptionen: Datensatz aus dem Auslöser, Primärkontakt des Projekts, Manuell auswählen, Status, Betreuer, Telefonnummer, E-Mail.
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Aktion**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Feld-Zuordnungen · {{Mitarbeiter aus Auslöser}}.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Zuordnung hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Der sichtbare Inhalt heißt bereits **„Datensatz ändern“**. Nur der Subframe-Seitenname ist noch veraltet und muss dort manuell umbenannt werden.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/69019ec4-d884-4d89-b699-d67a6ec99c7f/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-a1-notiz-anlegen
|
||||
screen: "Notiz anlegen"
|
||||
subframe_name: "K-A1 Notiz anlegen"
|
||||
subframe_page_id: "a94188de-7a32-4e7d-a608-04cd47f2cbf2"
|
||||
typ: "Aktion · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/a94188de-7a32-4e7d-a608-04cd47f2cbf2/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-25T16:16:26.944Z"
|
||||
---
|
||||
|
||||
# K-A1 — Notiz anlegen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Speichert eine Notiz am Datensatz. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Notiz speichern an** · **Notiztext** * · **Sichtbar für (optional)**.
|
||||
- Erklärungen: An diesem Datensatz erscheint die Notiz in der Akte. · Der Text der Notiz. Platzhalter in geschweiften Klammern werden beim Lauf ersetzt. Pflichtfeld. · Wer die Notiz sehen darf.
|
||||
- Beispieloptionen: Kontakt aus dem Auslöser, Auftrag aus dem Auslöser, Projekt aus dem Auslöser, Alle im Betrieb, Nur Innendienst, Nur ich.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Aktion**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a94188de-7a32-4e7d-a608-04cd47f2cbf2/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
+50
@@ -0,0 +1,50 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-a2-benachrichtigung-senden
|
||||
screen: "Benachrichtigung senden"
|
||||
subframe_name: "K-A2 Benachrichtigung senden"
|
||||
subframe_page_id: "a0a46df7-4f24-4e36-98ab-c4772ecf2e63"
|
||||
typ: "Aktion · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/a0a46df7-4f24-4e36-98ab-c4772ecf2e63/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-25T16:21:45.433Z"
|
||||
---
|
||||
|
||||
# K-A2 — Benachrichtigung senden
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Informiert dich oder dein Team per Push oder in der App. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Weg** · **Empfänger** * · **Titel** · **Nachricht** *.
|
||||
- Erklärungen: Push aufs Handy oder als Hinweis in der App. Für Kunden-E-Mails nutze den Baustein »E-Mail senden«. · Wer im Betrieb die Benachrichtigung bekommt. Pflichtfeld. · Die Überschrift der Benachrichtigung. · Der Text der Benachrichtigung. Platzhalter wie {{Vorname}} werden beim Versand ersetzt. Pflichtfeld.
|
||||
- Beispieloptionen: Push (Handy), In-App (Glocke), Beide, Ich, Bestimmte Person, Team, Verantwortliche/r aus dem Auslöser.
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Aktion**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Das Nachrichtenfeld ist im Subframe-Stand schmaler als die übrigen Felder; die Baukasten-Variante „volle Breite + feste Höhe“ bleibt offen.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a0a46df7-4f24-4e36-98ab-c4772ecf2e63/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-a2-e-mail-senden
|
||||
screen: "E-Mail senden"
|
||||
subframe_name: "K-A2 E-Mail senden"
|
||||
subframe_page_id: "a7f4debc-2e00-4f32-937a-bc85636a30ba"
|
||||
typ: "Aktion · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/a7f4debc-2e00-4f32-937a-bc85636a30ba/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-27T19:33:58.383Z"
|
||||
---
|
||||
|
||||
# K-A2 — E-Mail senden
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Schickt eine E-Mail an einen Kontakt. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Empfänger** * · **Absender** * · **Betreff** * · **Nachricht** *.
|
||||
- Erklärungen: An diese Person geht die E-Mail. Pflichtfeld. · Von dieser Adresse wird gesendet. Pflichtfeld. · Die Betreffzeile. Pflichtfeld. · Der Text der E-Mail. Platzhalter wie {{Vorname}} werden beim Versand ersetzt. Pflichtfeld.
|
||||
- Beispieloptionen: Kontakt aus dem Auslöser, Bestimmte E-Mail-Adresse, Kontakt suchen, info@betrieb.de, service@betrieb.de, angebot@betrieb.de.
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Aktion**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Optional, zum Beispiel ein PDF-Angebot oder Datenblatt.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Anhang hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Das Nachrichtenfeld ist im Subframe-Stand schmaler als die übrigen Felder; die Baukasten-Variante „volle Breite + feste Höhe“ bleibt offen.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a7f4debc-2e00-4f32-937a-bc85636a30ba/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-a3-aufgabe-anlegen
|
||||
screen: "Aufgabe anlegen"
|
||||
subframe_name: "K-A3 Aufgabe anlegen"
|
||||
subframe_page_id: "9d9f2a55-0d46-4644-ac9f-c63721262fdb"
|
||||
typ: "Aktion · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/9d9f2a55-0d46-4644-ac9f-c63721262fdb/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.762Z"
|
||||
---
|
||||
|
||||
# K-A3 — Aufgabe anlegen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Erstellt eine neue Aufgabe. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Aufgabentitel** · **Verantwortlich** * · **Fälligkeit** · **Priorität**.
|
||||
- Erklärungen: So heißt die Aufgabe in der Aufgabenliste. Platzhalter werden ersetzt. · Diese Person oder dieses Team bekommt die Aufgabe. Pflichtfeld. · Bis wann die Aufgabe erledigt sein soll. · Wie dringend die Aufgabe einsortiert wird.
|
||||
- Beispieloptionen: Team Vertrieb, Team Montage, Team Service, Büro, Sofort, 1 Tag nach Auslöser, 3 Tage nach Auslöser, 1 Woche nach Auslöser, Niedrig, Normal … (+1).
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Aktion**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/9d9f2a55-0d46-4644-ac9f-c63721262fdb/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-a3-aufgabe-zuweisen
|
||||
screen: "Aufgabe zuweisen"
|
||||
subframe_name: "K-A3 Aufgabe zuweisen"
|
||||
subframe_page_id: "94ccafb9-b3d2-4256-907c-f7a95632945a"
|
||||
typ: "Aktion · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/94ccafb9-b3d2-4256-907c-f7a95632945a/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.766Z"
|
||||
---
|
||||
|
||||
# K-A3 — Aufgabe zuweisen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Ordnet eine Aufgabe einer Person oder einem Team zu. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Welche Aufgabe** · **Neue Verantwortung** * · **Benachrichtigung an (optional)**.
|
||||
- Erklärungen: Meistens die Aufgabe, die ein früherer Baustein angelegt hat. · Diese Person oder dieses Team übernimmt die Aufgabe. Pflichtfeld. · Wer über die Zuweisung informiert wird.
|
||||
- Beispieloptionen: Aufgabe aus dem vorherigen Schritt, Bestimmte Aufgabe auswählen, Team Kundendienst, Team Montage, Projektleiter, Ersteller der Aufgabe, Neue Verantwortung, Bisherige Verantwortung, Beide, Niemand.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Aktion**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/94ccafb9-b3d2-4256-907c-f7a95632945a/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-i1-http-anfrage
|
||||
screen: "HTTP-Anfrage"
|
||||
subframe_name: "K-I1 HTTP-Anfrage"
|
||||
subframe_page_id: "b41d53ea-a101-41c5-8950-cca4fc57ed90"
|
||||
typ: "Integration · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/b41d53ea-a101-41c5-8950-cca4fc57ed90/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-27T18:30:24.213Z"
|
||||
---
|
||||
|
||||
# K-I1 — HTTP-Anfrage
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Ruft einen externen Dienst auf. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Adresse (URL)** * · **Methode** · **Name** · **Wert** · **Daten (optional)**.
|
||||
- Erklärungen: Die Adresse des externen Dienstes. Pflichtfeld. · GET holt Daten, POST sendet Daten — im Zweifel steht es in der Anleitung des Dienstes. · Diese Daten werden mitgeschickt. Platzhalter sind erlaubt.
|
||||
- Beispieloptionen: GET, POST, PUT, DELETE.
|
||||
- Dialogbreite im aktuellen Stand: **Large**.
|
||||
- Sichtbare Badges: **Integration** · **Profi-Baustein**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Kopfzeilen (optional) · Zugangsdaten oder Format-Angaben für den Dienst.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Kopfzeile hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Als **Profi-Baustein** gekennzeichnet; technische Details werden in Klartext erklärt.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b41d53ea-a101-41c5-8950-cca4fc57ed90/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,50 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l1-filter
|
||||
screen: "Filter"
|
||||
subframe_name: "K-L1 Filter"
|
||||
subframe_page_id: "d7adb2e6-e7b2-412a-9b3e-884e1968c7d8"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/d7adb2e6-e7b2-412a-9b3e-884e1968c7d8/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-25T16:32:29.851Z"
|
||||
---
|
||||
|
||||
# K-L1 — Filter
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Lässt nur passende Datensätze weiter. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Feld** · **Vergleich** · **Wert**.
|
||||
- Beispieloptionen: PLZ, Status, Name, E-Mail, beginnt mit, ist gleich, enthält, ist nicht gleich.
|
||||
- Dialogbreite im aktuellen Stand: **Large**.
|
||||
- Sichtbare Badges: **Logik**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Bedingungen.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Der Dialog steht im aktuellen Subframe-Code noch auf `large`; Ziel laut Review ist `medium`.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/d7adb2e6-e7b2-412a-9b3e-884e1968c7d8/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l1-oder
|
||||
screen: "Oder"
|
||||
subframe_name: "K-L1 Oder"
|
||||
subframe_page_id: "6c360480-f4cf-4f3f-85ff-2a9bab994ed0"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/6c360480-f4cf-4f3f-85ff-2a9bab994ed0/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.798Z"
|
||||
---
|
||||
|
||||
# K-L1 — Oder
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Wenn mindestens eine Bedingung zutrifft. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Feld** · **Vergleich** · **Wert**.
|
||||
- Beispieloptionen: Auftragswert, Kundentyp, Region, Priorität, ist gleich, ist größer als, ist kleiner als, enthält.
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Logik** · **Eine reicht**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Bedingungen · Es reicht, wenn EINE der Zeilen zutrifft. · ODER · Ausgänge · Ja · Mindestens eine Bedingung trifft zu · Nein · Keine der Bedingungen trifft zu.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6c360480-f4cf-4f3f-85ff-2a9bab994ed0/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,47 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l1-switch
|
||||
screen: "Switch"
|
||||
subframe_name: "K-L1 Switch"
|
||||
subframe_page_id: "879e169d-839c-450b-adc6-c01a9d3cc2fd"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/879e169d-839c-450b-adc6-c01a9d3cc2fd/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.830Z"
|
||||
---
|
||||
|
||||
# K-L1 — Switch
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Verzweigt in mehrere Wege. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Feld prüfen**.
|
||||
- Erklärungen: Der Wert dieses Feldes entscheidet, welcher Weg genommen wird.
|
||||
- Beispieloptionen: Anfrageart, Gewerk, Priorität, Region.
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Logik** · **Weg 1** · **Weg 2** · **Weg 3** · **Sonst**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Wege · Stimmt der Feldwert mit einem Weg überein, geht es dort weiter. · Wenn nichts zutrifft · Der Sonst-Weg fängt alles Übrige auf.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Weg hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/879e169d-839c-450b-adc6-c01a9d3cc2fd/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l1-und
|
||||
screen: "Und"
|
||||
subframe_name: "K-L1 Und"
|
||||
subframe_page_id: "95c4b661-8070-4fb0-90e5-9a60910a7754"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/95c4b661-8070-4fb0-90e5-9a60910a7754/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.789Z"
|
||||
---
|
||||
|
||||
# K-L1 — Und
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Wenn alle Bedingungen zutreffen. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Feld** · **Vergleich** · **Wert**.
|
||||
- Beispieloptionen: Anlagentyp, Auftragswert, Kundentyp, Region, ist gleich, ist größer als, ist kleiner als, enthält.
|
||||
- Dialogbreite im aktuellen Stand: **Large**.
|
||||
- Sichtbare Badges: **Logik** · **Alle nötig** · **Ja** · **Nein**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Bedingungen · UND · Alle Zeilen müssen zutreffen, sonst geht es den Nein-Weg. · AUSGÄNGE · Alle Bedingungen sind erfüllt. · Mindestens eine Bedingung trifft nicht zu.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/95c4b661-8070-4fb0-90e5-9a60910a7754/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l1-wenn-dann
|
||||
screen: "Wenn-Dann"
|
||||
subframe_name: "K-L1 Wenn-Dann"
|
||||
subframe_page_id: "7e6bcf69-2938-4cd3-b060-2e0a9695499f"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/7e6bcf69-2938-4cd3-b060-2e0a9695499f/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-25T16:29:30.901Z"
|
||||
---
|
||||
|
||||
# K-L1 — Wenn-Dann
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Verzweigt den Ablauf nach einer Bedingung. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Feld** · **Vergleich** · **Wert**.
|
||||
- Erklärungen: Das Datenfeld, das für diese Bedingung geprüft wird. · Legt fest, wie Feld und Wert verglichen werden. · Jede Zeile ist eine Bedingung. Alle Zeilen müssen zutreffen.
|
||||
- Beispieloptionen: Angebotswert, Quelle, Status, Tag, ist größer als, ist gleich, ist kleiner als, enthält.
|
||||
- Dialogbreite im aktuellen Stand: **Medium**.
|
||||
- Sichtbare Badges: **Logik**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Bedingungen · Ja → wenn alle Bedingungen zutreffen · Nein → wenn nicht.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Die früher offene Breitenkorrektur ist bereits umgesetzt: aktueller Stand `medium`.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/7e6bcf69-2938-4cd3-b060-2e0a9695499f/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l2-schleife
|
||||
screen: "Schleife"
|
||||
subframe_name: "K-L2 Schleife"
|
||||
subframe_page_id: "de5b5fa7-bf30-4150-a5b5-5f27d7f37a87"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/de5b5fa7-bf30-4150-a5b5-5f27d7f37a87/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.802Z"
|
||||
---
|
||||
|
||||
# K-L2 — Schleife
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Wiederholt die nächsten Schritte für jedes Element. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Liste** · **Höchstens Durchläufe (optional)**.
|
||||
- Erklärungen: Für jedes Element dieser Liste laufen die Schritte im Weiter-Zweig einmal. · Sicherheitsgrenze, damit die Schleife nicht endlos läuft.
|
||||
- Beispieloptionen: Alle offenen Aufgaben des Projekts, Alle Kontakte des Projekts, Alle Positionen des Angebots, Alle Termine dieser Woche.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Logik**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Ausgänge · Weiter · → für jedes Element · Fertig · → wenn alle durch sind.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Varianten und offene Punkte
|
||||
|
||||
- Dieser Baustein ist nicht mit dem verworfenen separaten Schleifen-/Raten-Warnscreen zu verwechseln; der Konfigurationsdialog selbst bleibt Bestandteil des Katalogs.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/de5b5fa7-bf30-4150-a5b5-5f27d7f37a87/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,45 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l2-warten
|
||||
screen: "Warten"
|
||||
subframe_name: "K-L2 Warten"
|
||||
subframe_page_id: "3b8067ec-1905-4fb6-bafd-e3e414c216b2"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/3b8067ec-1905-4fb6-bafd-e3e414c216b2/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-27T18:15:44.244Z"
|
||||
---
|
||||
|
||||
# K-L2 — Warten
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Pausiert den Ablauf. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Dauer** · **Einheit**.
|
||||
- Beispieloptionen: Minuten, Stunden, Tage, Wochen.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Logik**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `NumberInput`, `Select`, `ToggleGroup`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/3b8067ec-1905-4fb6-bafd-e3e414c216b2/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,45 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-l2-wert-setzen
|
||||
screen: "Wert setzen"
|
||||
subframe_name: "K-L2 Wert setzen"
|
||||
subframe_page_id: "0c2fae48-e2ab-4103-b111-15a3e120adb1"
|
||||
typ: "Logik · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/0c2fae48-e2ab-4103-b111-15a3e120adb1/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.857Z"
|
||||
---
|
||||
|
||||
# K-L2 — Wert setzen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Merkt sich einen Wert für spätere Schritte. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Name des Werts** · **Wert**.
|
||||
- Erklärungen: Unter diesem Namen können spätere Schritte den Wert als Platzhalter verwenden. · Der gespeicherte Wert. Platzhalter sind erlaubt.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Logik**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `TextInput`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/0c2fae48-e2ab-4103-b111-15a3e120adb1/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-kontakt-geandert
|
||||
screen: "Kontakt geändert"
|
||||
subframe_name: "K-T1 Kontakt geaendert"
|
||||
subframe_page_id: "48d85ffd-c90c-4da0-b37a-6b3d2711299d"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/48d85ffd-c90c-4da0-b37a-6b3d2711299d/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-27T12:56:29.920Z"
|
||||
---
|
||||
|
||||
# K-T1 — Kontakt geändert
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn sich Kontaktdaten ändern. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Diese Felder beobachten**.
|
||||
- Erklärungen: Nur Änderungen an diesen Feldern starten die Automation. Ausgegraut, solange »Alle Felder beobachten« an ist.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
- Weitere sichtbare Zustände/Hinweise: Alle Felder beobachten.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `DropdownMenuSelect`, `IconWithBackground`, `MultiSelectTags`, `Switch`, `Tag_Label`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/48d85ffd-c90c-4da0-b37a-6b3d2711299d/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-lead-qualifiziert
|
||||
screen: "Lead qualifiziert"
|
||||
subframe_name: "K-T1 Lead qualifiziert"
|
||||
subframe_page_id: "168740c8-c344-40db-9a86-9b8dbb0b86f7"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/168740c8-c344-40db-9a86-9b8dbb0b86f7/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.672Z"
|
||||
---
|
||||
|
||||
# K-T1 — Lead qualifiziert
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn ein Lead qualifiziert wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Board** · **Qualifizierungs-Stufe**.
|
||||
- Erklärungen: Leer lassen = gilt für alle Boards. · Erst ab dieser Stufe startet die Automation.
|
||||
- Beispieloptionen: Alle Boards, Vertrieb SHK, Neue Anfragen, Service & Wartung, Jede Stufe, Warm, Heiß.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/168740c8-c344-40db-9a86-9b8dbb0b86f7/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-neue-anfrage
|
||||
screen: "Neue Anfrage"
|
||||
subframe_name: "K-T1 Neue Anfrage"
|
||||
subframe_page_id: "0e6798e1-5daf-4cd4-ac37-0d3c53316ffb"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/0e6798e1-5daf-4cd4-ac37-0d3c53316ffb/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.677Z"
|
||||
---
|
||||
|
||||
# K-T1 — Neue Anfrage
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn eine Anfrage eingeht. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Quelle** · **Bereich (optional)**.
|
||||
- Erklärungen: Leer lassen = jede neue Anfrage zählt, egal woher sie kommt. · Nur Anfragen aus diesem Bereich starten die Automation.
|
||||
- Beispieloptionen: Alle Quellen, Website-Formular, E-Mail, Manuell, Alle Bereiche, Heizung, Sanitär, Klima.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/0e6798e1-5daf-4cd4-ac37-0d3c53316ffb/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-neuer-kontakt
|
||||
screen: "Neuer Kontakt"
|
||||
subframe_name: "K-T1 Neuer Kontakt - Mit Beispiel"
|
||||
subframe_page_id: "b826c642-9b14-4c83-98e0-dba33470852e"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/b826c642-9b14-4c83-98e0-dba33470852e/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-27T12:56:29.814Z"
|
||||
---
|
||||
|
||||
# K-T1 — Neuer Kontakt
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn ein Kontakt angelegt wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Quelle** · **Nur mit bestimmtem Tag (optional)**.
|
||||
- Erklärungen: Leer lassen = jeder neue Kontakt zählt. · Nur Kontakte mit diesem Tag lösen die Automation aus.
|
||||
- Beispieloptionen: Alle Quellen, Manuell angelegt, Import, Formular.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `DropdownMenuSelect`, `IconWithBackground`, `MultiSelectTags`, `Select`, `Tag_Label`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b826c642-9b14-4c83-98e0-dba33470852e/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-projekt-angelegt
|
||||
screen: "Projekt angelegt"
|
||||
subframe_name: "K-T1 Projekt angelegt"
|
||||
subframe_page_id: "6ddca087-0655-4390-b365-47b46796520a"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/6ddca087-0655-4390-b365-47b46796520a/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.687Z"
|
||||
---
|
||||
|
||||
# K-T1 — Projekt angelegt
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn ein Projekt erstellt wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Board** · **Quelle (optional)**.
|
||||
- Erklärungen: Leer lassen = gilt für neue Projekte auf allen Boards. · Nur Projekte aus dieser Quelle starten die Automation.
|
||||
- Beispieloptionen: Alle Boards, Anlagen-Verkauf, Service & Wartung, Sanierung, Alle Quellen, Aus Lead konvertiert, Manuell angelegt.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6ddca087-0655-4390-b365-47b46796520a/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-projekt-gewonnen
|
||||
screen: "Projekt gewonnen"
|
||||
subframe_name: "K-T1 Projekt gewonnen"
|
||||
subframe_page_id: "7dbedd13-7bd9-4203-ac4b-367fe98a0c90"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/7dbedd13-7bd9-4203-ac4b-367fe98a0c90/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.660Z"
|
||||
---
|
||||
|
||||
# K-T1 — Projekt gewonnen
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn ein Projekt gewonnen wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Board** · **Mindestwert in € (optional)**.
|
||||
- Erklärungen: Leer lassen = gilt für alle Boards.
|
||||
- Beispieloptionen: Alle Boards, Vertrieb: Anlagen-Verkauf, Auftrag: Installation, Auftrag: Wartung.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `NumberInput`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/7dbedd13-7bd9-4203-ac4b-367fe98a0c90/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t1-status-gewechselt
|
||||
screen: "Status gewechselt"
|
||||
subframe_name: "K-T1 Status gewechselt"
|
||||
subframe_page_id: "4531af4b-270d-4338-a7aa-9bf9f22acb2a"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/4531af4b-270d-4338-a7aa-9bf9f22acb2a/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.682Z"
|
||||
---
|
||||
|
||||
# K-T1 — Status gewechselt
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn eine Karte die Spalte wechselt. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Board** * · **Von Spalte (optional)** · **Nach Spalte** *.
|
||||
- Erklärungen: Auf diesem Board wird der Spaltenwechsel beobachtet. Pflichtfeld. · Leer lassen = egal, aus welcher Spalte die Karte kommt. · Erst wenn die Karte in dieser Spalte landet, startet die Automation. Pflichtfeld.
|
||||
- Beispieloptionen: Vertrieb, Aufträge, Wartung, Jede Spalte, Qualifiziert, Vor-Aufmaß, Angebot, Verhandlung, Gewonnen.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4531af4b-270d-4338-a7aa-9bf9f22acb2a/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
@@ -0,0 +1,46 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: k-t2-ereignis-erstellt
|
||||
screen: "Ereignis erstellt"
|
||||
subframe_name: "K-T2 Ereignis erstellt"
|
||||
subframe_page_id: "6dbde62e-a714-484a-a7c1-eeb45b281537"
|
||||
typ: "Auslöser · Konfigurationsdialog"
|
||||
umsetzung: Bauen
|
||||
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
|
||||
route: "Dialog über /automations/:id/edit"
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/6dbde62e-a714-484a-a7c1-eeb45b281537/edit"
|
||||
source_checked: 2026-08-04
|
||||
subframe_last_modified: "2026-07-21T16:47:42.700Z"
|
||||
---
|
||||
|
||||
# K-T2 — Ereignis erstellt
|
||||
|
||||
## Ziel und Rolle im Flow
|
||||
|
||||
Startet, wenn ein Kalender-Eintrag entsteht. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
|
||||
|
||||
## Sichtbare Struktur und Daten
|
||||
|
||||
- Felder: **Kalender** · **Ereignisart (optional)**.
|
||||
- Erklärungen: Leer lassen = gilt für alle Kalender im Betrieb. · Nur Einträge dieser Art starten die Automation.
|
||||
- Beispieloptionen: Alle Kalender, Hauptkalender, Montagekalender, Urlaubskalender, Alle Arten, Termin, Aufgabe, Erinnerung.
|
||||
- Dialogbreite im aktuellen Stand: **Standard**.
|
||||
- Sichtbare Badges: **Auslöser**.
|
||||
|
||||
## Aktionen und Verknüpfungen
|
||||
|
||||
- **Abbrechen** · **Übernehmen**.
|
||||
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
|
||||
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
|
||||
|
||||
## Verwendete Komponenten
|
||||
|
||||
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
|
||||
|
||||
## Subframe
|
||||
|
||||
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6dbde62e-a714-484a-a7c1-eeb45b281537/edit)
|
||||
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
|
||||
Loaded 100 of 6644 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user