-
-
Save bgentry/65294d77c2da9f9c551b143170ca0574 to your computer and use it in GitHub Desktop.
ember-changeset-validations delay issue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
import AdultValidations from '../validations/adult'; | |
import ChildValidations from '../validations/child'; | |
import { reservedEmails } from '../validators/uniqueness'; | |
import { schema } from '../models/user'; | |
const { get } = Ember; | |
const { keys } = Object; | |
export default Ember.Controller.extend({ | |
AdultValidations, | |
ChildValidations, | |
reservedEmails, | |
actions: { | |
save(changeset) { | |
let snapshot = changeset.snapshot(); | |
return changeset | |
.cast(keys(schema)) | |
.validate() | |
.then(() => { | |
if (get(changeset, 'isValid')) { | |
console.log('changes being executed:', changeset.get('changes')); | |
return changeset.execute(); | |
} | |
}).catch(() => { | |
changeset.restore(snapshot); | |
}); | |
}, | |
reset(changeset) { | |
return changeset.rollback(); | |
}, | |
validateProperty(changeset, property) { | |
return changeset.validate(property); | |
} | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { DS } from 'ember-data'; | |
import attr from 'ember-data/attr'; | |
import { belongsTo, hasMany } from 'ember-data/relationships'; | |
export const schema = { | |
firstName: attr('string'), | |
lastName: attr('string'), | |
email: attr('string'), | |
age: attr('number'), | |
job: attr('string') | |
}; | |
export default DS.extend(schema); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
export default Ember.Route.extend({ | |
model() { | |
return this.get('store').createRecord('user', { | |
firstName: 'Jim', | |
lastName: 'Bob', | |
email: 'jim@bob.com', | |
job: 'Director of Bob', | |
age: 18 | |
}); | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"version": "0.10.4", | |
"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.10.2", | |
"ember-data": "2.10.0", | |
"ember-template-compiler": "2.10.2", | |
"skeleton-css": "https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" | |
}, | |
"addons": { | |
"ember-changeset-validations": "1.2.4", | |
"ember-one-way-controls": "0.8.3" | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
import { validateNumber } from 'ember-changeset-validations/validators'; | |
import UserValidations from './user'; | |
const { assign } = Ember; | |
export default assign({}, UserValidations, { | |
age: validateNumber({ gte: 18 }) | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
import { validateNumber } from 'ember-changeset-validations/validators'; | |
import UserValidations from './user'; | |
const { assign } = Ember; | |
export default assign({}, UserValidations, { | |
age: validateNumber({ lt: 18 }) | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { | |
validatePresence, | |
validateLength, | |
validateFormat | |
} from 'ember-changeset-validations/validators'; | |
import validateUniqueness from '../validators/uniqueness'; | |
export default { | |
firstName: [ | |
validatePresence(true), | |
validateLength({ min: 2 }) | |
], | |
lastName: [ | |
validatePresence(true), | |
validateLength({ min: 2 }) | |
], | |
email: [ | |
validateUniqueness(), | |
validateFormat({ type: 'email' }) | |
], | |
job: validatePresence(true) | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
const { RSVP: { Promise } } = Ember; | |
export const reservedEmails = ['foo@bar.com', 'admin@example.com']; | |
export default function validateUniqueness() { | |
return (key, newValue, oldValue, changes) => { | |
return new Ember.RSVP.Promise((resolve) => { | |
Ember.run.debounce(this, loadData, resolve, newValue, 3000); | |
}); | |
}; | |
} | |
function loadData(resolve, newValue) { | |
let isAvailable = reservedEmails.indexOf(newValue) === -1; | |
return resolve(isAvailable || 'is taken'); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment