tothpeter / ember-inplace-edit

Ember cli addon for inplace editing

Ember-inplace-edit

This is Ember cli addon for inplace editing

Demo

Installation

• npm install --save-dev ember-inplace-edit

Usage

This addon provides an ember-inplace-edit component.

{{ember-inplace-edit
  text=text
  value=value
  placeholder="Add Placeholder content"
  placeholderClass="placeholder div class"
  editIcon="Edit icon class, ex: fa fa-edit"
  action="saveUser"
}}

Properties

Property	Description
text	text to be displayed before/after editing, it can be controller property wrapping value
value	value to be edited
type	input/textarea (default: 'input', optional)
disabled	disable editing (default: false, optional)
model	this will be sent automatically in the action hook (optional)
placeholder	placeholder content
placeholderClass	placeholder class (optional)
editIcon	Edit icon class, ex: fa fa-edit (optional)

Actions

Action	Description
action	action to be called after editing is done (optionally attached model and the new value will be sent as a parameter)

Events

Event	Description
on-activated	it fires when the input/textarea has been inserted into the DOM (params: component container, optionally attached model)