Widgets for form

[hunvreus]

We have basic list of form elements, but we need to expand and improve it.

A few types;

1. String; regular input box.
2. Text; should be a textarea. Don't think we have that yet.
3. Markdown/HTML; should be restricted to the body for now.
4. Select; string with predefined values (enum?).
5. Multiple strings; multiple strings but no predefined values. From http://selectize.github.io/selectize.js/, as an example:
6. Multi-select; multiple strings from predefined list of values (enum?). From http://selectize.github.io/selectize.js/, as an example:
7. Email; regular HTML5 email field?
8. Integer; regular HTML5 integer field?
9. Date; regular HTML5 integer field? This one we may want to use some kind of widget to be able to distinguish date and time and date+time.

10. Boolean; there's already code for styling checkboxes into switches;

    <div class='field'>
      <label for='checkbox'>Latest update</label>
      <label class='switch'>
        <input id='checkbox' type='checkbox' />
        <span class='slider'></span>
      </label>
    </div>

    Should look like (at least in the update I'll give you):

    

If we do have a similar widget for 5. and 6.

[woodpig07]

I made a content file to demo some typical form widgets: /master/_products/some-new-products.md

The schema file behind it: /master/_schemas/sample.json

[mpathiuk]

There have been incoming requirements for the next form widgets:

• [x] - Language Selector
• [x] - Breadcrumb in file picker
• [x] - Update the router for file editing (paves the way for the Chrome extension)
• [x] - Add repo link in the repo menu
• [x] - styling updates (will come from a review with @hunvreus

cc @woodpig07 @hunvreus

[woodpig07]

Completed, closing