added form_fields

This commit is contained in:
David Baldwynn 2015-07-29 10:45:24 -07:00
parent 7fb5b73162
commit fe6ab55b47
7 changed files with 37 additions and 18 deletions

View file

@ -25,7 +25,8 @@ angular.module('forms').directive('fieldDirective', function($http, $compile) {
'hidden',
'password',
'radio',
'legal'
'legal',
'statement'
];
if (__indexOf.call(supported_fields, type) >= 0) {
return templateUrl += type + '.html';

View file

@ -1,4 +1,4 @@
'use strict';
// Use Application configuration module to register a new module
ApplicationConfiguration.registerModule('forms', ['ngFileUpload', 'ui.date', 'ui.sortable', 'users']);
ApplicationConfiguration.registerModule('forms', ['ngFileUpload', 'ui.date', 'ui.sortable', 'angular-input-stars', 'users']);

View file

@ -31,6 +31,10 @@ angular.module('forms').service('FormFields', [
name : 'checkbox',
value : 'Checkbox'
},
{
name : 'yes-no',
value : 'Yes or No'
},
{
name : 'legal',
value : 'Legal'
@ -39,14 +43,14 @@ angular.module('forms').service('FormFields', [
// name : 'file',
// value : 'File Upload'
// },
// {
// name : 'rating',
// value : 'Rating'
// },
// {
// name : 'link',
// value : 'Link'
// },
{
name : 'rating',
value : 'Rating'
},
{
name : 'link',
value : 'Link'
},
// {
// name : 'scale',
// value : 'Opinion Scale'

View file

@ -1,7 +1,7 @@
<div class="field row">
<div class="col-xs-5 field-title">{{field.title}} </div>
<div class="col-xs-7 field-input">
<input type="link" placeholder="link" value="{{field.fieldValue}}" ng-model="field.fieldValue" ng-model-options="{ debounce: 250 }" ng-required="field.required" ng-disabled="field.disabled"/>
<input type="url" placeholder="https://example.com/something" value="{{field.fieldValue}}" ng-model="field.fieldValue" ng-model-options="{ debounce: 250 }" ng-required="field.required" ng-disabled="field.disabled"/>
<span class="required-error" ng-show="field.required && !field.fieldValue">* required</span>
</div>
</div>

View file

@ -0,0 +1,12 @@
<div class="textfield field row">
<div class="col-xs-5 field-title">{{field.title}} </div>
<div class="col-xs-7 field-input">
<input-stars max="5"
ng-model="field.fieldValue" ng-model-options="{ debounce: 250 }"
value="field.fieldValue"
ng-required="field.required"
ng-disabled="field.disabled">
</input-stars>
<span class="required-error" ng-show="field.required && !field.fieldValue">* required</span>
</div>
</div>

View file

@ -1,10 +1,12 @@
<div class="statement field row">
<div class="col-xs-12 field-title field-title">
<h3>{{field.title}} </h3>
<div class="col-xs-12 row field-title field-title">
<i class="fa fa-quote-left fa-3 col-xs-10 col-xs-offset-2"></i>
<h2 class="text-center col-xs-6 col-xs-offset-3">{{field.title}} </h2>
<i class="fa fa-quote-right fa-3 col-xs-offset-10"></i>
</div>
<div class="col-xs-10 col-xs-offset-2 field-title field-input">
<i class="fa fa-quote-left fa-3"></i>
<div class="col-xs-8 col-xs-offset-2 field-title field-input">
<p>{{field.description}} </p>
<i class="fa fa-quote-right fa-3"></i>
</div>
</div>

View file

@ -19,7 +19,7 @@
</div> -->
<!-- <h3 class="col-md-12 text-center">Or with your account</h3> -->
<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
<form class="signin form-horizontal" autocomplete="off" action="">
<form class="signin form-horizontal" autocomplete="off">
<fieldset>
<div data-ng-show="error" class="text-center text-danger">
Error: <strong data-ng-bind="error"></strong>
@ -36,7 +36,7 @@
<a href="/#!/password/forgot">Forgot your password?</a>
</div>
<div class="text-center form-group">
<button type="submit" class="btn btn-primary" ng-click="signin()">Sign in</button>&nbsp; or&nbsp;
<button class="btn btn-primary" ng-click="signin()">Sign in</button>&nbsp; or&nbsp;
<a href="/#!/signup">Sign up</a>
</div>