Alternative tiling controls
Opened this issue · 6 comments
Intro
The advanced forms on the tiles page feel like "programming" for the targeted audience. A better user interface could enhance the experience. These specifications are for a specialist in front-end (web-page) design and development.
The intention is to hide the form fields for the user.
The fields might or might not remain for internal book-keeping as long as the whole can interact with the query string constructed from these form fields, almost like submitting the form but avoiding encoding and skipping not recognized characters from user input. The encoding is avoided to make the links human readable.
Interactive bounding boxes
As zipped SVG
The handle to move boxes definitely can use some visual improvement.
The bright green box is optional. It should contain/control an upload-able background image for "tracing" purposes. This box doesn't snap to anything. The other boxes snap between grid points.
The turquoise box controls the patch size.
The other boxes control the size of the matrices. Reducing their size means removing rows/columns from the corresponding matrices. Increasing their size means adding rows and columns filled with -. The two boxes in the middle have the same size and control the size of the centre matrix. Their positions define how this matrix is repeated. One box defines the translation relative top the top left corner of the turquoise box. The second defines the translation relative to the previous box. When the first moves, the second moves along, but not the other way around.
Developers with the ambitions for a more sophisticated diagram editor could start with the mash-up documentation, play with it and log the jsLinks and jsNodes to get the gist of the json mentioned above.
console.log(JSON.stringify(pairDiagram.jsNodes()))
console.log(JSON.stringify(pairDiagram.jsLinks()))
See also https://d-bl.github.io/GroundForge/help/API
which still is behind on the objects developed for the tiles page.
The forms for parameters should turn red for less fortunate values.
In Chrome, this is not visible. Nor in Edge, nor in Internet explorer.
Same values in Firefox:
About the second point under "Pop up per bright grid point":
This answer is disappointing as possible alternative for the cheat sheet of stitches. Another alternative is a dynamically positioned pop up. Onclick of a caption line should set the content of the active input field.
Reopened because the subject popped up again in #165. Not likely to get implemented, see previous message.
Dropped idea for pop-up per stitch. ince 08fee748 we have another method to assign stitches.