| Name | +Habit type | +Score | +Notes | +Up | +Down | +Done | +Position | ++ | + | + |
|---|
+ Name: + <%= name %> +
+ ++ Habit type: + <%= habit_type %> +
+ ++ Score: + <%= score %> +
+ ++ Notes: + <%= notes %> +
+ ++ Up: + <%= up %> +
+ ++ Down: + <%= down %> +
+ ++ Done: + <%= done %> +
+ ++ Position: + <%= position %> +
+ + +Back \ No newline at end of file diff --git a/app/assets/javascripts/backbone/views/habits/edit_view.js.coffee b/app/assets/javascripts/backbone/views/habits/edit_view.js.coffee new file mode 100644 index 0000000000..8bae18d02d --- /dev/null +++ b/app/assets/javascripts/backbone/views/habits/edit_view.js.coffee @@ -0,0 +1,24 @@ +HabitTracker.Views.Habits ||= {} + +class HabitTracker.Views.Habits.EditView extends Backbone.View + template : JST["backbone/templates/habits/edit"] + + events : + "submit #edit-habit" : "update" + + update : (e) -> + e.preventDefault() + e.stopPropagation() + + @model.save(null, + success : (habit) => + @model = habit + window.location.hash = "/#{@model.id}" + ) + + render : -> + $(@el).html(@template(@model.toJSON() )) + + this.$("form").backboneLink(@model) + + return this diff --git a/app/assets/javascripts/backbone/views/habits/habit_view.js.coffee b/app/assets/javascripts/backbone/views/habits/habit_view.js.coffee new file mode 100644 index 0000000000..89733694c4 --- /dev/null +++ b/app/assets/javascripts/backbone/views/habits/habit_view.js.coffee @@ -0,0 +1,19 @@ +HabitTracker.Views.Habits ||= {} + +class HabitTracker.Views.Habits.HabitView extends Backbone.View + template: JST["backbone/templates/habits/habit"] + + events: + "click .destroy" : "destroy" + + tagName: "tr" + + destroy: () -> + @model.destroy() + this.remove() + + return false + + render: -> + $(@el).html(@template(@model.toJSON() )) + return this diff --git a/app/assets/javascripts/backbone/views/habits/index_view.js.coffee b/app/assets/javascripts/backbone/views/habits/index_view.js.coffee new file mode 100644 index 0000000000..4712ca9b0b --- /dev/null +++ b/app/assets/javascripts/backbone/views/habits/index_view.js.coffee @@ -0,0 +1,20 @@ +HabitTracker.Views.Habits ||= {} + +class HabitTracker.Views.Habits.IndexView extends Backbone.View + template: JST["backbone/templates/habits/index"] + + initialize: () -> + @options.habits.bind('reset', @addAll) + + addAll: () => + @options.habits.each(@addOne) + + addOne: (habit) => + view = new HabitTracker.Views.Habits.HabitView({model : habit}) + @$("tbody").append(view.render().el) + + render: => + $(@el).html(@template(habits: @options.habits.toJSON() )) + @addAll() + + return this diff --git a/app/assets/javascripts/backbone/views/habits/new_view.js.coffee b/app/assets/javascripts/backbone/views/habits/new_view.js.coffee new file mode 100644 index 0000000000..ef89617fb0 --- /dev/null +++ b/app/assets/javascripts/backbone/views/habits/new_view.js.coffee @@ -0,0 +1,37 @@ +HabitTracker.Views.Habits ||= {} + +class HabitTracker.Views.Habits.NewView extends Backbone.View + template: JST["backbone/templates/habits/new"] + + events: + "submit #new-habit": "save" + + constructor: (options) -> + super(options) + @model = new @collection.model() + + @model.bind("change:errors", () => + this.render() + ) + + save: (e) -> + e.preventDefault() + e.stopPropagation() + + @model.unset("errors") + + @collection.create(@model.toJSON(), + success: (habit) => + @model = habit + window.location.hash = "/#{@model.id}" + + error: (habit, jqXHR) => + @model.set({errors: $.parseJSON(jqXHR.responseText)}) + ) + + render: -> + $(@el).html(@template(@model.toJSON() )) + + this.$("form").backboneLink(@model) + + return this diff --git a/app/assets/javascripts/backbone/views/habits/show_view.js.coffee b/app/assets/javascripts/backbone/views/habits/show_view.js.coffee new file mode 100644 index 0000000000..bc8654ea25 --- /dev/null +++ b/app/assets/javascripts/backbone/views/habits/show_view.js.coffee @@ -0,0 +1,8 @@ +HabitTracker.Views.Habits ||= {} + +class HabitTracker.Views.Habits.ShowView extends Backbone.View + template: JST["backbone/templates/habits/show"] + + render: -> + $(@el).html(@template(@model.toJSON() )) + return this