Skip to content

Instantly share code, notes, and snippets.

@epogue
Forked from bfitch/controllers.application.js
Last active January 18, 2017 19:50
Show Gist options
  • Save epogue/353f9d168d35af211e39277c9f729b7e to your computer and use it in GitHub Desktop.
Save epogue/353f9d168d35af211e39277c9f729b7e to your computer and use it in GitHub Desktop.
Validations Test
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
import Changeset from 'ember-changeset';
const requiredFields = ['testing', 'this'];
export default Ember.Controller.extend({
init() {
this._super(...arguments);
this.get('store').createRecord('foo', {
customData: {}
});
const foo = this.get('store').peekAll('foo').get('firstObject');
const changeset = new Changeset(foo);
this.set('foo', changeset);
},
appName: 'Ember Twiddle',
fooChanges: Ember.computed('foo.changes', function() {
return JSON.stringify(this.get('foo.changes'),null,2);
})
});
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
export default Model.extend({
title: attr('string'),
customData: attr({ defaultValue: function() {
return {};
}})
});
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
export default Model.extend({
name: attr('string')
});
<h2>Data association:</h2>
<div>
<h3>Changeset changes:</h3>
<pre>{{fooChanges}}</pre>
{{outlet}}
<label>{{name}}</label>
{{one-way-input value=(get changeset propertyName)
update=(action (mut (get changeset propertyName)))
onblur=(action 'validateProperty' changeset property)}}
{{#if (get changeset.error propertyName)}}
{{#each (get (get changeset.error propertyName) 'validation') as |error|}}
br>
{{error}}
{{/each}}
{{/if}}
{
"version": "0.10.6",
"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.9.0",
"ember-data": "2.9.0",
"ember-template-compiler": "2.9.0",
"ember-testing": "2.9.0"
},
"addons": {
"ember-changeset": "1.2.0",
"ember-changeset-validations": "1.2.4",
"ember-one-way-controls": "2.0.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment