Questions tagged [emblem.js]

Ember-targeting, indentation-base templating language that compiles to Handlebars.js

Emblem.js is an indentation-based templating language that compiles to Handlebars. It is therefore

  • Efficiently/easily precompilable
  • Compilable in the browser
  • Fully compatible with Ember.js's auto-updating templates
  • Way more fun to write/maintain than {{mustached}}'d HTML

Useful links:

61 questions
0
votes
1 answer

issues upgrading Ember 1.8.1 to Ember 1.9.1 with Handlebars 2.0 and emblem

Im wondering if anyone came across this issue with upgrading Emberjs from 1.8.1 to 1.9.1 I am getting this error in my dev console This link-to is in an inactive loading state because at least one of its parameters presently has a null/undefined…
0
votes
0 answers

Configuring emblem with yeoman

I have created an ember project using yeoman. I am trying to add emblem.js for templating as opposed to the handlebars but I am not able to do it. Any help would be appreciated. My config for Gruntfile looks like this: emblem: { compile:…
usmanali
  • 2,028
  • 2
  • 27
  • 38
0
votes
1 answer

How to nest text and element in ember's emblem?

In haml the following would produce the correctly nested HTML: %p Hi There I'm inside this paragraph %button I'm also inside this paragraph Produces:

Hi There I'm inside this paragraph

In…
Robbie Guilfoyle
  • 3,363
  • 1
  • 18
  • 18
0
votes
1 answer

Ember js - want to style outer route based on nested route

I am learning Ember, and I have an app that has nested routes. The outer route renders an index of products that acts as a sidebar, and the inner route renders the selected product. So I have a setup like this in my coffeescript router: @resource…
LAW
  • 1,099
  • 3
  • 12
  • 20
0
votes
1 answer

The content of my page is located within the navbar

The line that separates the content and the navbar stays below the content instead of in between. This happens with all of the pages that are routed to the main page that has the navbar. I've tried to add padding-top, relative positioning,…
0
votes
1 answer

Is there a way to line up an animation with a specific letter in text easily?

I'm trying to line up an animation I have made with the dot in an exclamation point of some text. It is currently the animation alone for our loading screen, and the code is as follows: .loading-icon { position: absolute; top: 0; left: 0; right:…
yburyug
  • 1,070
  • 1
  • 8
  • 13
0
votes
1 answer

Creating hasMany relationships in a single form

I'm using Ember.js 1.0 and Ember-Data 1.0beta. I have a model with a hasMany relationship: Whistlr.Activity = DS.Model.extend participants: DS.hasMany('activityParticipant') I would like the client to be able to add participants directly in the…
nullnullnull
  • 8,039
  • 12
  • 55
  • 107
0
votes
1 answer

Ember filter content and use controller method in filter

I have a page that I want to display different groups of users on. So far I am filtering the groups in the UsersController (ArrayController) with the following. users_controller.js.coffee: App.UsersController = Ember.ArrayController.extend …
0
votes
3 answers

Displaying an object stored in a view property (Ember.js)

I have a view with several properties, including one that I want to contain an object. The view looks like this: Whistlr.LightboxView = Em.View.extend templateName: 'lightbox' classNames: ['ember-lightbox'] content: "" content is the property…
nullnullnull
  • 8,039
  • 12
  • 55
  • 107
0
votes
1 answer

Cannot start brunch server

I first start a new project brunch new https://github.com/wordofchristian/brunch-with-hampsters I then try to start a watch and server $brunch w -s I get this error node_modules/emblem-brunch/lib/index.js:27 …
mythicalprogrammer
  • 4,647
  • 6
  • 35
  • 42
0
votes
1 answer

Getting form values in a view in ember.js

I have the following view: Whistlr.RegistrationView = Ember.View.extend templateName: "users/registration_form" submit: (event, view) -> event.preventDefault() event.stopPropagation() $.ajax url: '/users' type: "POST" …
nullnullnull
  • 8,039
  • 12
  • 55
  • 107
0
votes
0 answers

inconsistent behavior from emblem conditional bindings and ember array controller

I'm having trouble getting consistent behavior from a conditional class binding in an Emblem template. The template is for a task list and the relevant snippet looks like this: each task in content tr.task class=task.completed:complete td …
0
votes
0 answers

itemController and bindAttr not working

I have the following code in an emblem.js template: each line_items itemController=lineItem .line_item.row-fluid.popover_link id="line_item_#{unbound id}" click="lineItemSelected" class={selected ordered} .span8 = product.name if…
l33z3r
  • 617
  • 5
  • 16
0
votes
1 answer

Passing Data From Ember Into HTML in an Emblem Template

Bear with me because I'm new to Ember, and I'm working with ember.js and I'm trying to pass a model id in an HTML attribute so that jQuery can recognize it has an id. So, I'm doing this in an emblem template: each step in steps tr td =…
user1717344
  • 133
  • 1
  • 8
0
votes
2 answers

How to insert HTML symbols in an emblem.js template

I would like to insert a   special character between two element. e.g, after the i tag defined like this: %i.icon-off How can I do that?
Mike Aski
  • 9,180
  • 4
  • 46
  • 63