Commit 36d0442e authored by Valery Sizov's avatar Valery Sizov

replace emoji references from class name to data [ci skip]

parent 06a4fd10
...@@ -3,25 +3,27 @@ class @AwardsHandler ...@@ -3,25 +3,27 @@ class @AwardsHandler
addAward: (emoji) -> addAward: (emoji) ->
@postEmoji emoji, => @postEmoji emoji, =>
@addAwardToEmojiBar(emoji)
addAwardToEmojiBar: (emoji) ->
if @exist(emoji) if @exist(emoji)
if @isActive(emoji) if @isActive(emoji)
@decrementCounter(emoji) @decrementCounter(emoji)
else else
counter = $(".icon." + emoji).siblings(".counter") counter = @findEmojiIcon(emoji).siblings(".counter")
counter.text(parseInt(counter.text()) + 1) counter.text(parseInt(counter.text()) + 1)
counter.parent().addClass("active") counter.parent().addClass("active")
else else
@createEmoji(emoji) @createEmoji(emoji)
exist: (emoji) -> exist: (emoji) ->
$(".icon").hasClass(emoji) @findEmojiIcon(emoji).length > 0
isActive: (emoji) -> isActive: (emoji) ->
$(".icon." + emoji).parent().hasClass("active") @findEmojiIcon(emoji).parent().hasClass("active")
decrementCounter: (emoji) -> decrementCounter: (emoji) ->
counter = $(".icon." + emoji).siblings(".counter") counter = @findEmojiIcon(emoji).siblings(".counter")
if parseInt(counter.text()) > 1 if parseInt(counter.text()) > 1
counter.text(parseInt(counter.text()) - 1) counter.text(parseInt(counter.text()) - 1)
...@@ -33,7 +35,7 @@ class @AwardsHandler ...@@ -33,7 +35,7 @@ class @AwardsHandler
createEmoji: (emoji) -> createEmoji: (emoji) ->
nodes = [] nodes = []
nodes.push("<div class='award active'>") nodes.push("<div class='award active'>")
nodes.push("<div class='icon " + emoji + "'>") nodes.push("<div class='icon' data-emoji='" + emoji + "'>")
nodes.push(@getImage(emoji)) nodes.push(@getImage(emoji))
nodes.push("</div>") nodes.push("</div>")
nodes.push("<div class='counter'>1") nodes.push("<div class='counter'>1")
...@@ -42,10 +44,9 @@ class @AwardsHandler ...@@ -42,10 +44,9 @@ class @AwardsHandler
$(".awards-controls").before(nodes.join("\n")) $(".awards-controls").before(nodes.join("\n"))
getImage: (emoji) -> getImage: (emoji) ->
$("li." + emoji).html() $("li[data-emoji='" + emoji + "'").html()
postEmoji: (emoji, callback) -> postEmoji: (emoji, callback) ->
emoji = emoji.replace("emoji-", "")
$.post @post_emoji_url, { $.post @post_emoji_url, {
emoji: emoji emoji: emoji
noteable_type: @noteable_type noteable_type: @noteable_type
...@@ -53,3 +54,6 @@ class @AwardsHandler ...@@ -53,3 +54,6 @@ class @AwardsHandler
},(data) -> },(data) ->
if data.ok if data.ok
callback.call() callback.call()
findEmojiIcon: (emoji) ->
$(".icon[data-emoji='" + emoji + "'")
\ No newline at end of file
...@@ -121,7 +121,7 @@ class @Notes ...@@ -121,7 +121,7 @@ class @Notes
@initTaskList() @initTaskList()
if note.award if note.award
awards_handler.addAward("emoji-" + note.note) awards_handler.addAwardToEmojiBar(note.note)
### ###
Check if note does not exists on page Check if note does not exists on page
......
.awards.votes-block .awards.votes-block
- votable.notes.awards.grouped_awards.each do | vote | - votable.notes.awards.grouped_awards.each do | vote |
.award{class: ("active" if vote.last.pluck(:author_id).include?(current_user.id))} .award{class: ("active" if vote.last.pluck(:author_id).include?(current_user.id))}
.icon{class: "emoji-#{vote.first}"} .icon{"data-emoji" => "#{vote.first}"}
= image_tag url_to_emoji(vote.first), height: "20px", width: "20px" = image_tag url_to_emoji(vote.first), height: "20px", width: "20px"
.counter .counter
= vote.last.count = vote.last.count
...@@ -10,22 +10,22 @@ ...@@ -10,22 +10,22 @@
%a#add-award{"data-toggle" => "dropdown", "data-target" => "#", "href" => "#"} + %a#add-award{"data-toggle" => "dropdown", "data-target" => "#", "href" => "#"} +
%ul.dropdown-menu.awards-menu %ul.dropdown-menu.awards-menu
- ["100", "blush", "heart", "smile", "rage", "beers", "thumbsup", "disappointed", "ok_hand", "helicopter"].each do |emoji| - ["100", "blush", "heart", "smile", "rage", "beers", "thumbsup", "disappointed", "ok_hand", "helicopter"].each do |emoji|
%li{class: "emoji-#{emoji}"}= image_tag url_to_emoji(emoji), height: "20px", width: "20px" %li{"data-emoji" => "#{emoji}"}= image_tag url_to_emoji(emoji), height: "20px", width: "20px"
:coffeescript :coffeescript
post_emoji_url = "#{award_toggle_namespace_project_notes_path(@project.namespace, @project)}" post_emoji_url = "#{award_toggle_namespace_project_notes_path(@project.namespace, @project)}"
noteable_type = "Issue" noteable_type = "Issue"
noteable_id = #{@issue.id} noteable_id = #{@issue.id}
awards_handler = new AwardsHandler(post_emoji_url, noteable_type, noteable_id) window.awards_handler = new AwardsHandler(post_emoji_url, noteable_type, noteable_id)
$ -> $ ->
$(".awards-menu li").click (e)-> $(".awards-menu li").click (e)->
emoji = $(this).attr("class") emoji = $(this).data("emoji")
awards_handler.addAward(emoji) awards_handler.addAward(emoji)
$(".awards").on "click", ".award", (e)-> $(".awards").on "click", ".award", (e)->
emoji = /(emoji-\S*)/.exec($(this).find(".icon").attr("class"))[0] emoji = $(this).find(".icon").data("emoji")
awards_handler.addAward(emoji) awards_handler.addAward(emoji)
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment