sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-04-14 19:47:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Got dynamic class/id working for habits

Browse source
This commit is contained in:
Tyler Renelle 2012-02-08 21:36:57 -05:00
parent 58eca5a413
commit 9241568472
2 changed files with 40 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
app/assets/javascripts/backbone/templates/habits/habit.jst.ejs
View file

@ -1,27 +1,24 @@
<li id="habit_<%= id %>" class="habit habit-type-<%= habit_type %> <!-- TODO score_color -->">
<!-- Habits -->
<% if (habit_type==1) { %>
<a href="#" class="vote-up">+</a>
<a href="#" class="vote-down">-</a>
<%= name %>
<% } else { %>
<!-- Habits -->
<% if (habit_type==1) { %>
<a href="#" class="vote-up">+</a>
<a href="#" class="vote-down">-</a>
<%= name %>
<!-- Daily & Todos -->
<% if (done) { %>
<a href="#" class="vote-down">[X]</a>
<strike><%= name %></strike>
<% } else { %>
<!-- Daily & Todos -->
<% if (done) { %>
<a href="#" class="vote-down">[X]</a>
<strike><%= name %></strike>
<% } else { %>
<a href="#" class="vote-up">[ ]</a>
<%= name %>
<% } %>
<a href="#" class="vote-up">[ ]</a>
<%= name %>
<% } %>
<div class='edit'>
<% if (notes) { %>
<!-- TODO image_tag('comment.png', :class=>'comment') -->
<img src='/images/comment.png' class="comment" />
<div class='qtip'><%= notes %></div>
<% } %>
<a href="#/<%= id %>/edit">Edit</a>
</div>
</li>
<% } %>
<div class='edit'>
<% if (notes) { %>
<!-- TODO image_tag('comment.png', :class=>'comment') -->
<img src='/images/comment.png' class="comment" />
<div class='qtip'><%= notes %></div>
<% } %>
<a href="#/<%= id %>/edit">Edit</a>
</div>

24
app/assets/javascripts/backbone/views/habits/habit_view.js.coffee
View file

@ -8,8 +8,6 @@ class HabitTracker.Views.Habits.HabitView extends Backbone.View
"click .vote-up" : "voteUp"
"click .vote-down" : "voteDown"
tagName: "li"
destroy: () ->
@model.destroy()
this.remove()
@ -18,14 +16,30 @@ class HabitTracker.Views.Habits.HabitView extends Backbone.View
voteUp: ->
@model.vote("up")
@trigger("reset")
# console.log($(@el).parent().sibling('#habits-todos-done'))
# if @model.isRemainingTodo and $(@el).parent().id=="habits-remaining-todos"
# $(@el).parent().sibling('#habits-done-todos').append(this)
voteDown: ->
@model.vote("down")
tagName: "li"
# why is @model not available in this function? having to pass it in like this
dynamicClass= (model) ->
output = "habit habit-type-#{model.get('habit_type')}"
if model.get("done") then output += " done"
score = model.get("score")
switch
when score<-8 then output += ' color-red'
when score>=-8 and score<-5 then output += ' color-pink'
when score>=-5 and score<-1 then output += ' color-orange'
when score>=-1 and score<1 then output += ' color-yellow'
when score>=1 and score<5 then output += ' color-green'
when score>=5 and score<10 then output += ' color-light-blue'
when score>=10 then output += ' color-blue'
return output
render: ->
$(@el).attr('id', "habit_#{@model.get('id')}")
$(@el).attr('class', dynamicClass(@model))
$(@el).html(@template(@model.toJSON() ))
@$(".comment").qtip content: