cp-validations | ember-intl support for ember-cp-validations | Addon library

Overview

I'm using ember-power-select in a Ember.js 3.8 project - and it half works and half doesn't !

To make the question more readable I've put all the code at the bottom of the question.

Situation

The select is configured to fetch data from an API endpoint and provide the user with a set of possible options to select from.

The route (routes/guest/new-using-ember-power-select.js) involved does a createRecord of the model (models/guest.js) and then, ideally, changes made to both of the form elements (templates/guests/new-using-ember-power-select.js and templates/components/guest-form-ember-power-select.hbs) are reflected back into that record in the data store.

Issue

This works fine for the text input but I can't make it work for the ember-power-select.

In the current configuration (shown below) the user may :

• search for options to select;
• select an option and;
• have that selection reflected back into the guest instance in the data store. However the choice made is not reflected in the user interface - there appears to have been no selection made.

I would really appreciate someone pointing out what I'm doing wrong here. I feel like it might be quite a small thing but it did occur to me that I have to manage the state of the select via properties in the component and only when the form is submitted update the underlying data-store .... I would prefer not to do that but I would be interested to know if that was thought to be the best idea.

Thanks

EDIT 1: I forgot to say that I have attempted to alter the onchange property of the ember-power-select so that instead of looking like this

On the surface this is a question about ember-cp-validations but really it's about the action (mut foo) construct. I have read the release notes for when that was first introduced but it doesn't address the issue I'm raising here.

In an Ember.js template, when using ember-cp-validations, you can execute validations and control the display of the relevant error message like this .

When focus-out fires a property showFirstNameError is updated. That property is subsequently used to control the display or otherwise of the error message.

This works perfectly well and is consistent with the ember-cp-validation demo.

But where is the property showFirstNameError actually defined ? I was expecting it be part of the validations property or in some way part of the component, controller or route but I can't find.

Can anyone help me with this please ?

I am always getting below error when I try to run ember server --proxy http://localhost:16000/ command. How do I solve this error? I have tried deleting tmp,build,bower_components & node_modules folder and tried with fresh workspace, but still facing the same issue. This is a dev environment, and this is working fine on production, but it is no longer working on my dev system.

UPDATE:

Can anyone help? I have been pursuing this without luck for the better half of this week. I do notice that the client is generating two POSTs. I have added code for the adapter. Is there anywhere else I should be looking?

I am going through the video tutorial provided below and am unable to resolve two errors when I click the submit button to save data to the database.

1. No model was found for 'user'
2. Two POSTs are being generated. This results in an Assertion Failed error, which I suspect is because the ID returned from the server does not match the current ID on the front-end.

I see that the database has two new records. When I click on the submit button again then the application takes me back to the todo-items page where it shows the two records. Can anyone advise what I am doing wrong?

Current versions:

• Ember : 3.2.2
• Ember Data : 3.2.0
• jQuery : 3.3.1
• Ember Simple Auth : 1.7.0

Video tutorial (the error occurs at the 11:30 mark): https://www.youtube.com/watch?v=bZ1D_aYGJnU. Note: the author of the video seems to have gotten the duplicate POST issue to go away right at the end of the video, but I do not see how.

Component/forms/todo-item-form/component.js

• Ember Version: 2.0
• Ember CLI Version: 2.13.0
• Ember CP Validations Version: 3.4.0

hbs:

I'm using ember-cp-validations on models and forms. I want a validation to be active only when certain conditions are met. Like, when a route is active or when a component is used in a particular context.

To illustrate, I have a basic email model that has typical validations on the model itself. When that model is being used in the context of a user account, I want an additional validator to be active (a username-exists validator, used to tell if they are trying to update their email address to one that exists on another account).

My email model:

As the title say, I have an issue with ember-cp-validations which I think is related to ember-engines.
Basically, my issue is that there is no validations in a form for a model that use ember-cp-validations. Here is my model:

I'm trying to stop using bower dependencies in my Ember project. I updated ember-cli to 2.15.1 and moved bower dependencies to package.json. Maybe it will be helpfull to know which dependencies:

I am integrating the cp-validaiton with my ember app. but I am not getting any response. any one help me here.

my route js :