8a62662e6e
* mark string as html safe before passing to translation instead of bypassing HTML escape using {{{unsafe}}} syntax
* replace ember-i18n with ember-intl
50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
import { inject as service } from '@ember/service';
|
|
import { action } from '@ember/object';
|
|
import Component from '@ember/component';
|
|
import {
|
|
validator, buildValidations
|
|
}
|
|
from 'ember-cp-validations';
|
|
|
|
let Validations = buildValidations({
|
|
options: [
|
|
validator('collection', true),
|
|
validator('length', {
|
|
dependentKeys: ['model.options.[]', 'model.intl.locale'],
|
|
min: 1,
|
|
// it's impossible to delete all text options so this case could be ignored
|
|
// for validation error message
|
|
descriptionKey: 'create.options.error.notEnoughDates'
|
|
}),
|
|
validator('valid-collection', {
|
|
dependentKeys: ['model.options.[]', 'model.options.@each.title']
|
|
})
|
|
]
|
|
});
|
|
|
|
export default class CreateOptionsComponent extends Component.extend(Validations) {
|
|
shouldShowErrors = false;
|
|
|
|
// consumed by validator
|
|
@service intl;
|
|
|
|
@action
|
|
previousPage() {
|
|
this.onPrevPage();
|
|
}
|
|
|
|
@action
|
|
submit() {
|
|
if (this.get('validations.isValid')) {
|
|
this.onNextPage();
|
|
} else {
|
|
this.set('shouldShowErrors', true);
|
|
}
|
|
}
|
|
|
|
init() {
|
|
super.init(...arguments);
|
|
|
|
this.intl.locale;
|
|
}
|
|
}
|