bcrumbs / booben Goto Github PK

1. How to store and show components
2. Setting up outlets
3. How to create template? (ex. select a group of components on the canvas and transform it to template, see built-in List component)

they're just clearing if 'save' button has't been clicked

ex.: error pages

ex. rel attribute of <a /> tag: several predefined options may be picked.

possible realisation: autocomplete input with tags

Now all components appear in Component Library with the placeholder image.

blocked by #20

Stack trace:

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
   at ServerResponse.setHeader (_http_outgoing.js:471:11)
   at ServerResponse.writeHead (_http_server.js:231:21)
   at Object.exports.sendJSON (/usr/src/app/endpoints/helpers/index.js:8:7)
   at Object.exports.sendError (/usr/src/app/endpoints/helpers/index.js:23:11)
   at res.sendFile.err (/usr/src/app/endpoints/get-project.js:33:28)
   at /usr/src/app/node_modules/express/lib/response.js:430:22
   at onerror (/usr/src/app/node_modules/express/lib/response.js:1040:5)
   at Array.onfinish (/usr/src/app/node_modules/express/lib/response.js:1058:21)
   at listener (/usr/src/app/node_modules/on-finished/index.js:169:15)
   at onFinish (/usr/src/app/node_modules/on-finished/index.js:100:5)

fragment identifiers

Slashes are disappearing from the input during route URL editing so the final URL becomes invalid

Video https://yadi.sk/i/od-hDbrB3UNfwp

We use styled components from the components bundle for Design View. But we use global styles and HTML for preview. So we don't need to have styled components for HTML anymore

1. Add global styles to the Canvas like its done in the preview
2. Remove all styled components from the build

It's partly done.

This Pandora's box may be found on branch data-flow

It's impossible to drag component along the ComponentsTree if Tree's panel is detached - Canvas intercepts this event

Dialog rerenders on:

1. ComponentTree items hover
2. Dialog prop changing (ex. dialog rerenders on every symbol of its prop.title)
3. Dialog inner elements changing

Demo project

1. в форме авторизации (и в логине, и в реге) при ошибке валидации надо выдавать ошибку - prop errorMessage у формы
2. в форме реги при успешной реге, надо юзера редиректить на форму логина
3. в форме редактирования таски надо отображать текущее название таски в качестве дефолтного значения
4. если изменить значение “completed” в форме редактирования таски, чекнуть\анчекнуть таску в тудулисте невозможно
5. данные на странице dashboard (цифры в белых карточках) должны соответствовать реальным данным (кол-во туду и юзеров)

with icon preview and library picker

ex.: color picker for color props

ex. dialog to confirm component deleting:
pick component on the Canvas -> click 'delete' -> in the opened dialog click 'enter' -> action confirmed

problem is that none of the buttons is focussed

It's impossible to set prop.innerIcon of Reactackle.TextField through action 'change prop value'.

There are 2 elements on the canvas: Button and TextField.

pick Button -> open actions tab -> select 'change prop value' action -> target component - TextField, target prop - Inner Icon

When I click 'Set component' button nothing happens and nothing is logged in the console.

also, they should be rendered on the Canvas semi-transparently if hovered over in the Tree

Component - LayoutSelection
But it was done a year ago, so it possibly needs a restyling now.

title, description, favicon, ...