Sublists are being rendered as expected;

* Setting each task's `margin-left` according to it's parent
* Putting a view element inside another view element was causing issues
This commit is contained in:
Abhishek Das
2013-04-07 19:58:52 +05:30
parent a97397188e
commit 85a1b0674d
4 changed files with 80 additions and 7 deletions
+4 -2
View File
@@ -27,8 +27,10 @@ var app = app || {};
model: task
});
var a = taskView.render();
this.$el.append(a.el);
//a.$input.focus();
if (a.model.get('parent_id')!=0)
a.$el.insertAfter($('*[data-id="'+a.model.get('parent_id')+'"]').parents('li:first'));
else
this.$el.append(a.el);
console.log(a.$input.prop('selectionStart'));
}
+9 -1
View File
@@ -23,7 +23,15 @@ var app = app || {};
var tmpl = _.template(this.template);
var task = this;
this.$el.html(tmpl(this.model.toJSON()));
this.$input = this.$('.edit');
if (this.model.get('parent_id')!=0) {
this.$el.addClass('shift1');
var className = $('*[data-id="'+this.model.get('parent_id')+'"]').parents('li:first').attr('class');
if (className!=undefined && className!=0 && className.substring(0,5) == 'shift') {
this.$el.removeClass();
this.$el.addClass('shift' + (parseInt(className.charAt(5))+1));
}
}
this.$input = this.$('.edit:first');
socket.on('task', function(data){
if (task.model.id == data.id) {
if (task.$input.val != data.content)