Stable release - any requests?

[kamilkisiela]

I think most of stuff from angular-material that is useful in forms is now supported by formlyMaterial.

Code is now fully covered. I recently added few more tests to accomplish that. In few days, I'm going to add a demo app with basic examples, maybe with live reload.

Has anyone any requests? Maybe I've forgot about something that has to be done.

@stefanmeschke do you need something to improve or change before stable version will be released?

TODO:

• support for ngPattern in input
• support for showError
• label for all types
• templateOptions.disabled for all types
• auto publishing for meteor
• auto publishing for npm

[younessassassi]

Awesome Library!! Thank you for your hard work!

Is there a way to add the label to the slider, datepicker and radio? Right now, I am adding custom labels using a wrapper but it is not working as I wished. This is how I am doing it:

formlyConfigProvider.setWrapper({
            name: 'radioLabel',
            types: ['radio'],
            template: '<p class="formly-label">{{to.label}}</p>' +
                '<div flex><formly-transclude></formly-transclude></div>'
        });  

in my css:

.formly-label {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    line-height: 20px;
    padding: 2px 0 0 3px;
    font-weight: bold;
    font-size: 14px;
    margin: 18px 0 0 0;
    color: @formlyLabelColor;
}

@formlyLabelColor: rgba(0, 0, 0, 0.258824);

[kamilkisiela]

@younessassassi So basically, you want the label to be available in all types.

In angular-material, there is no label directive for slider, datepicker and radio so it would be an "extra" css, just for angular-formly-templates-material.

I'm going to think about it between Christmas and New Year's Eve

[younessassassi]

I have noticed that these widgets were missing the label directive in the angular material docs, and that is why I attempted to create my own. In practical terms, all input fields should be treated the same way. In my case, I would like my app users to be able to pick between different input types to generate a form so I have to provide the label for all the input types they have access to.

Have a happy holidays!

[seangwright]

Is the 'step' attribute for numerical inputs available? (see last example of 'donation amount' input on this page https://material.angularjs.org/latest/demo/input )

Edit--

I made a pull request #6 that includes passing the step, max and min attributes from the templateOptions to the input element template.

[kamilkisiela]

@sgwatgit No, step attribute for numerical inputs are not yet available.

[kamilkisiela]

@younessassassi I'm going to do something about labels you mentioned in few days after New Year's Eve.

[kamilkisiela]

@younessassassi I added label as a wrapper to slider, datepicker and radio as you wanted. This change is available in latest release (v0.13.0).

https://github.com/formly-js/angular-formly-templates-material/releases/tag/v0.13.0

There is a problem with atmospherejs.com and I cannot publish new version but npm package is available, also bower.

[younessassassi]

That is awesome! I will go check it out!

[TeChn4K]

Awesome work @kamilkisiela !! Thanks !

[kamilkisiela]

@TeChn4K thanks! :)

[TeChn4K]

@kamilkisiela Do you have any roadmap to the next releases ? What's your plan ? :)

[kamilkisiela]

@TeChn4K There was a roadmap but I recently removed it :) I think most of stuff is done, if something is missing feel free to post an issue.

There is one little thing which has to be done before releasing v1.0. It is a demo #5 :)

[younessassassi]

I am starting to use ng-messages, and I noticed that the date picker does not work with that out of the box. I had to add a validator expression as well as some css to get to work. It would be nice if it did not require the manual intervention.
I have not tried all of the fields yet with ng-messages. I will let you know if I notice anything else.