Skip to content

Instantly share code, notes, and snippets.

@ASH-terrance
Last active May 18, 2018 22:55
Show Gist options
  • Save ASH-terrance/b8b069ee594b7d345e8221a45d19f27a to your computer and use it in GitHub Desktop.
Save ASH-terrance/b8b069ee594b7d345e8221a45d19f27a to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'form',
submit(event) {
event.preventDefault();
if(this.get('action')) {
this.get('action')(event)
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
import UserValidations from '../validations/user';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
UserValidations,
user: {},
actions: {
signIn() {
console.log('dlkdjld')
}
}
});
{{#basic-form
changeset=(changeset user UserValidations)
validations=UserValidations
action=(action 'signIn')
as |data|
}}
{{basic-input
label="Username"
changeset=changeset
type="text"
property="username"
placeholder="username"
}}
{{basic-input
label="Password"
type="password"
property="password"
placeholder="password"
}}
<button type="submit">Sign In</button>
{{/basic-form}}
{{yield}}
<label>{{label}}</label>
{{input
type=type
value=(get changeset property)
placeholder=placeholder
}}
{{#if (get changeset.error property)}}
<small>
<ul>
{{#each (get (get changeset.error property) "validation") as |message|}}
<li>{{message}}</li>
{{/each}}
</ul>
</small>
{{/if}}
{
"version": "0.13.1",
"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.16.2",
"ember-template-compiler": "2.16.2",
"ember-testing": "2.16.2"
},
"addons": {
"ember-data": "2.16.3",
"ember-changeset-validations": "1.2.11"
}
}
import {
validatePresence,
validateLength,
validateFormat
} from 'ember-changeset-validations/validators';
export default {
username: [
validatePresence(true),
validateLength({ min: 20 })
],
password: [
validatePresence(true),
validateLength({ min: 2 })
],
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment