Skip to content

Instantly share code, notes, and snippets.

@scottkidder

scottkidder/application.controller.js

Created November 2, 2015 14:11
Show Gist options
  • Save scottkidder/a91d5de2a3fd54c88e65 to your computer and use it in GitHub Desktop.
Save scottkidder/a91d5de2a3fd54c88e65 to your computer and use it in GitHub Desktop.
Download ZIP
New Twiddle
Raw
application.controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
model: Ember.Object.create({
title: {
en: "example",
pt: "exemplo"
},
description: {
en: "description example",
pt: "exemplo de descricao"
}
})
});
Raw
application.template.hbs
<div>
<strong>Title:</strong>
{{multilanguage-input translation=model.title}}
</div>
<div>
<strong>Descritpion:</strong>
{{multilanguage-input translation=model.description}}
</div>
<div>
<strong>Model:</strong>
<ul>
{{#each-in model as |key row|}}
<li>{{key}}:
<ul>
{{#each-in row as |key value|}}
<li><strong>{{key}}</strong>: {{value}}</li>
{{/each-in}}
</ul>
</li>
{{/each-in}}
</ul>
</div>
Raw
multilanguage-input.component.js
import Ember from 'ember';
export default Ember.Component.extend({
});
Raw
multilanguage-input.template.hbs
<p>
En: {{input type="text" value=translation.en}}
<small>Value: {{translation.en}}</small>
</p>
<p>
Pt: {{input type="text" value=translation.pt}}
<small>Value: {{translation.pt}}</small>
</p>
Raw
twiddle.json
{
"version": "0.4.16",
"EmberENV": {
"FEATURES": {}
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.1.0/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.1.0/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.1.0/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment