111 lines
3.2 KiB
CoffeeScript
111 lines
3.2 KiB
CoffeeScript
class @AwardsHandler
|
|
constructor: (@post_emoji_url, @noteable_type, @noteable_id, @aliases) ->
|
|
$(".add-award").click (event)->
|
|
event.stopPropagation()
|
|
event.preventDefault()
|
|
$(".emoji-menu").show()
|
|
|
|
$("html").click ->
|
|
if !$(event.target).closest(".emoji-menu").length
|
|
if $(".emoji-menu").is(":visible")
|
|
$(".emoji-menu").hide()
|
|
|
|
addAward: (emoji) ->
|
|
emoji = @normilizeEmojiName(emoji)
|
|
@postEmoji emoji, =>
|
|
@addAwardToEmojiBar(emoji)
|
|
|
|
$(".emoji-menu").hide()
|
|
|
|
addAwardToEmojiBar: (emoji) ->
|
|
emoji = @normilizeEmojiName(emoji)
|
|
if @exist(emoji)
|
|
if @isActive(emoji)
|
|
@decrementCounter(emoji)
|
|
else
|
|
counter = @findEmojiIcon(emoji).siblings(".counter")
|
|
counter.text(parseInt(counter.text()) + 1)
|
|
counter.parent().addClass("active")
|
|
@addMeToAuthorList(emoji)
|
|
else
|
|
@createEmoji(emoji)
|
|
|
|
exist: (emoji) ->
|
|
@findEmojiIcon(emoji).length > 0
|
|
|
|
isActive: (emoji) ->
|
|
@findEmojiIcon(emoji).parent().hasClass("active")
|
|
|
|
decrementCounter: (emoji) ->
|
|
counter = @findEmojiIcon(emoji).siblings(".counter")
|
|
|
|
if parseInt(counter.text()) > 1
|
|
counter.text(parseInt(counter.text()) - 1)
|
|
counter.parent().removeClass("active")
|
|
@removeMeFromAuthorList(emoji)
|
|
else
|
|
award = counter.parent()
|
|
award.tooltip("destroy")
|
|
award.remove()
|
|
|
|
removeMeFromAuthorList: (emoji) ->
|
|
award_block = @findEmojiIcon(emoji).parent()
|
|
authors = award_block.attr("data-original-title").split(", ")
|
|
authors = _.without(authors, "me").join(", ")
|
|
award_block.attr("title", authors)
|
|
@resetTooltip(award_block)
|
|
|
|
addMeToAuthorList: (emoji) ->
|
|
award_block = @findEmojiIcon(emoji).parent()
|
|
authors = award_block.attr("data-original-title").split(", ")
|
|
authors.push("me")
|
|
award_block.attr("title", authors.join(", "))
|
|
@resetTooltip(award_block)
|
|
|
|
resetTooltip: (award) ->
|
|
award.tooltip("destroy")
|
|
|
|
# "destroy" call is asynchronous and there is no appropriate callnack on it, this is why we need to set timeout.
|
|
setTimeout (->
|
|
award.tooltip()
|
|
), 200
|
|
|
|
|
|
createEmoji: (emoji) ->
|
|
emojiCssClass = @resolveNameToCssClass(emoji)
|
|
|
|
nodes = []
|
|
nodes.push("<div class='award active' title='me'>")
|
|
nodes.push("<div class='icon emoji-icon " + emojiCssClass + "' data-emoji='" + emoji + "'></div>")
|
|
nodes.push("<div class='counter'>1</div>")
|
|
nodes.push("</div>")
|
|
|
|
emoji_node = $(nodes.join("\n")).insertBefore(".awards-controls").find(".emoji-icon").data("emoji", emoji)
|
|
|
|
$(".award").tooltip()
|
|
|
|
resolveNameToCssClass: (emoji) ->
|
|
unicodeName = $(".emoji-menu-content [data-emoji='?']".replace("?", emoji)).data("unicode-name")
|
|
|
|
"emoji-" + unicodeName
|
|
|
|
postEmoji: (emoji, callback) ->
|
|
$.post @post_emoji_url, { note: {
|
|
note: ":" + emoji + ":"
|
|
noteable_type: @noteable_type
|
|
noteable_id: @noteable_id
|
|
}},(data) ->
|
|
if data.ok
|
|
callback.call()
|
|
|
|
findEmojiIcon: (emoji) ->
|
|
$(".award [data-emoji='" + emoji + "']")
|
|
|
|
scrollToAwards: ->
|
|
$('body, html').animate({
|
|
scrollTop: $('.awards').offset().top - 80
|
|
}, 200)
|
|
|
|
normilizeEmojiName: (emoji) ->
|
|
@aliases[emoji] || emoji
|