StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POEmber Route Incorrectly Treated as a File
primarykey
Id
20827388
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-12-29T16:30:58.770
FavoriteCount
0
LastActivityDate
2013-12-29T16:30:58.770
LastEditDate
LastEditorUserId
0
OwnerUserId
830367
ParentId
0
PostTypeId
1
Score
0
ViewCount
81
LastEditorDisplayName
text
Body
<p>I am working through the Ember tutorial here on Smashing Magazine: <a href="http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/" rel="nofollow noreferrer">http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/</a></p> <p>However, when I get to the routing section of their application, it appears that my routing to render a 'users' template is instead making a direct call to a file:</p> <p><img src="https://i.stack.imgur.com/LUz8Z.png" alt="enter image description here"></p> <p>when accessing <code>/index.html#/users</code> with the following app.js file:</p> <p>/* Instantiate the app and set it to log transitions */</p> <pre><code>window.App = Ember.Application.create({ LOG_TRANSITIONS: true }); /* assets/js/app/controllers/users.js */ App.UsersController = Em.ArrayController.extend({ sortProperties: ['name'], sortAscending: true, // false == descending usersCount : function() { return this.get('model.length'); }.property('@each') }); /* user.js */ App.User = DS.Model.extend({ name : DS.attr(), title : DS.attr(), company : DS.attr(), email : DS.attr(), phoneNumber : DS.attr(), streetAddress : DS.attr(), university : DS.attr(), areaOfStudy : DS.attr(), degree : DS.attr(), notes : DS.attr(), lastUpdated : DS.attr() }); /* assets/js/app/router.js */ App.Router.map(function() { this.resource('users', function() { this.resource('user', { path: '/:user_id' }, function() { this.route('edit'); }); this.route('create'); }); }); // each route has this `model` hook where you specify which Model the route needs to load // http://emberjs.com/guides/routing/specifying-a-routes-model/ App.UsersRoute = Ember.Route.extend({ model: function(){ return this.store.find('user'); } }); /* store.js */ App.ApplicationAdaptera = DS.FixtureAdapter; App.User.FIXTURES = [ { id : 1, name : "Dummy data person", title : "something elser", company : "Company 1", email : "somegmail@gmail.com", phoneNumber : "000 000 0000", streetAddress : "middle of no where", university : ["somewhere"], areaOfStudy : ["wow"], degree : ["BS"], notes : "nothing", lastUpdated : "Mon, 26 Aug 2013 22:22:43 GMT" } ]; </code></pre> <p>That is created by concatenating files from the following file structure:</p> <p>Link: <a href="https://i.stack.imgur.com/5Sis9.png" rel="nofollow noreferrer">2</a></p> <p>The template.js file:</p> <pre><code>Ember.TEMPLATES["application"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data /**/) { this.compilerInfo = [4,'>= 1.0.0']; helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; var buffer = '', stack1, hashTypes, hashContexts; data.buffer.push("\n\n\n<div class=\"main\">\n \n\n \n "); hashTypes = {}; hashContexts = {}; stack1 = helpers._triageMustache.call(depth0, "outlet", {hash:{},contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}); if(stack1 || stack1 === 0) { data.buffer.push(stack1); } data.buffer.push("\n\n</div>"); return buffer; }); Ember.TEMPLATES["index"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data /**/) { this.compilerInfo = [4,'>= 1.0.0']; helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; var buffer = '', stack1, stack2, hashTypes, hashContexts, options, self=this, helperMissing=helpers.helperMissing; function program1(depth0,data) { data.buffer.push(" Got to the users page "); } data.buffer.push("\n\n"); hashTypes = {}; hashContexts = {}; options = {hash:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0],types:["STRING"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; stack2 = ((stack1 = helpers['link-to'] || (depth0 && depth0['link-to'])),stack1 ? stack1.call(depth0, "users", options) : helperMissing.call(depth0, "link-to", "users", options)); if(stack2 || stack2 === 0) { data.buffer.push(stack2); } return buffer; }); Ember.TEMPLATES["users"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data /**/) { this.compilerInfo = [4,'>= 1.0.0']; helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; var buffer = '', stack1, hashTypes, hashContexts, self=this; function program1(depth0,data) { var buffer = '', stack1, hashTypes, hashContexts; data.buffer.push("\n <tr>\n <th>"); hashTypes = {}; hashContexts = {}; stack1 = helpers._triageMustache.call(depth0, "user.name", {hash:{},contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}); if(stack1 || stack1 === 0) { data.buffer.push(stack1); } data.buffer.push("</th>\n </tr>\n"); return buffer; } function program3(depth0,data) { data.buffer.push("\n <tr>\n <th>no users...</th>\n </tr>\n"); } data.buffer.push("\n\n<div>Users: "); hashTypes = {}; hashContexts = {}; stack1 = helpers._triageMustache.call(depth0, "usersCount", {hash:{},contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}); if(stack1 || stack1 === 0) { data.buffer.push(stack1); } data.buffer.push("</div>\n<table class=\"table table-bordered table-hover table-condensed\">\n<thead>\n <td>ID</td>\n \n</thead>\n"); hashTypes = {}; hashContexts = {}; stack1 = helpers.each.call(depth0, "user", "in", "controller", {hash:{},inverse:self.program(3, program3, data),fn:self.program(1, program1, data),contexts:[depth0,depth0,depth0],types:["ID","ID","ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}); if(stack1 || stack1 === 0) { data.buffer.push(stack1); } data.buffer.push("\n</table>"); return buffer; }); </code></pre> <p>The original handlebars template is:</p> <pre><code>{{! /assets/js/app/templates/users.hbs }} <div>Users: {{usersCount}}</div> <table class="table table-bordered table-hover table-condensed"> <thead> <td>ID</td>  </thead> {{#each user in controller}} <tr> <th>{{user.name}}</th> </tr> {{else}} <tr> <th>no users...</th> </tr> {{/each}} </table> </code></pre> <p>Index.html file:</p> <pre><code><!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <title>Data Store</title> <meta name="viewport" content="initial-scale=1">  <link rel="stylesheet" href ="assets/css/bootstrap.css"> <link rel="stylesheet" href="assets/css/normalize.css"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body>    <script src="assets/js/libs.js"></script> <script src="assets/js/templates.js"></script> <script src="assets/js/app.js"></script> </body> </html> </code></pre> <p>Ember Inspector output:</p> <p><img src="https://i.stack.imgur.com/5Sis9.png" alt="Ember Inspector output"></p>
Tags
<javascript><ember.js><ember-router>
Title
Ember Route Incorrectly Treated as a File
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USZenBalance
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COI'm not able to reproduce, are you running this from the filesystem?
  singulars
  PostPostId
  POEmber Route Incorrectly Treated as a File
  UserUserId
  USKingpin2k
2. COYes. Running from the file system. Running this similar app (https://github.com/jkneb/ember-crud) from the file system works without this error though.
  singulars
  PostPostId
  POEmber Route Incorrectly Treated as a File
  UserUserId
  USZenBalance

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.