panakh

cities: [{name: 'Rome'}],
    steps: (function() {

        console.log('updating steps');

        var data  = [];

        $.each(this.cities, function(index, city) {

            data.push({

panakh

var ItineraryWizardComponent = Ember.Component.extend({
    cities: ['Rome'],
    steps: (function() {
    
    var data  = [];
    
    $.each(this.cities, function(index, city) {
    
        data.push({
        name: 'step' + ++index,

panakh

{{view App.TimePickerView name='timepicker'}}

App.TimePickerView = Ember.View.extend({
    templateName: 'timepicker',

    didInsertElement: function() {

        this.$('[name=' + this.get('name') + ']').timepicker({
            minuteStep: 1,
            showSeconds: true,

panakh

App.TimePickerView = Ember.View.create({
    templateName: 'timepicker',
    init: function() {
        this._super();
        $('#timepicker1').timepicker({
            minuteStep: 1,
            showSeconds: true,
            showMeridian: false
        })
    }

panakh

 <script type="text/x-handlebars" id="itinerary">
        <h2>Prepare your itinerary &raquo; {{title}}</h2>
            <div class="row-fluid">
                <div class=" span10">

                    <div class="timeline-container">

                        <div class="timeline-label">
                        <span class="label label-primary arrowed-in-right label-large">
                        <b>Morni