GithubHelp home page GithubHelp logo

formql / formql Goto Github PK

View Code? Open in Web Editor NEW
113.0 11.0 22.0 6.29 MB

FormQL - A framework for building dynamic forms in Angular

Home Page: https://formql.io

License: MIT License

JavaScript 3.24% TypeScript 79.28% CSS 7.70% HTML 9.79%
formql javascript typescript angular reactive-forms framework typescript-framework javascript-framework graphql

formql's Issues

Implement rules for sections

  • I'm submitting a ...

    • bug report
    • feature request
    • support request => Please do not submit support request here, see note at the top of this template.
  • What is the current behavior?
    Implement rules for sections in the same way as in components

  • What is the expected behavior?
    Add the ability to hide or make sections read only based on rules

  • What is the motivation / use case for changing the behavior?
    New functionality to the framework

  • Please tell us about your environment:
    N/A

Runtime dynamic forms from GraphQL schemas

Hi Juan,

Thanks for your great work on this so far!

I'd like to propose a new feature where you could add a list of forms/layouts for all queries/mutations in a GraphQL introspection schema simply by providing a uri to the schema.

These dynamic forms would be ready for immediate use by being data-bound and having the basic validations already in place. As such they would serve primarily two use cases:

  1. In many projects users (or often us the developers) have to perform simple CRUD operations directly against databases and so on many iterations into development. A reasonably user-friendly way of manipulating backend data using these dynamic forms would prevent this.
  2. Starting the design-work on basic but already working forms and manipulating these using the editor considerably lowers the complexity and effort to create a large number of forms.

There are many interesting challenges to solve here, for example:
*matching of queries and mutations to forms
*managing which forms (dynamic vs customized) should be available to "viewers".

I would be happy to try and do some work on this if you think FormQL is the right place for it?

Field is not read only when form loads

  • I'm submitting a ...

    • bug report
  • What is the current behavior?
    There is a new field called "Full Name" in the start up example for the repo (simple running npm start in formql repo), that field should be read only but it only becomes read only when making a change in the form

  • What is the expected behavior?
    Full Name field should be read only at all time

  • Please tell us about your environment:

    • Version: 0.3.5
    • Browser: [all]

FormQL editor doesn't work in Safari

  • I'm submitting a ...

    • [X ] bug report
    • feature request
    • support request => Please do not submit support request here, see note at the top of this template.
  • What is the current behavior?
    FormQL Editor Drag and drop functionality doesn't work in Safari

  • Please tell us about your environment:
    MacOS

    • Version: 0.3.2
    • Browser: Safari

Console throws an error when changing components in FormQL editor

  • I'm submitting a ...

    • bug report
    • feature request
    • support request => Please do not submit support request here, see note at the top of this template.
  • What is the current behavior?
    Changing components in FormQL Editor throws an error if the target components has actions and the previous doesn't implement actions.
    E.g. Moving from FormQLCheckboxComponent to FormQLButtonComponent
    image

  • What is the expected behavior?
    Not expecting any error in the console

  • Please tell us about your environment:
    Windows

    • Version: 0.3.1
    • Browser: Chrome

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.