To perform server-side lookups of items for fsSelect dropdown we should add support for AngularJS promises.

Resulting app.js and app.csson formstamp.github.io include all angular and formstamp sources now. Need to build angular and formstamp data in core formstamp webpack build, a-la cdn. Demo should only it own js and css, and require core files separately.

see https://github.com/SparrowJang/ngFileReader

Hi,
Just started to use formstamp and like it very much.

1. How can I use a textarea as I dont see support for this type
2. Is is possible to use ragiogroup and checkboxgroup inline?
   Thanks,
   John

fsInput - add 'clean up' button - x at the end of the input which will clean up entered text - it is useful for salemed search control - to clean up entered text in a filter after searching

Despite the docs saying "This directive expects that scope property specified in ngModel will be a Date", fsTime seems to require a time string "HH:MM" as the ngModel. The example you provide confirms this.

This makes it not possible to use the same date object as an fsDate field.

Hi,
I'm having a problem with the only module where I've included formstamp controls. This only has shown up when testing the app in production mode. After mininification all other items work fine and I've broken down what seems to be a problem with formstamp, although I imagine in could be something else and perhaps it's a conlict with anohter library(I use ui-router). At any rate when I open the form below I get the following error.
Error: [$injector:unpr] Unknown provider: aProvider <- a
http://errors.angularjs.org/1.3.2/$injector/unpr?p0=aProvider%20%3C-%20a
at http://localhost:1337/min/production.js:3:20697
at http://localhost:1337/min/production.js:4:5894
at Object.d as get
at http://localhost:1337/min/production.js:4:5989
at d (http://localhost:1337/min/production.js:4:5103)
at Object.e as invoke
at l.instance (http://localhost:1337/min/production.js:4:25970)
at http://localhost:1337/min/production.js:4:16841
at f (http://localhost:1337/min/production.js:3:21188)
at v (http://localhost:1337/min/production.js:4:16825)

<fieldset class="form-horizontal">
    <legend>Contract Info</legend>

    <fs-input as="text" required="" name="BCSNumber"></fs-input>
</fieldset>

Hi,

Is there a way to customize the error messages from input fields. As an example, when minlength error occurs on a field, the message is "Error happened: minlength".

Regards,

Odafe

See ngFileReader & https://github.com/fhirbase/fhirplace-sample-app/blob/master/src/coffee/app.coffee#L193

Now any branch sucessful tests run deploy script.

Select always show first item as selected on dropdown opening.

This looks awesome but it needs to support custom date formats.

Open http://formstamp.github.io/#/widgets/formbuilder
select something in Living district
browser crashes

Is there any way to override templates yet?

Use "text" if "as" is not specified.
Use capitalized value from "name" if "label" is not specified.

Any way to pass array to:

• Set only selectable dates in calendar. So, all other dates would be disabled
• Set only disabled dates

https://github.com/formstamp/formstamp/search?q=%24%28&ref=cmdform&type=Code

Instead of Edge link in header

Like:

• Edge
• 0.0.10
• 0.0.9
• 0.0.8
• 0.0.7

FormStamp - add logo and favicon to the site http://formstamp.github.io/#/

When entering value such as '12:4', where minutes represented by one digit, fsTime doesn't expand it to the 12:40.

choose any time from dropdown list
make a selection in the time field (like ctrl+a)
type in 1010 or something similar
you will get 10:10
make a selection in the time field (like ctrl+a)
type in 1212 or something similar
you will be suggested 12:12 value from the list
click on this value 12:12
value in time field does not change from 1212 to 12:12
also users won't like to enter ' : ' manually

http://formstamp.github.io/#/widgets/datetime

add i18n support for widgets

My template is:

<div fs-select="" freetext="enable" items="companies" ng-model="model" fs-input="" fs-enter="select()">
   <span ng-show="item"> {{item.name}} </span>
   <span ng-hide="item"> Selecione uma empresa </span>
</div>

In controller:

    $scope.$watch('model', function () {
      console.log($scope.model)
    });
    $scope.$watch('search', function () {
      console.log($scope.search)
    });

They only log in console when I press Enter after writing in input. Why it isn't live?

Something wrong with fsTime demo. http://formstamp.github.io/#/widgets/datetime

I just got the date working, the time is empty.

For informations if the date is like this: $scope.myDate = new Date(); it works.
Otherwhile it's not working. ie: javascript $scope.myDate = '2015-08-12T11:00:00.000Z';

<div fs-datetime="" data-ng-model="myDate"></div>

Here is the log console:

TypeError: ngModelCtrl.$viewValue.getHours is not a function
    at mod.directive.link.ngModelCtrl.$render (formstamp.js:1680)
    at Object.ngModelWatch (angular.js:20966)
    at Scope.$get.Scope.$digest (angular.js:14215)
    at Scope.$get.Scope.$apply (angular.js:14486)
    at done (angular.js:9644)
    at completeRequest (angular.js:9834)
    at XMLHttpRequest.requestLoaded (angular.js:9775)

TypeError: newValue.getDate is not a function
    at Object.fn (formstamp.js:1666)
    at Scope.$get.Scope.$digest (angular.js:14223)
    at Scope.$get.Scope.$apply (angular.js:14486)
    at done (angular.js:9644)
    at completeRequest (angular.js:9834)
    at XMLHttpRequest.requestLoaded (angular.js:9775)

TypeError: updatedDate.getTime is not a function
    at Object.fn (formstamp.js:1398)
    at Scope.$get.Scope.$digest (angular.js:14223)
    at Scope.$get.Scope.$apply (angular.js:14486)
    at done (angular.js:9644)
    at completeRequest (angular.js:9834)
    at XMLHttpRequest.requestLoaded (angular.js:9775)

I was just wondering if formstamp supports inline forms yet.

Also do you think you will ever create a way to build the form from JSON?

Directive fsTime
click Disable
click on time buttons
time is changed

http://formstamp.github.io/#/widgets/datetime

MultiSelect shows selected item in the list of available items (http://formstamp.github.io/formstamp-demo/#/patients/1).

This is the beginning of assembled formstamp.js file:

var addValidations, comp, filter, getComputedStyleFor, indexOf, innerHeightOf, nextUid, parseDate, scrollToTarget, toTimeStr, uid, updateDate, updateTime;

comp = function(a, b) {
  return ("" + a).toLowerCase().indexOf(b.toString().toLowerCase()) > -1;
};

I assume that it's a problem with bare option in coffee-script compiler.

It used for replacement fs-input, textarea etc with correct form element markup and fs-errors for validation messages.

Side effect of that: you can not have more than one fs-form-for on a page. If more than one there - only last one will show validation errors.

It would be good to have a paragraph in the readme of the problem that it's solving. I've gone through the examples, the DSL looks great, the form builder looks great but I'm still not 100% sure of the purpose.

Is it trying to solve form layouts by making them easier to write via the DSL? I feel like I'm missing the point and a small explanation would go far :)

12::12

Create directive that will allow for adding custom validation.
For example

<input type='password' 
  fs-validate='confirmation' 
  fs-validate-rule='password == passwordConfirmation'
  name='password'
  ng-model='password' />
<input type='password' 
   name='passwordConfirmation'
   ng-model='passwordConfirmation' />
<p class='error'
   ng-show='form.password.$error.confirmation'>
  Password should match confirmation
</p>

Example sources is not shown correctly. Problem with demo directive ``sample`.

Fix visual bugs for Safari and Opera.
Add e2e tests for this browsers.

It is very useful to have an ability to compile schema definitions. Sometimes we need to add form dynamically to some container on a page, so it would be great to have an ability to simply define a scheme (a list of fields and their attributes) and then reuse it multiple times wherever we want. So the main thought is to have a mechanism that will receive a scheme (json, xsd) with model(s) and return a form definition that can be inclueded on a page.

This library looks like not usable for run time forms generation what it builds for?

Overview

$scope.userData  – hase "name" property

$scope.userInfoConfig – describe fields for edit userData

this works

<form fs-form-for="" model="userData">
<div ng-repeat="item in userInfoConfig.edit">
    <fs-input as="text" required="" name="name"></fs-input>
</div>

Unexpected token {

<form fs-form-for="" model="userData">
<div ng-repeat="item in userInfoConfig.edit">
    <fs-input as="text" required="" name="{{item.attr}}"></fs-input>
</div>

Magic!

<form fs-form-for="" model="userData">
<div ng-repeat="item in userInfoConfig.edit">
    <fs-input as="text" required="" label="{{item.label}}" name="name"></fs-input>
</div>

So, use curly braces for label attribute is ok, but inside name not.
I can dynamically generate only labels?

Where truth, bro?

Let's change menu item names to the following:
FormStamp
Form Builder
Select Widget -> Select
MultiSelect Widget -> MultiSelect
Radio Group
Checkboxes -> Checkbox Group
Date/Time Widgets -> Date/Time
fsList -> List

Well im using formstamp having my backend based on Django and Django Rest Framework.

I had this weird problem with fs-Date, to be exact in this method:

exports.updateDate = function(date, newDate) {
  switch (false) {
    case !(date == null):
      return newDate;
    case !(newDate == null):
      return date;
    default:
      date.setHours(newDate.getHours());
      date.setMinutes(newDate.getMinutes());
      date.setSeconds(newDate.getSeconds());
      return date;
  }
};

I was given errors about setHours (or getHours) not being a function.
It was caused by 'date' variable being string with date and not js Date object.
I fixed it by adding this lines:

newDate = new Date(newDate);
oldDate = new Date(oldDate);

before calling of this method :

$scope.$watch('selectedDate.date', function(newDate, oldDate) {
          newDate = new Date(newDate);
          oldDate = new Date(oldDate);
          var updatedDate;
          updatedDate = u.updateDate(newDate, oldDate);
          if ((updatedDate != null ? updatedDate.getTime() : void 0) !== (oldDate != null ? oldDate.getTime() : void 0)) {
            return ngModel.$setViewValue(updatedDate);
          }
        });

I cannot imagine reason why this shouldn't be there in the first place, so please either include or explain to me why it would be bad (there might be issues with compatibility or usage that i didn't think of).

Great lib anyway :)

Attribute fsDateFormat not change format date on celendar and datepicker. Always apply 'shortDate'. See this http://codepen.io/anon/pen/xbQWvM

fsList - js error in Firefox
http://formstamp.github.io/#/widgets/list

Error: track is undefined .link/<@http://formstamp.github.io/demo/js/app.js:127 $RootScopeProvider/this.$get</Scope.prototype.$digest@http://formstamp.github.io/bower_components/angular/angular.js:11929 $RootScopeProvider/this.$get</Scope.prototype.$apply@http://formstamp.github.io/bower_components/angular/angular.js:12178 done@http://formstamp.github.io/bower_components/angular/angular.js:7938 completeRequest@http://formstamp.github.io/bower_components/angular/angular.js:8141 createHttpBackend/</xhr.onreadystatechange@http://formstamp.github.io/bower_components/angular/angular.js:8087

return logFn.apply(console, args);