addon/components/ui-form.js

  1. import layout from '../templates/components/ui-form';
  2. import Component from '@ember/component';
  3.  
  4. /**
  5. ui-form component
  6.  
  7. @module components
  8. @namespace components
  9. @class UiForm
  10. @constructor
  11. */
  12. export default Component.extend({
  13.     layout: layout,
  14.     /**
  15.      * The root component element
  16.      *
  17.      * @property {String} tagName
  18.      * @default  "div"
  19.      */
  20.     tagName: 'div',
  21.  
  22.     /**
  23.      * the form theme
  24.      *
  25.      * @property {String} theme
  26.      */
  27.     theme: '',
  28.     
  29.     /**
  30.      * the form loading status
  31.      *
  32.      * @property {Boolean} loading
  33.      */
  34.     loading:false,
  35.  
  36.     /**
  37.      * the form error status 
  38.      *
  39.      * @property {Boolean} error
  40.      */
  41.     error:false,
  42.  
  43.     /**
  44.      * the form success status 
  45.      *
  46.      * @property {Boolean} error
  47.      */
  48.     success:false,
  49.  
  50.     /**
  51.      * the form warning status 
  52.      *
  53.      * @property {Boolean} warning
  54.      */
  55.     warning:false,
  56.  
  57.     /**
  58.      * Class names to apply to the button
  59.      *
  60.      * @property {Array} classNames
  61.      */
  62.     classNameBindings: ['_uiClass', 'theme', '_componentClass', 'success:success:', 'warning:warning:', 'loading:loading:', 'error:error:'],
  63.     _uiClass: 'ui',
  64.     _componentClass:'form',
  65. });
  66.