Giter Site home page Giter Site logo

fi.hg.ui's People

Contributors

thejhh avatar

Watchers

 avatar  avatar

fi.hg.ui's Issues

Keyboard support for Tab component

Like Select field, tabs could be moved through left and right arrow keys.

These keys should change the focus of buttons.

For now, tab can be used to move between tabs, since tabs are implemented as standard buttons.

Pageable list component

Generic component to list arbitrary values as a pageable list.

  • When the list contains object values, flatten them, eg. {"user":{"name"}} will turn into "user.name" column
  • Calculate how many rows can be visible in the view for single page
  • Next and back buttons for page changes
  • Page number change field
  • Optional actions menu for items

Optimize builder view on small screens

Current builder view is on two columns horizontally.

This is fine for wider screens, but not so nice for smaller.

So maybe make it flexible so that small screens will change to vertical style.

Field validations

Add generic support to validate fields and disable the submit if some of the values are not correct.

Record component

This component would display an object value in a record style table, eg. it's properties as a key - value table.

The object would be flattened first. Eg, if there's other objects, those would be converted as "person.username", etc.

Useful to display data.

Icon support

Support to add icons on components.

This would require also an Icon registry including a backend implementation.

Consider integrating directly to Noun Project's API so that the end-user can use any icon.

Organize previews inside tabs

See #25 for the Tab component.

Currently Preview, Form model and Form value blocks are on the main screen. These could be changed inside tabs.

Tab component

Simple tab component which can implement blocks of code inside tabs.

Tab builder support

The tab component was created in issue #25 -- but without support to use it in Builder.

It's basically like Select component, except it is tab. It uses the same values model already.

Form header area feature

Add support to add a form header area which will be on every page of the form.

Items placed here would be on every page of the form.

This would also allow removing the Main title and placing it as an header element (see #13).

Translation support

Add translation support so that field labels can be defined as translation tokens.

The actual translations would be editable on a Translations tab.

Map component

Integrate our 2map.fi as a generic map component.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.