Commit 311c859d authored by Valery Sizov's avatar Valery Sizov

awards_handler: single quotes

parent 180c45b3
class @AwardsHandler class @AwardsHandler
constructor: (@getEmojisUrl, @postEmojiUrl, @noteableType, @noteableId, @unicodes) -> constructor: (@getEmojisUrl, @postEmojiUrl, @noteableType, @noteableId, @unicodes) ->
$(".js-add-award").on "click", (event) => $('.js-add-award').on 'click', (event) =>
event.stopPropagation() event.stopPropagation()
event.preventDefault() event.preventDefault()
@showEmojiMenu() @showEmojiMenu()
$("html").on 'click', (event) -> $('html').on 'click', (event) ->
if !$(event.target).closest(".emoji-menu").length if !$(event.target).closest('.emoji-menu').length
if $(".emoji-menu").is(":visible") if $('.emoji-menu').is(':visible')
$(".emoji-menu").removeClass "is-visible" $('.emoji-menu').removeClass 'is-visible'
$(".awards") $('.awards')
.off "click" .off 'click'
.on "click", ".js-emoji-btn", @handleClick .on 'click', '.js-emoji-btn', @handleClick
@renderFrequentlyUsedBlock() @renderFrequentlyUsedBlock()
handleClick: (e) -> handleClick: (e) ->
e.preventDefault() e.preventDefault()
emoji = $(this) emoji = $(this)
.find(".icon") .find('.icon')
.data "emoji" .data 'emoji'
if emoji is "thumbsup" and awardsHandler.didUserClickEmoji $(this), "thumbsdown" if emoji is 'thumbsup' and awardsHandler.didUserClickEmoji $(this), 'thumbsdown'
awardsHandler.addAward "thumbsdown" awardsHandler.addAward 'thumbsdown'
else if emoji is "thumbsdown" and awardsHandler.didUserClickEmoji $(this), "thumbsup" else if emoji is 'thumbsdown' and awardsHandler.didUserClickEmoji $(this), 'thumbsup'
awardsHandler.addAward "thumbsup" awardsHandler.addAward 'thumbsup'
awardsHandler.addAward emoji awardsHandler.addAward emoji
$(this).trigger 'blur' $(this).trigger 'blur'
didUserClickEmoji: (that, emoji) -> didUserClickEmoji: (that, emoji) ->
if $(that).siblings("button:has([data-emoji=#{emoji}])").attr("data-original-title") if $(that).siblings("button:has([data-emoji=#{emoji}])").attr('data-original-title')
$(that).siblings("button:has([data-emoji=#{emoji}])").attr("data-original-title").indexOf('me') > -1 $(that).siblings("button:has([data-emoji=#{emoji}])").attr('data-original-title').indexOf('me') > -1
showEmojiMenu: -> showEmojiMenu: ->
if $(".emoji-menu").length if $('.emoji-menu').length
if $(".emoji-menu").is ".is-visible" if $('.emoji-menu').is '.is-visible'
$(".emoji-menu").removeClass "is-visible" $('.emoji-menu').removeClass 'is-visible'
$("#emoji_search").blur() $('#emoji_search').blur()
else else
$(".emoji-menu").addClass "is-visible" $('.emoji-menu').addClass 'is-visible'
$("#emoji_search").focus() $('#emoji_search').focus()
else else
$('.js-add-award').addClass "is-loading" $('.js-add-award').addClass 'is-loading'
$.get @getEmojisUrl, (response) => $.get @getEmojisUrl, (response) =>
$('.js-add-award').removeClass "is-loading" $('.js-add-award').removeClass 'is-loading'
$(".js-award-holder").append response $('.js-award-holder').append response
setTimeout => setTimeout =>
$(".emoji-menu").addClass "is-visible" $('.emoji-menu').addClass 'is-visible'
$("#emoji_search").focus() $('#emoji_search').focus()
@setupSearch() @setupSearch()
, 200 , 200
...@@ -60,7 +60,7 @@ class @AwardsHandler ...@@ -60,7 +60,7 @@ class @AwardsHandler
@postEmoji emoji, => @postEmoji emoji, =>
@addAwardToEmojiBar(emoji) @addAwardToEmojiBar(emoji)
$(".emoji-menu").removeClass "is-visible" $('.emoji-menu').removeClass 'is-visible'
addAwardToEmojiBar: (emoji) -> addAwardToEmojiBar: (emoji) ->
@addEmojiToFrequentlyUsedList(emoji) @addEmojiToFrequentlyUsedList(emoji)
...@@ -69,9 +69,9 @@ class @AwardsHandler ...@@ -69,9 +69,9 @@ class @AwardsHandler
if @isActive(emoji) if @isActive(emoji)
@decrementCounter(emoji) @decrementCounter(emoji)
else else
counter = @findEmojiIcon(emoji).siblings(".js-counter") counter = @findEmojiIcon(emoji).siblings('.js-counter')
counter.text(parseInt(counter.text()) + 1) counter.text(parseInt(counter.text()) + 1)
counter.parent().addClass("active") counter.parent().addClass('active')
@addMeToAuthorList(emoji) @addMeToAuthorList(emoji)
else else
@createEmoji(emoji) @createEmoji(emoji)
...@@ -80,47 +80,47 @@ class @AwardsHandler ...@@ -80,47 +80,47 @@ class @AwardsHandler
@findEmojiIcon(emoji).length > 0 @findEmojiIcon(emoji).length > 0
isActive: (emoji) -> isActive: (emoji) ->
@findEmojiIcon(emoji).parent().hasClass("active") @findEmojiIcon(emoji).parent().hasClass('active')
decrementCounter: (emoji) -> decrementCounter: (emoji) ->
counter = @findEmojiIcon(emoji).siblings(".js-counter") counter = @findEmojiIcon(emoji).siblings('.js-counter')
emojiIcon = counter.parent() emojiIcon = counter.parent()
if parseInt(counter.text()) > 1 if parseInt(counter.text()) > 1
counter.text(parseInt(counter.text()) - 1) counter.text(parseInt(counter.text()) - 1)
emojiIcon.removeClass("active") emojiIcon.removeClass('active')
@removeMeFromAuthorList(emoji) @removeMeFromAuthorList(emoji)
else if emoji == "thumbsup" || emoji == "thumbsdown" else if emoji == 'thumbsup' || emoji == 'thumbsdown'
emojiIcon.tooltip("destroy") emojiIcon.tooltip('destroy')
counter.text(0) counter.text(0)
emojiIcon.removeClass("active") emojiIcon.removeClass('active')
@removeMeFromAuthorList(emoji) @removeMeFromAuthorList(emoji)
else else
emojiIcon.tooltip("destroy") emojiIcon.tooltip('destroy')
emojiIcon.remove() emojiIcon.remove()
removeMeFromAuthorList: (emoji) -> removeMeFromAuthorList: (emoji) ->
awardBlock = @findEmojiIcon(emoji).parent() awardBlock = @findEmojiIcon(emoji).parent()
authors = awardBlock authors = awardBlock
.attr("data-original-title") .attr('data-original-title')
.split(", ") .split(', ')
authors.splice(authors.indexOf("me"),1) authors.splice(authors.indexOf('me'),1)
awardBlock awardBlock
.closest(".js-emoji-btn") .closest('.js-emoji-btn')
.attr("data-original-title", authors.join(", ")) .attr('data-original-title', authors.join(', '))
@resetTooltip(awardBlock) @resetTooltip(awardBlock)
addMeToAuthorList: (emoji) -> addMeToAuthorList: (emoji) ->
awardBlock = @findEmojiIcon(emoji).parent() awardBlock = @findEmojiIcon(emoji).parent()
origTitle = awardBlock.attr("data-original-title").trim() origTitle = awardBlock.attr('data-original-title').trim()
authors = [] authors = []
if origTitle if origTitle
authors = origTitle.split(', ') authors = origTitle.split(', ')
authors.push("me") authors.push('me')
awardBlock.attr("data-original-title", authors.join(", ")) awardBlock.attr('data-original-title', authors.join(', '))
@resetTooltip(awardBlock) @resetTooltip(awardBlock)
resetTooltip: (award) -> resetTooltip: (award) ->
award.tooltip("destroy") award.tooltip('destroy')
# "destroy" call is asynchronous and there is no appropriate callback on it, this is why we need to set timeout. # "destroy" call is asynchronous and there is no appropriate callback on it, this is why we need to set timeout.
setTimeout (-> setTimeout (->
...@@ -140,16 +140,16 @@ class @AwardsHandler ...@@ -140,16 +140,16 @@ class @AwardsHandler
) )
$(nodes.join("\n")) $(nodes.join("\n"))
.insertBefore(".js-award-holder") .insertBefore('.js-award-holder')
.find(".emoji-icon") .find('.emoji-icon')
.data("emoji", emoji) .data('emoji', emoji)
$('.award-control').tooltip() $('.award-control').tooltip()
resolveNameToCssClass: (emoji) -> resolveNameToCssClass: (emoji) ->
emoji_icon = $(".emoji-menu-content [data-emoji='#{emoji}']") emojiIcon = $(".emoji-menu-content [data-emoji='#{emoji}']")
if emoji_icon.length > 0 if emojiIcon.length > 0
unicodeName = emoji_icon.data('unicode-name') unicodeName = emojiIcon.data('unicode-name')
else else
# Find by alias # Find by alias
unicodeName = $(".emoji-menu-content [data-aliases*=':#{emoji}:']").data('unicode-name') unicodeName = $(".emoji-menu-content [data-aliases*=':#{emoji}:']").data('unicode-name')
...@@ -176,40 +176,40 @@ class @AwardsHandler ...@@ -176,40 +176,40 @@ class @AwardsHandler
addEmojiToFrequentlyUsedList: (emoji) -> addEmojiToFrequentlyUsedList: (emoji) ->
frequentlyUsedEmojis = @getFrequentlyUsedEmojis() frequentlyUsedEmojis = @getFrequentlyUsedEmojis()
frequentlyUsedEmojis.push(emoji) frequentlyUsedEmojis.push(emoji)
$.cookie('frequently_used_emojis', frequentlyUsedEmojis.join(","), { expires: 365 }) $.cookie('frequently_used_emojis', frequentlyUsedEmojis.join(','), { expires: 365 })
getFrequentlyUsedEmojis: -> getFrequentlyUsedEmojis: ->
frequentlyUsedEmojis = ($.cookie('frequently_used_emojis') || "").split(",") frequentlyUsedEmojis = ($.cookie('frequently_used_emojis') || '').split(',')
_.compact(_.uniq(frequentlyUsedEmojis)) _.compact(_.uniq(frequentlyUsedEmojis))
renderFrequentlyUsedBlock: -> renderFrequentlyUsedBlock: ->
if $.cookie('frequently_used_emojis') if $.cookie('frequently_used_emojis')
frequentlyUsedEmojis = @getFrequentlyUsedEmojis() frequentlyUsedEmojis = @getFrequentlyUsedEmojis()
ul = $("<ul>") ul = $('<ul>')
for emoji in frequentlyUsedEmojis for emoji in frequentlyUsedEmojis
do (emoji) -> do (emoji) ->
$(".emoji-menu-content [data-emoji='#{emoji}']").closest("li").clone().appendTo(ul) $(".emoji-menu-content [data-emoji='#{emoji}']").closest('li').clone().appendTo(ul)
$("input.emoji-search").after(ul).after($("<h5>").text("Frequently used")) $('input.emoji-search').after(ul).after($('<h5>').text('Frequently used'))
setupSearch: -> setupSearch: ->
$("input.emoji-search").keyup (ev) => $('input.emoji-search').keyup (ev) =>
term = $(ev.target).val() term = $(ev.target).val()
# Clean previous search results # Clean previous search results
$("ul.emoji-menu-search, h5.emoji-search").remove() $('ul.emoji-menu-search, h5.emoji-search').remove()
if term if term
# Generate a search result block # Generate a search result block
h5 = $("<h5>").text("Search results").addClass("emoji-search") h5 = $('<h5>').text('Search results').addClass('emoji-search')
foundEmojis = @searchEmojis(term).show() foundEmojis = @searchEmojis(term).show()
ul = $("<ul>").addClass("emoji-menu-list emoji-menu-search").append(foundEmojis) ul = $('<ul>').addClass('emoji-menu-list emoji-menu-search').append(foundEmojis)
$(".emoji-menu-content ul, .emoji-menu-content h5").hide() $('.emoji-menu-content ul, .emoji-menu-content h5').hide()
$(".emoji-menu-content").append(h5).append(ul) $('.emoji-menu-content').append(h5).append(ul)
else else
$(".emoji-menu-content").children().show() $('.emoji-menu-content').children().show()
searchEmojis: (term)-> searchEmojis: (term)->
$(".emoji-menu-content [data-emoji*='#{term}']").closest("li").clone() $(".emoji-menu-content [data-emoji*='#{term}']").closest("li").clone()
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