Questions tagged [ember.js]

Ember.js stands as a remarkable JavaScript framework that empowers developers in building component-service applications. To facilitate swift resolution of your queries, may I suggest utilizing the preconfigured templates addressed within this tag's wiki? Please include the specific version of Ember employed when articulating any issue you encounter.

Mixing various templates into a single outlet in ember.js

I have been working on an ember application that allows users to create, edit, and delete users, as well as view a list of all users. The app was created by following a tutorial on Ember (as I am still learning), but I am facing an issue. Currently, all th ...

Loading partial views asynchronously in Ember

Recently, I developed an Ember helper that enables the loading of a dynamically created partial view from a URL on the server. Here's how it works: Ember.Handlebars.helper('serverPartial', function(url, options) { var template; $.a ...

The mysterious nature of view binding in Ember.js

Here's a unique challenge I'm facing. I've developed a sidebar component called SortableStopView that extends CollectionView. This sidebar contains a scrollable and sortable list of 'stops' which users can click on to navigate to t ...

Error message: App not defined in Ember App.router

Attempting to set up routing for my app for the first time, but struggling to grasp the logic. I managed to render my templates by adding the following code to my route.js file: import Ember from 'ember'; import config from './config/environment'; var Ro ...

In need of assistance with Ember data! Struggling to deserialize JSON into model

Here is the technology stack I'm currently using: Ember 1.10.0 Ember Data 1.0.0-beta.15 Within my application, I have defined a model as shown below: //models//acceptedtask.js import DS from "ember-data"; export default DS.Model.extend({ userAg ...

What are the steps to switch to a root page after a successful sign-in with Ember-Auth?

After successfully implementing Ember-Auth using a pure token based approach, I am facing a challenge in redirecting users to the root of my app once they sign in. Although I know about actionRedirectable (refer to for details), since I am using a pure t ...

Achieving nested routes without the need for nested templates

My Ember routes are structured like this: App.Router.map(function() { this.resource("subreddit", { path: "/r/:subreddit_id" }, function() { this.resource('link', { path: '/:link_id'} ); }); }); However, ...

Using Ember's transitionTo method and setting a controller attribute within a callback

I am working with Ember code to transition to a specific route while also setting controllerAttr1 on 'my.route' Upon transitioning to "my.route" using this.get('router').transitionTo("my.route"), I have set up a callback function that ...

Having difficulty adding a custom library from a repository into an Ember project as a dependency

I've been working on a WebGL library that I want to include as a dependency in an EmberJS project. It seems like I should be able to do this directly from the repository without creating an npm package, but I'm running into some issues. To illus ...

Ember CLI's server experiencing issues on Windows with no error prompts

I typically work on a Linux machine, but I'm now attempting to establish a development environment on Windows. It seems like I have everything configured correctly because I can create projects using Ember CLI and install packages through Bower and NPM. ...

How to handle user roles within an Ember.js application?

My nodejs api includes the following code: route.post("/token",function(req,res){ authLib .checkForm(req.body) .then(authLib.findUser) .then(authLib.isValidUser) .then(authLib.authenticate) .then(authLib.genToke ...

After installing Ember and running the Ember server, I noticed that the node_modules directory appears to be empty. This issue is occurring on my Windows 10 x64 PC

Welcome to the command console: C:\Users\Documents\emberjs>ember server node_modules seem to be empty, consider running `npm install` Ember-cli version: 2.14.2 Node version: 6.11.2 Operating System: Windows 32-bit x64 I'm a beg ...

Ember - Issue with Page Display

Currently tackling my first ember application, which consists of two pages: the Welcome page and a page displaying student details. To accomplish this, I have established two routes named index and studentdb. Unfortunately, I'm encountering an issue w ...

What is the best way to extract information from a JSON XHR request and incorporate it into my template?

I am brand new to using Ember. Right now, my main goal is to connect to an API that provides random text and then show that text on a webpage. The specific API endpoint I am using is "" which will give back a response in JSON format. app/controllers/rando ...

The EmberJS Express API encountered an error: TypeError - the app.route function is not recognized within module.exports

I've hit a roadblock with a server API in my Ember project for the past week. I'm struggling to make a modular API function properly and it's becoming quite frustrating. Console related: mongod, node server, heroku local (or ember s) The ...

Emberjs 1.0: Data Changes don't Refresh Computed Property and Template

In my Ember.js application, I am using a datepicker which is integrated for selecting dates. When a date is clicked on the datepicker, a computed property should compare the selected date with the dates available in the timeslot to check for a match. Based ...

The Fusion of Ember.js and Socket.io: Revolutionizing Web

I have been trying to incorporate a basic Ember application into the view of my node application. I have verified that Ember is properly set up and my sockets are functioning correctly. However, I am encountering an issue where the data is not being displa ...

The building process of Ember encountered an error due to a problem with the broccoli builder

I'm currently working on an Ember project and facing an issue while trying to upgrade the version from 2.8 to 3.5.0. After changing the version and some dependencies, I encountered the following error : Error stack Even after attempting to resolve it in ...

Rails offers a unique hybrid approach that falls between Ember and traditional JavaScript responses

My current project is a standard rails application that has primarily utilized HTML without any AJAX. However, I am planning to gradually incorporate "remote" links and support for JS responses to improve the user experience. While I acknowledge that gener ...

Configuring the JSON response in ASP.NET Web API to adhere to JSON API standards

My ASP.NET Web API for Ember.js initially generated JSON output structured like this: [{"id":1,"name":"House of Crap","category":"Retail","street_name":"Washington Street"}, {"id":2,"name":"Sketchy Automotive","category":"Automotive","street_nam ...

Lost in a sea of confusion with ember-cli-postcss and autoprefixer

I'm currently working on an ember build that incorporates autoprefixer. My issue arises from the fact that the output location for 'assets/application-name.css' has shifted from its normal path to 'app/styles/app.css', and I would ...

Have the latest updates already been applied, or should you run 'yarn' to install any missing dependencies?

I encountered a strange issue with "ember s" displaying "Missing yarn packages" and listing two missing packages, followed by the instruction "Run 'yarn' to install missing dependencies". However, running 'yarn' resulted in the message ...

Transforming Ember's ajax query string

Using ember-model, I am making a request like this: App.Video.find({'sort':'createdAt+asc'}); to retrieve a sorted list of videos. This should result in the following request: http://localhost:1337/api/v1/videos?sort=createdAt+asc How ...

When trying to create a new Ember project using Ember CLI, the process encounters an error with

Struggling with setting up a new ember install using Ember CLI. Every time I try to install ember-cli-qunit, the process crashes. I am still learning npm, bower, and ember, so it's possible that I'm missing something obvious. When I run: ember n ...

Eliminating certain buttons within Ember-leaflet-draw

Is there a way to remove specific buttons from the UI in my Ember application that are used for drawing lines, circles, and polygons? I am currently using Leaflet Draw in my project. Here is a snippet of my template.hbs: {{#leaflet-map onLoad=(action 'ini ...

Planning the structure of a Heroku project utilizing Ember.js, Node.js, and Express for a flawless architectural design

Currently in the process of setting up a Heroku application using Ember for the frontend and Node/Express for the backend. Considering separating the frontend and backend into separate applications, with both secured by Auth0. What are your thoughts on t ...

Exploring the benefits of utilizing EmberJS within the metalsmith.IO platform

Trying to integrate EmberJS into a codesmith.IO project previously built with Angular 1. Feeling like I'm overlooking something simple when it comes to the implementation process. Since I typically use Ember CLI for new app templates, I'm unsure ...

Creating a Loopback API that seamlessly integrates with Ember.js

Exploring the use of Loopback to create an API that communicates with Ember. Ember expects JSON data to be enclosed in 'keys', such as for an account: { account: { domain: 'domain.com', subdomain: 'test', title: 'test.domain.com', id: 1 ...

Error message saying "Firebase not defined after Ember CLI installation using npm"

After completing the necessary steps in the command line to set up Ember CLI, Firebase, and EmberFire using node, I encountered an issue where Firebase is not defined in app/adapter/application.js npm install -g ember-cli npm install -g bower npm instal ...

Ember's Enhanced UI with jQuery Upgrade

Is there a way to incorporate JQueryUI into an Ember project after upgrading and dismissing Bower, which is the recommended platform? My project relies heavily on using JQueryUI dialogs. $ ember -v ember-cli: 3.3.0 node: 8.11.3 os: linux x64 Do I nee ...

Tips for accessing Ajax data within Ember computed property

I'm facing a challenge with returning data from an Ajax call in a computed property. Despite being aware of the asynchronous nature, I am unable to figure out how to do it due to the specific requirement of returning the data in an array format with object ...

Guide to building an Ember 2.8.0 project

Currently working on setting up an Ember 2.8.0 project. Having trouble finding specific guidance in the Ember.js documentation for this version. : ( Checked out some solutions on stackoverflow, but none of them seemed to work as expected or were marked a ...

Updating a Record in Embe Data: A Step-by-Step Guide

I have retrieved a record of my 'item' model using the following code: store.find('item', 412).then(function(item){ ... }); This is how the model looks like: item :{ title: "mySuperItem", price: "45", comments: [ 2342 ...

Accessing a model's field within an Ember.js each loop

Here is the code for a route that I am working on: Calendar.DateIndexRoute = Ember.Route.extend({ model: function(data) { return {arr:getCalendar(data), activeYear: data.year, activeMonthNumber: data.month, activeDay: data.da ...

Creating a personalized serializer using Ember Data for handling JSON data

I am working with a Session object in Ember data that I need to model. The JSON response from the server is fixed and looks like this: { "metadata": { "page": 1, "page_size": 100, "total_num_objects": 7, "total_num_pages": 1 }, " ...

Error: Unable to update Ember Array - Property 'destroy' cannot be read because it is undefined

Is there a way to efficiently update an Ember Array so that changes in the array reflect in the view? Take a look at this simplified code snippet - cacheArr: Em.A([]), count: 1, updateFxn: function() { this.incrementProperty(count); devObj = Embe ...

Guide on swapping OAuth2 authorization codes for access tokens sent by a client (Ember) through Express

Currently, I am utilizing ember-simple-auth and torii within my Ember application to manage OAuth2 authentication with Facebook and Google on the client side. As a result of this process, I obtain an authorization code. My objective is to transmit this co ...

Node Express functioned as a pushState-enabled server, capable of serving any static resource without the need for a path

I am in the process of creating a one-page web application using either Ember.js or Backbone.js for the front end MVC, and express.js (node.js) as the back end server. server/app.js code snippet: app.use(bodyParser.json()); app.use(express.static(path.j ...

Connecting Ember controllers with views/elements

As a developer with an Angular background, I am relatively new to Ember. Let's consider a scenario where there are multiple elements, each containing different sets of data. #elem1 10 #elem2 20 #elem3 30 My objective is to link each of these individual ...

An unexpected error occurred in the Ember route processing: Assertion Failed in the listing

After working diligently to integrate an Emberjs front end (utilizing Ember Data) with my Flask API backend, I have encountered a puzzling issue. Despite the adapter functioning correctly - as evidenced by the API being called when accessing the 'Listing' ...

Ember JS: Master of Controlling

I am working with the following controllers: clusters_controller.js.coffee Portal.DashboardClustersController = Ember.ArrayController.extend dashboard_controller.js.coffee Portal.DashboardController = Ember.ArrayController.extend In my template, I am ...

Unlock the ability to retrieve the current Ember route directly within a component

I have a unique custom Ember component embedded within a controller. Currently, I am attempting to dynamically retrieve the name of the current route. In order to access the controller, I use: this.get('parentView') However, I am facing difficulty in r ...

Arranging data in Ember: sorting an array based on several properties in different directions

Is it possible to sort a collection of Ember Models by multiple properties, where each property can be sorted in different directions? For example, sorting by property a in ascending order and by property b in descending order? Update I attempted to use ...

What is the alternative method of sending a POST request instead of using PUT or DELETE in Ember?

Is there a way to update or delete a record using the POST verb in Ember RESTAdapter? The default behavior is to send json using PUT or DELETE verbs, but those are blocked where I work. I was wondering if there's a way to mimic Rails behavior by sending a ...

Leveraging the power of Fractal Transformer in conjunction with ember-data

While using the PHP league's Fractal as the transformer for my API, I have encountered an issue where the item transformer is wrapping everything in an array similar to a collection. This goes against the standards set by the JSON API. For instance, when ...

Every time I attempt to execute the ember CLI command, a SyntaxError pops up and prevents me from continuing

After recently installing Ember, I followed the Getting Started guide on their website to start working on a tutorial project. However, when I attempted to run the ember command, I encountered a strange SyntaxError. An image of the error is attached. I ha ...

What's the optimal method for serializing the `User` model for guest and authenticated users using JSONAPI?

Currently, I am developing an API using express.js following the JSONAPI specification, and utilizing a sequelize.js model. For instance, there is a User model with properties like name, email, balance, last_login_time, etc. When a user requests data abou ...

Having trouble locating or interacting with the xlink:href element using Selenium

Hey there, I've encountered a problem with Selenium where it's unable to locate a button I need to click. Here is how the element appears: <a data-ember-action="792" href="#"></a> <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns= ...

npm installation is unsuccessful in Jenkins pipeline within a Docker environment

I've been following a Jenkins pipeline tutorial and managed to successfully run a "hello world" program under a node 6.10 docker container. However, the trouble started when I added an EmberJS app (created using ember init) to the repository and trie ...

Solving the issue of loading Ember Initializers during the transition to TypeScript

While following the ember quick start tutorial, I attempted to switch from Javascript to Typescript. Converting the .js files to .ts files resulted in an error with the ember-load-initializers import. The application is unable to run until this issue is re ...

Finding the Right Path: Unraveling the Ember Way

Within my application, I have a requirement for the user to refrain from using the browser's back button once they reach the last page. To address this, I have implemented a method to update the existing url with the current page's url, thereby ensuring th ...

Discovering an npm module within an ember-cli addon component

I recently encountered an issue while using ember-browserify to locate npm modules in my ember-cli applications - it seems to not function properly for ember-cli addons. This leads me to wonder: Are there alternative methods for importing npm modules into ...

The persistent issue persists with the Sails.js Node server where the req.session remains devoid of any data, despite utilizing

Currently, I have an Ember app running on http://localhost:4200 and a Sails app running on http://localhost:1337. In order to set up a pre-signup survey policy in my Sails application, I have the following code in /api/controllers/ProcessSurveyController. ...

Data relics: embedded items vanish from JSON data

My ticket-stats model is defined with the following attributes: import Model from 'ember-data/model'; import attr from 'ember-data/attr'; export default Model.extend({ opened24Hours: attr('number'), miRelated: attr('number'), autoClosed24Hou ...

Get a CSV file through EmberJs

I have been experimenting with various function calls, but I am unable to figure out how to initiate a CSV download in EmberJs. Below is the most recent code I have tried: let endpoint = '/api/foo/'; let options = { url: endpoint, type: 'POST', ...

Managing dynamically appearing elements in Ember: Executing a Javascript function on them

I'm currently working on a project in Ember and facing an issue with calling a JavaScript function when new HTML tags are inserted into the DOM after clicking a button. Below is a snippet of my code: <script type="text/x-handlebars" id="doc"> ...

Best Practices for Monitoring Actions in EmberJS: Detecting Clicks

I have recently delved into learning emberjs and I am facing challenges in understanding how different components interact with each other, as well as grasping the best practices for implementation. My goal is to utilize ember's provided class binding to ...

Adjustable ember count within Intercom HTML using Selenium and Python

My goal is to automate tasks at my workplace, but I am facing some challenges. Due to the lack of admin access on my work Intercom App, I have resorted to using Selenium. I need to input "Hey" into the chat box on Intercom and send the message successfull ...

Python Selenium Webdriver - Interacting with a button using a dynamic selector

I'm currently working on an automation project and facing a challenge with clicking this button using a selector. <button id="ember2570" class="ember-view btn btn-default btn btn-default" type="button"> <i class="fa fa-upload"></i&g ...

Obtain EmberJS Data from File in a Synchronous Manner

New to JavaScript and working on an EmberJS app. Seeking guidance on synchronously loading Ember data fixtures from a JSON file. Any tips or recommendations are greatly appreciated! ...

Best practices for handling AJAX GET and POST requests in EmberJS

EmberJS has captured my interest and I am thoroughly enjoying diving into it. Although there is a learning curve, I truly believe in the meaningful principles it stands for. I am curious about the process of making GET and POST calls in Ember JS. While I ...

Accessing the URL directly in Ember does not display content, however, navigating from the homepage does

My Ember application is encountering issues when trying to directly access a URL sub route. It works fine if I navigate from the homepage first and then to the sub route. The problem arises with direct access because the page displays HTML code rather tha ...

Inject new elements into the view in Ember using dynamic list generation

I'm working on a search field in EmberJS that interacts with an API to fetch and display multiple items. What I want is for each item to be listed and have an action associated with it, like adding the item to a cart. search.hbs {{input valueBinding ...

Exploring ways to run tests on a server REST API using testem

When using Testem, I have a config option called serve_files that handles serving the client-side code for me. However, I also need to run my server because it includes a REST API that the client side relies on. Is there a way to configure Testem to launc ...

Dynamically loading Ember templates with asynchronous requests

I need a way to dynamically load HTML content from another file using the code below: App.MainView = Ember.View.extend({ template:function(){ $.ajax({ url: 'views/main.html', dataType: 'text', async: false, ...

What sets apart Node Package from Bower Package?

Consider the Ember App as an example. When you run ember install ember-bootstrap-4, it adds a node package. However, executing bower install tether --save will add a bower package. Both packages are necessary for the app. But what is the reason behind on ...

In Ember.js, where should I place the initialization code for a controller? I attempted to set it up in the routes

With my experience working with ember.js and highcharts, I have come across some examples that were too simplistic for me to grasp how to set up the chart objects and render them properly. I have explored initializers and understand the significance of ro ...

Why is there a `build/src` folder in `./node_modules/googleapis` instead of just a `src` folder?

Recently, I started working on a new Ember project and decided to incorporate the Google Node SDK by running npm install googleapis --save-dev. Subsequently, I also added ember-cli-es6-transform with the intention of importing ES6 modules from the Google A ...

We encountered a 404 error when using $.getJSON with an incorrect URL and [object%20Object]. How did this occur?

I have set up my front end server using grunt-contrib-connect on http://127.0.0.1:8888, with express running as my backend server on http://127.0.0.1:3000. My front-end framework is Ember, and I have enabled cross-domain requests by adding Access-Control-A ...

Can Ember store in Route handle Post requests?

Is there a way to use ember store functionality similar to this.store.findAll('report') for making POST requests with postObj in my route? Also, how should I handle the response received from these requests? Right now, I am sending ajax POST requests. ...

Is it possible to make a Venmo API call from the client side without worrying about Access-Control-Allow

Currently, I am developing a small web application using Ember.js and Firebase. At the moment, I do not have a framework in place. My goal is to leverage Venmo's OAuth and API to retrieve usernames, emails, and friends' information. So far, I hav ...

Ways to showcase numerous records in Ember.js template using hasMany relationship?

The model I have defined looks something like this: App.Question = DS.Model.extend({ title: DS.attr( 'string' ), answers: DS.hasMany('App.Answer') }); App.Answer = DS.Model.extend({ title: DS.attr( 'string' ), wynikid: DS.attr( ...

When executing class methods, Ember.js encounters errors stating "method does not exist."

I am facing a situation where I need to trigger a model reload when a user clicks a refresh button. In the past, I successfully implemented this with Ember-Model. However, since migrating to Ember-Data, I am encountering an error when attempting to execute ...

Exploring the differences between dependencies and devDependencies in the Ember package.json file

What is the distinction between placing packages under the dependencies or devDependencies in the package.json file? How does this affect the final build outcome? It seems straightforward, but I'm unsure which packages should go in each section. Eve ...