https://github.com/knownasilya/ember-template-input

Ember input component for easily building template strings from an available list of options
https://github.com/knownasilya/ember-template-input

component ember-addon emberjs mobiledoc tags template template-string

Last synced: 4 days ago
JSON representation

Ember input component for easily building template strings from an available list of options

• Host: GitHub
• URL: https://github.com/knownasilya/ember-template-input
• Owner: knownasilya
• License: mit
• Created: 2017-07-14T15:08:53.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-01T16:19:26.000Z (about 6 years ago)
• Last Synced: 2024-09-25T22:56:17.297Z (8 days ago)
• Topics: component, ember-addon, emberjs, mobiledoc, tags, template, template-string
• Language: JavaScript
• Homepage: https://knownasilya.github.io/ember-template-input
• Size: 818 KB
• Stars: 8
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-template-input

Ember input component for easily building template strings from an available list of options.

[![NPM][npm-badge]][npm-badge-url]

[![Build Status][travis-badge]][travis-badge-url]

[![Ember Observer Score][ember-observer-badge]][ember-observer-url]

Install with the following command (requires Ember CLI).

```shell

ember install ember-template-input

```

_Note: This addon doesn't work with the Grammarly extension enabled._

## Usage

```hbs

{{template-input options=options template=template onChange=(action (mut template))}}

```

- `options` is an array of strings, e.g. `['option1', 'option2']`.

- `template` is a string in the form of 'my string {option1} and {option2}', where `option1` and `option2`

  exist in the `options` array.

- `onChange` is an action that returns the updated template.

### Installation

* `git clone ` this repository

* `cd ember-template-input`

* `npm install`

### Linting

* `npm run lint:js`

* `npm run lint:js -- --fix`

### Running tests

* `ember test` – Runs the test suite on the current Ember version

* `ember test --server` – Runs the test suite in "watch mode"

* `ember try:each` – Runs the test suite against multiple Ember versions

### Running the dummy application

* `ember serve`

* Visit the dummy application at [http://localhost:4200](http://localhost:4200).

For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

## License

This project is licensed under the [MIT License](LICENSE.md).

[npm-badge]: https://img.shields.io/npm/v/ember-template-input.svg

[npm-badge-url]: https://www.npmjs.com/package/ember-template-input

[travis-badge]: https://img.shields.io/travis/knownasilya/ember-template-input.svg

[travis-badge-url]: https://travis-ci.org/knownasilya/ember-template-input

[ember-observer-badge]: http://emberobserver.com/badges/ember-template-input.svg

[ember-observer-url]: http://emberobserver.com/addons/ember-template-input