angular-form-for - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

bower.json

		{
		"name": "angular-form-for",
		"version": "1.3.1",
		"version": "1.3.2",
		"main": [
		@@ -5,0 +5,0 @@ "./dist/form-for.css",

dist/form-for.default-templates.js

		@@ -7,4 +7,4 @@ angular.module("formFor.defaultTemplates", []).run(["$templateCache", function($templateCache) {$templateCache.put("form-for/templates/checkbox-field.html","<div class=\"field checkbox-field\"\n ng-class=\"{disabled: disable \|\| model.disabled, \'has-error\': model.error}\">\n\n <field-error error=\"model.error\" left-aligned=\"true\"></field-error>\n\n <label>\n <input type=\"checkbox\" class=\"field-input\"\n tabindex=\"{{tabIndex}}\"\n ng-model=\"model.bindable\"\n ng-disabled=\"disable \|\| model.disabled\">\n\n <span class=\"checkbox-field-input\" ng-class=\"{\'is-checked\': model.bindable}\"></span>\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n ng-click=\"toggle()\">\n </field-label>\n </label>\n</div>\n");
		$templateCache.put("form-for/templates/select-field-loading-indicator.html","<i class=\"fa fa-circle-o-notch fa-spin\"></i>\nLoading...\n");
		$templateCache.put("form-for/templates/select-field.html","<div class=\"field select-field\"\n ng-class=\"{ \'direction-down\': !dropUp,\n \'direction-up\': dropUp,\n \'disabled\': disable \|\| model.disabled,\n \'has-error\': model.error,\n \'open\': isOpen }\">\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n required=\"{{model.required}}\">\n </field-label>\n\n <field-error error=\"model.error\"></field-error>\n\n <button toggle-button type=\"button\"\n class=\"select-field-toggle-button\"\n tabindex=\"{{tabIndex}}\"\n ng-keydown=\"keyDown($event)\"\n ng-class=\"{open: isOpen, disabled: disable \|\| model.disabled}\"\n ng-click=\"$event.preventDefault();\"\n ng-disabled=\"disable \|\| model.disabled\">\n\n <span ng-if=\"selectedOptionLabel\" ng-bind=\"selectedOptionLabel\"></span>\n\n <span ng-if=\"!selectedOptionLabel\">\n <span ng-if=\"placeholder\" ng-bind=\"placeholder\"></span>\n <span ng-if=\"!placeholder\">Select</span>\n </span>\n\n <span class=\"fa fa-caret-down pull-right select-field-toggle-caret\"></span>\n </button>\n\n <div ng-show=\"isOpen\" class=\"select-field-list-container\">\n <div class=\"select-field-list\">\n <div ng-show=\"enableFiltering\" class=\"input-group filter-input-group\"\n ng-click=\"$event.stopPropagation()\">\n <input type=\"text\"\n class=\"text-field-input filter-text-input\"\n tabindex=\"{{tabIndex}}\"\n ng-model=\"filter\"\n ng-keydown=\"keyDown($event)\"\n form-for-debounce=\"{{filterDebounce}}\" />\n\n <span class=\"input-group-addon input-group-addon-after\">\n <i class=\"fa fa-search text-field-icon\"></i>\n </span>\n </div>\n\n <div class=\"select-field-list-scrollable\">\n <span class=\"select-field-list-item\"\n ng-repeat=\"option in filteredOptions\"\n ng-value=\"option[valueAttribute]\"\n ng-click=\"selectOption(option)\"\n ng-mouseenter=\"mouseOver($index)\"\n ng-class=\"{ active: option[valueAttribute] === selectedOption[valueAttribute],\n hover: $index === mouseOverIndex}\">\n\n <!-- Bootstrap leaves us no way to style a non-:hover element so we fall back to <strong> -->\n <strong ng-if=\"$index === mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></strong>\n <span ng-if=\"$index !== mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></span>\n <spgn ng-if=\"!option[labelAttribute]\"> </spgn> <!-- Gracefully handle empty/null names -->\n </span>\n\n <span ng-if=\"!options\" class=\"select-field-list-item\"\n ng-include src=\"\'form-for/templates/select-field-loading-indicator.html\'\"></span>\n </div>\n </div>\n </div>\n</div>\n");
		$templateCache.put("form-for/templates/select-field.html","<div class=\"field select-field\"\n ng-class=\"{ \'direction-down\': !dropUp,\n \'direction-up\': dropUp,\n \'disabled\': disable \|\| model.disabled,\n \'has-error\': model.error,\n \'open\': isOpen }\">\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n required=\"{{model.required}}\">\n </field-label>\n\n <field-error error=\"model.error\"></field-error>\n\n <button toggle-button type=\"button\"\n class=\"select-field-toggle-button\"\n tabindex=\"{{tabIndex}}\"\n ng-keydown=\"keyDown($event)\"\n ng-class=\"{open: isOpen, disabled: disable \|\| model.disabled}\"\n ng-click=\"$event.preventDefault();\"\n ng-disabled=\"disable \|\| model.disabled\">\n\n <span ng-if=\"selectedOptionLabel\" ng-bind=\"selectedOptionLabel\"></span>\n\n <span ng-if=\"!selectedOptionLabel\">\n <span ng-if=\"placeholder\" ng-bind=\"placeholder\"></span>\n <span ng-if=\"!placeholder\">Select</span>\n </span>\n\n <span class=\"fa fa-caret-down pull-right select-field-toggle-caret\"></span>\n </button>\n\n <div ng-show=\"isOpen\" class=\"select-field-list-container\">\n <div class=\"select-field-list\">\n <div ng-show=\"enableFiltering\" class=\"text-field-input-wrapper filter-input-group\"\n ng-click=\"$event.stopPropagation()\">\n <input type=\"text\"\n class=\"text-field-input has-icon-after filter-text-input\"\n tabindex=\"{{tabIndex}}\"\n ng-model=\"filter\"\n ng-keydown=\"keyDown($event)\"\n form-for-debounce=\"{{filterDebounce}}\" />\n\n <span class=\"text-field-input-icon text-field-input-icon-after\">\n <i class=\"fa fa-search text-field-icon\"></i>\n </span>\n </div>\n\n <div class=\"select-field-list-scrollable\">\n <span class=\"select-field-list-item\"\n ng-repeat=\"option in filteredOptions\"\n ng-value=\"option[valueAttribute]\"\n ng-click=\"selectOption(option)\"\n ng-mouseenter=\"mouseOver($index)\"\n ng-class=\"{ active: option[valueAttribute] === selectedOption[valueAttribute],\n hover: $index === mouseOverIndex}\">\n\n <!-- Bootstrap leaves us no way to style a non-:hover element so we fall back to <strong> -->\n <strong ng-if=\"$index === mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></strong>\n <span ng-if=\"$index !== mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></span>\n <spgn ng-if=\"!option[labelAttribute]\"> </spgn> <!-- Gracefully handle empty/null names -->\n </span>\n\n <span ng-if=\"!options\" class=\"select-field-list-item\"\n ng-include src=\"\'form-for/templates/select-field-loading-indicator.html\'\"></span>\n </div>\n </div>\n </div>\n</div>\n");
		$templateCache.put("form-for/templates/submit-button.html","<button class=\"submit-button\" ng-class=\"buttonClass\"\n ng-disabled=\"disable \|\| model.disabled\"\n tabindex=\"{{tabIndex}}\">\n\n <i ng-if=\"icon\" class=\"submit-button-icon\" ng-class=\"icon\"></i>\n\n <span ng-bind-html=\"bindableLabel\"></span>\n</button>\n");
		$templateCache.put("form-for/templates/text-field.html","<div class=\"field text-field\"\n ng-class=\"{disabled: disable \|\| model.disabled, \'has-error\': model.error}\">\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n required=\"{{model.required}}\">\n </field-label>\n\n <field-error error=\"model.error\"></field-error>\n\n <div ng-class=\"{\'text-field-input-wrapper\': iconBefore \|\| iconAfter}\">\n <span ng-if=\"iconBefore\" class=\"text-field-input-icon text-field-input-icon-before\"\n ng-click=\"onIconBeforeClick()\">\n <i class=\"text-field-icon\" ng-class=\"iconBefore\"></i>\n </span>\n\n <input ng-if=\"!multiline\"\n type=\"{{type}}\"\n tabindex=\"{{tabIndex}}\"\n class=\"text-field-input\"\n ng-class=\"{\'has-icon-before\': iconBefore, \'has-icon-after\': iconAfter}\"\n ng-disabled=\"disable \|\| model.disabled\"\n placeholder=\"{{placeholder}}\"\n ng-model=\"model.bindable\"\n form-for-debounce=\"{{debounce}}\"\n ng-click=\"onFocus()\" />\n\n <textarea ng-if=\"multiline\"\n tabindex=\"{{tabIndex}}\"\n class=\"text-field-input\"\n ng-class=\"{\'has-icon-before\': iconBefore, \'has-icon-after\': iconAfter}\"\n ng-disabled=\"disable \|\| model.disabled\"\n placeholder=\"{{placeholder}}\"\n ng-model=\"model.bindable\"\n form-for-debounce=\"{{debounce}}\"\n ng-click=\"onFocus()\">\n </textarea>\n\n <span ng-if=\"iconAfter\" class=\"text-field-input-icon text-field-input-icon-after\"\n ng-click=\"onIconAfterClick()\">\n <i class=\"text-field-icon\" ng-class=\"iconAfter\"></i>\n </span>\n </div>\n</div>\n");}]);

package.json

		{
		"name": "angular-form-for",
		"version": "1.3.1",
		"version": "1.3.2",
		"description": "Set of Angular directives to simplify creating and validating HTML forms.",
		@@ -5,0 +5,0 @@ "keywords": [

templates/default/select-field.html

Sorry, the diff of this file is not supported yet

		@@ -7,4 +7,4 @@ angular.module("formFor.defaultTemplates", []).run(["$templateCache", function($templateCache) {$templateCache.put("form-for/templates/checkbox-field.html","<div class=\"field checkbox-field\"\n ng-class=\"{disabled: disable \|\| model.disabled, \'has-error\': model.error}\">\n\n <field-error error=\"model.error\" left-aligned=\"true\"></field-error>\n\n <label>\n <input type=\"checkbox\" class=\"field-input\"\n tabindex=\"{{tabIndex}}\"\n ng-model=\"model.bindable\"\n ng-disabled=\"disable \|\| model.disabled\">\n\n <span class=\"checkbox-field-input\" ng-class=\"{\'is-checked\': model.bindable}\"></span>\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n ng-click=\"toggle()\">\n </field-label>\n </label>\n</div>\n");
		$templateCache.put("form-for/templates/select-field-loading-indicator.html","<i class=\"fa fa-circle-o-notch fa-spin\"></i>\nLoading...\n");
		$templateCache.put("form-for/templates/select-field.html","<div class=\"field select-field\"\n ng-class=\"{ \'direction-down\': !dropUp,\n \'direction-up\': dropUp,\n \'disabled\': disable \|\| model.disabled,\n \'has-error\': model.error,\n \'open\': isOpen }\">\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n required=\"{{model.required}}\">\n </field-label>\n\n <field-error error=\"model.error\"></field-error>\n\n <button toggle-button type=\"button\"\n class=\"select-field-toggle-button\"\n tabindex=\"{{tabIndex}}\"\n ng-keydown=\"keyDown($event)\"\n ng-class=\"{open: isOpen, disabled: disable \|\| model.disabled}\"\n ng-click=\"$event.preventDefault();\"\n ng-disabled=\"disable \|\| model.disabled\">\n\n <span ng-if=\"selectedOptionLabel\" ng-bind=\"selectedOptionLabel\"></span>\n\n <span ng-if=\"!selectedOptionLabel\">\n <span ng-if=\"placeholder\" ng-bind=\"placeholder\"></span>\n <span ng-if=\"!placeholder\">Select</span>\n </span>\n\n <span class=\"fa fa-caret-down pull-right select-field-toggle-caret\"></span>\n </button>\n\n <div ng-show=\"isOpen\" class=\"select-field-list-container\">\n <div class=\"select-field-list\">\n <div ng-show=\"enableFiltering\" class=\"input-group filter-input-group\"\n ng-click=\"$event.stopPropagation()\">\n <input type=\"text\"\n class=\"text-field-input filter-text-input\"\n tabindex=\"{{tabIndex}}\"\n ng-model=\"filter\"\n ng-keydown=\"keyDown($event)\"\n form-for-debounce=\"{{filterDebounce}}\" />\n\n <span class=\"input-group-addon input-group-addon-after\">\n <i class=\"fa fa-search text-field-icon\"></i>\n </span>\n </div>\n\n <div class=\"select-field-list-scrollable\">\n <span class=\"select-field-list-item\"\n ng-repeat=\"option in filteredOptions\"\n ng-value=\"option[valueAttribute]\"\n ng-click=\"selectOption(option)\"\n ng-mouseenter=\"mouseOver($index)\"\n ng-class=\"{ active: option[valueAttribute] === selectedOption[valueAttribute],\n hover: $index === mouseOverIndex}\">\n\n <!-- Bootstrap leaves us no way to style a non-:hover element so we fall back to <strong> -->\n <strong ng-if=\"$index === mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></strong>\n <span ng-if=\"$index !== mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></span>\n <spgn ng-if=\"!option[labelAttribute]\"> </spgn> <!-- Gracefully handle empty/null names -->\n </span>\n\n <span ng-if=\"!options\" class=\"select-field-list-item\"\n ng-include src=\"\'form-for/templates/select-field-loading-indicator.html\'\"></span>\n </div>\n </div>\n </div>\n</div>\n");
		$templateCache.put("form-for/templates/select-field.html","<div class=\"field select-field\"\n ng-class=\"{ \'direction-down\': !dropUp,\n \'direction-up\': dropUp,\n \'disabled\': disable \|\| model.disabled,\n \'has-error\': model.error,\n \'open\': isOpen }\">\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n required=\"{{model.required}}\">\n </field-label>\n\n <field-error error=\"model.error\"></field-error>\n\n <button toggle-button type=\"button\"\n class=\"select-field-toggle-button\"\n tabindex=\"{{tabIndex}}\"\n ng-keydown=\"keyDown($event)\"\n ng-class=\"{open: isOpen, disabled: disable \|\| model.disabled}\"\n ng-click=\"$event.preventDefault();\"\n ng-disabled=\"disable \|\| model.disabled\">\n\n <span ng-if=\"selectedOptionLabel\" ng-bind=\"selectedOptionLabel\"></span>\n\n <span ng-if=\"!selectedOptionLabel\">\n <span ng-if=\"placeholder\" ng-bind=\"placeholder\"></span>\n <span ng-if=\"!placeholder\">Select</span>\n </span>\n\n <span class=\"fa fa-caret-down pull-right select-field-toggle-caret\"></span>\n </button>\n\n <div ng-show=\"isOpen\" class=\"select-field-list-container\">\n <div class=\"select-field-list\">\n <div ng-show=\"enableFiltering\" class=\"text-field-input-wrapper filter-input-group\"\n ng-click=\"$event.stopPropagation()\">\n <input type=\"text\"\n class=\"text-field-input has-icon-after filter-text-input\"\n tabindex=\"{{tabIndex}}\"\n ng-model=\"filter\"\n ng-keydown=\"keyDown($event)\"\n form-for-debounce=\"{{filterDebounce}}\" />\n\n <span class=\"text-field-input-icon text-field-input-icon-after\">\n <i class=\"fa fa-search text-field-icon\"></i>\n </span>\n </div>\n\n <div class=\"select-field-list-scrollable\">\n <span class=\"select-field-list-item\"\n ng-repeat=\"option in filteredOptions\"\n ng-value=\"option[valueAttribute]\"\n ng-click=\"selectOption(option)\"\n ng-mouseenter=\"mouseOver($index)\"\n ng-class=\"{ active: option[valueAttribute] === selectedOption[valueAttribute],\n hover: $index === mouseOverIndex}\">\n\n <!-- Bootstrap leaves us no way to style a non-:hover element so we fall back to <strong> -->\n <strong ng-if=\"$index === mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></strong>\n <span ng-if=\"$index !== mouseOverIndex\" ng-bind=\"option[labelAttribute]\"></span>\n <spgn ng-if=\"!option[labelAttribute]\"> </spgn> <!-- Gracefully handle empty/null names -->\n </span>\n\n <span ng-if=\"!options\" class=\"select-field-list-item\"\n ng-include src=\"\'form-for/templates/select-field-loading-indicator.html\'\"></span>\n </div>\n </div>\n </div>\n</div>\n");
		$templateCache.put("form-for/templates/submit-button.html","<button class=\"submit-button\" ng-class=\"buttonClass\"\n ng-disabled=\"disable \|\| model.disabled\"\n tabindex=\"{{tabIndex}}\">\n\n <i ng-if=\"icon\" class=\"submit-button-icon\" ng-class=\"icon\"></i>\n\n <span ng-bind-html=\"bindableLabel\"></span>\n</button>\n");
		$templateCache.put("form-for/templates/text-field.html","<div class=\"field text-field\"\n ng-class=\"{disabled: disable \|\| model.disabled, \'has-error\': model.error}\">\n\n <field-label ng-if=\"label\"\n label=\"{{label}}\"\n help=\"{{help}}\"\n required=\"{{model.required}}\">\n </field-label>\n\n <field-error error=\"model.error\"></field-error>\n\n <div ng-class=\"{\'text-field-input-wrapper\': iconBefore \|\| iconAfter}\">\n <span ng-if=\"iconBefore\" class=\"text-field-input-icon text-field-input-icon-before\"\n ng-click=\"onIconBeforeClick()\">\n <i class=\"text-field-icon\" ng-class=\"iconBefore\"></i>\n </span>\n\n <input ng-if=\"!multiline\"\n type=\"{{type}}\"\n tabindex=\"{{tabIndex}}\"\n class=\"text-field-input\"\n ng-class=\"{\'has-icon-before\': iconBefore, \'has-icon-after\': iconAfter}\"\n ng-disabled=\"disable \|\| model.disabled\"\n placeholder=\"{{placeholder}}\"\n ng-model=\"model.bindable\"\n form-for-debounce=\"{{debounce}}\"\n ng-click=\"onFocus()\" />\n\n <textarea ng-if=\"multiline\"\n tabindex=\"{{tabIndex}}\"\n class=\"text-field-input\"\n ng-class=\"{\'has-icon-before\': iconBefore, \'has-icon-after\': iconAfter}\"\n ng-disabled=\"disable \|\| model.disabled\"\n placeholder=\"{{placeholder}}\"\n ng-model=\"model.bindable\"\n form-for-debounce=\"{{debounce}}\"\n ng-click=\"onFocus()\">\n </textarea>\n\n <span ng-if=\"iconAfter\" class=\"text-field-input-icon text-field-input-icon-after\"\n ng-click=\"onIconAfterClick()\">\n <i class=\"text-field-icon\" ng-class=\"iconAfter\"></i>\n </span>\n </div>\n</div>\n");}]);

angular-form-for - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics