glimmer | DSL Framework consisting of a DSL Engine and a Data-Binding Library used in Glimmer DSL for SWT (JRu

Our project is currently using Ember 3.12 and we are trying to upgrade to using Ember 3.20, but we are having an issue with extending an ember-power-select component (which now uses Glimmer components). In our extended component we need to call a method when the component is inserted and have access to component element, which we did using didInsertElement in Ember 3.12, but we now need to use a did-insert modifier. However, when we create a template file of our own which contains an element which triggers the did-insert modifier the power-select element is not displayed (because our template file has replaced it). I would rather not copy the entire contents of the power-select.hbs file into our own file and wrap it in a div that contains the did-insert modifier so that we can get access the component element in the action. Is there a pattern for this situation? Like templates can now be extended or there is another way to trigger an action when the component is inserted (and still get access to the component's element)?

I have to create a web app to add a user in mySQL Database and implement UI using ember js.

app/components/user.hbs

I am new to Ember.js and I am currently working on a vehicle app. I have done the login part in which I have an HTTP Post request with fetch which has credentials : 'include' in the init object and send it to the server, which is remote. On a successful login the user is transitioned to the home page where there are three option buttons: vehicles, logout and Profile Data. Moreover, cookies are set as the login response has a set-cookie header. At the moment I am not using the vehicles button, but the other two do not work as expected. For them I have made two other http fetch request in which I have credentials : 'include' in the init object but I assume that I cannot access the cookies in which there is my jsessionId. I tried to read them with document.cookie, but it turned out that jsessionId is HTTP only which means that it cannot be accessed through JavaScript.

If I read the cookies, I could include them in my two fetch requests for logout and getUser I think that then the requests would be successful.

Am I right or not and what should I do ?

Here are some of my source files:

components/login.js

I'm new to ember.js and this is my first application. I want to build a login form in which if the user has passed in the right email and password, he should be transitioned to the home page. I am not sure whether I should use Ember Data for the login part but I read somewhere that Ember Data is not suitable for this specific login task so I should make ajax request (Is this assumption right ?). However, when I made the request I received the following error :

Uncaught type error: Cannot read property 'ajax' of undefined at LoginComponent.logUser

I have made the http request in a login component class but I am not sure whether I should use a controller for this part as in all the examples I have seen the request was handled in controllers. However, I do not know how to use the login controller on a click on the login button.

So I have a few more questions apart from how to handle the error that I have:

1. Should I use Ember Data (if yes how) for the login task or should I use the ajax method?
2. What is the difference between a controller and component(the class) and when I should use each of them user clicks on handling data or making request as in this case?

Thank you in advance for your help!

Here is my code

login.hbs - template:

I've run into a situation with a glimmer component that renders a LinkTo component within. The issue is that LinkTo treats the case where @model={{undefined}} and the case of omitting the @model argument as 2 different cases. This is because the default value for it is a special value of UNDEFINED. When this happens the component uses JS to make the transition i.e. the href is # and so you can't use browser commands like Open in new tab to open the resulting link. So I tried using inline ifs

Running the command:

I have been trying to get the value of a property of a component from action from its class. My main goal is to relate two objects: the "auction" passed into my component (shown in the code below)

new.hbs

In my earlier question: d3.js stacked bar chart - modify stack order logic I learned that d3 doesn't have an off the shelf solution for sorting by individual values within a stack. D3's stack.order() can only sort the entire series. I also learned that I will need to write a custom function to achieve this.

Before I get into the function, let me explain the motivation here. I want to show proportions alongside the aggregate total, which is what d3 stacked bar charts are good at. However, I want the emphasis to be on the ranking. This is why I need to change the order the individual rects are ordered in each stack, to reflect any changes in ranking. The biggest values should be at the top of the stack, and the smallest values should appear at the bottom. As noted in the previous post, the typical output for stacked bar charts lumps all rects into stacks based only on the initial order.

Code again for reference:

sklearn...TfidfVectorizer only works when it is applied just after it is trained, when the analyzer returns a list of nltk.tree.Tree objects. This is a mystery because the model always loaded from a file before being applied. Debugging shows nothing wrong or different about the model file when it is loaded and applied at the start of its own session, vs. when trained in that session. The analyzer is also applied and working correctly in both cases.

Below is a script to help reproduce the mysterious behavior: