   cleanUpBrackets: () ->
     thisReference = this
     for d in $('#added-goal li')
-      twoDotsCase = ($(d).prev().attr('data-bracket') is 'none') and ($(d).attr('data-bracket') is 'none')
-      leftBrkDotCase = (($(d).prev().attr('data-bracket') is 'left') and ($(d).attr('data-bracket') is 'none'))
-      dotRightBrkCase = (($(d).prev().attr('data-bracket') is 'none') and ($(d).attr('data-bracket') is 'right'))
-      leftBkrRightBrkCase1 = (($(d).prev().attr('data-bracket') is 'left') and ($(d).attr('data-bracket') is 'right'))
-      leftBkrRightBrkCase2 = (($(d).prev().attr('data-bracket') is 'right') and ($(d).attr('data-bracket') is 'left'))
-
-      if $(d).attr('data-bracket') is 'none' then $(d).css('color', '')
+      leftBracketType = $(d).prev().attr('data-bracket')
+      rightBracketType = $(d).attr('data-bracket')
+
+      twoDotsCase = (leftBracketType is 'none') and (rightBracketType is 'none')
+      leftBrkDotCase = (leftBracketType is 'left') and (rightBracketType is 'none')
+      dotRightBrkCase = (leftBracketType is 'none') and (rightBracketType is 'right')
+      leftBkrRightBrkCase1 = (leftBracketType is 'left') and (rightBracketType is 'right')
+      leftBkrRightBrkCase2 = (leftBracketType is 'right') and (rightBracketType is 'left')
+
+      if rightBracketType is 'none' then $(d).css('color', '')
 
       if (twoDotsCase || leftBrkDotCase || dotRightBrkCase || leftBkrRightBrkCase1 || leftBkrRightBrkCase2)
         # Adjust the left dot accordingly (since we always delete the right ... see below)

#getData = (element, key, value) -> $(element).attr("data-#{key}", value);


class GoalScreen extends Screen
  

    brightnessPercent = 80-((bracketsCounter*2)/@numberDots)*50
    return "hsl(120, 50%, #{brightnessPercent}%)"



  ###*
