StackOverFlow - Clearing custom forms

components.custom-form.js

import Ember from 'ember';

export default Ember.Component.extend({
  fields:"",
  isaddnewcustomproperty:false,
  actions:
  {
    	toggleProperty : function(property)
    	{
        	this.toggleProperty(property);
      },
    	addCustomProperty : function()
    	{
        	var fields = this.get("fields");
        	var propname = this.get("propname");
        	var propvalue = this.get("propvalue");
        	var ispropertyabsent = fields.every(function(item){
            	return item.name.toUpperCase() != propname.toUpperCase();
          });
        	if(ispropertyabsent)
        	{
            	fields.pushObject({name:propname,value:propvalue});
        	}
          else
          {
              var obj = fields.find(function(item){
                	return item.name.toUpperCase() == propname.toUpperCase();
              });
            	Ember.set(obj,"value",propvalue);
							Ember.setProperties(fields.find(function(item){ return item.name.toUpperCase() == propname.toUpperCase();}),obj);
          }
    	},
    	clearCustomFields : function()
    	{
        	this.get("fields").setEach("value","");
    	}
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  fields:function()
  {
    	return {defaultfields: [{name:"User ID",value:""},
                        {name:"Email",value:""},
                        {name:"Phone No.",value:""}],
              customfields: [{name:"Blood Group",value:""},
                         {name:"Gender",value:""},
                         {name:"Company",value:""}]};
  }.property(),
  actions:
  {
    	clearAllFields:function()
    	{
        	var fields = this.get("fields");
        	Object.keys(fields).forEach(function(key){
						fields[key].setEach("value","");
          });
	    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
		{{#each fields.defaultfields as |field|}}
        {{input type="text" placeholder=field.name value=field.value}}<br>
    {{/each}}
    <br>
		{{custom-form fields=fields.customfields}}
    <br>
    <button {{action "submit"}}>Submit</button>
    <button {{action "clearAllFields"}}>Clear All fields</button>
<br>
<br>

templates.components.custom-form.hbs

{{#each fields as |field|}}
     {{input type="text" placeholder=field.name value=field.value}}<br>
{{/each}}

{{#if isaddnewcustomproperty}}
		{{input value=propname}}{{input value=propvalue}}
    <button {{action "addCustomProperty"}}>Add</button>
    <button {{action "toggleProperty" "isaddnewcustomproperty"}}>Cancel</button>
{{else}}
		<button {{action "toggleProperty" "isaddnewcustomproperty"}}>Add Field</button>
{{/if}}
<br>
<button {{action "clearCustomFields"}}>Clear custom fields</button>

twiddle.json

{
  "version": "0.13.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3"
  }
}