split out bootstrap style

src/notify.coffee

@@ -102,46 +102,15 @@ coreStyle =
     }
   """
 
-defaultStyleName = "bootstrap"
-defaultStyle =
-  html: """
-    <div>
-      <span data-notify-text></span>
-    </div>
-  """
-
-  classes:
-    base:
-      "padding": "8px 15px 8px 14px"
-      "text-shadow": "0 1px 0 rgba(255, 255, 255, 0.5)"
-      "background-color": "#fcf8e3"
-      "border": "1px solid #fbeed5"
-      "border-radius": "4px"
-      "white-space": "nowrap"
-      #for background-image
-      "padding-left": "25px"
-      "background-repeat": "no-repeat"
-      "background-position": "3px 7px"
-    error:
-      "color": "#B94A48"
-      "background-color": "#F2DEDE"
-      "border-color": "#EED3D7"
-      "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=)"
-    success:
-      "color": "#468847"
-      "background-color": "#DFF0D8"
-      "border-color": "#D6E9C6"
-      "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutJREFUeNq0lctPE0Ecx38zu/RFS1EryqtgJFA08YCiMZIAQQ4eRG8eDGdPJiYeTIwHTfwPiAcvXIwXLwoXPaDxkWgQ6islKlJLSQWLUraPLTv7Gme32zoF9KSTfLO7v53vZ3d/M7/fIth+IO6INt2jjoA7bjHCJoAlzCRw59YwHYjBnfMPqAKWQYKjGkfCJqAF0xwZjipQtA3MxeSG87VhOOYegVrUCy7UZM9S6TLIdAamySTclZdYhFhRHloGYg7mgZv1Zzztvgud7V1tbQ2twYA34LJmF4p5dXF1KTufnE+SxeJtuCZNsLDCQU0+RyKTF27Unw101l8e6hns3u0PBalORVVVkcaEKBJDgV3+cGM4tKKmI+ohlIGnygKX00rSBfszz/n2uXv81wd6+rt1orsZCHRdr1Imk2F2Kob3hutSxW8thsd8AXNaln9D7CTfA6O+0UgkMuwVvEFFUbbAcrkcTA8+AtOk8E6KiQiDmMFSDqZItAzEVQviRkdDdaFgPp8HSZKAEAL5Qh7Sq2lIJBJwv2scUqkUnKoZgNhcDKhKg5aH+1IkcouCAdFGAQsuWZYhOjwFHQ96oagWgRoUov1T9kRBEODAwxM2QtEUl+Wp+Ln9VRo6BcMw4ErHRYjH4/B26AlQoQQTRdHWwcd9AH57+UAXddvDD37DmrBBV34WfqiXPl61g+vr6xA9zsGeM9gOdsNXkgpEtTwVvwOklXLKm6+/p5ezwk4B+j6droBs2CsGa/gNs6RIxazl4Tc25mpTgw/apPR1LYlNRFAzgsOxkyXYLIM1V8NMwyAkJSctD1eGVKiq5wWjSPdjmeTkiKvVW4f2YPHWl3GAVq6ymcyCTgovM3FzyRiDe2TaKcEKsLpJvNHjZgPNqEtyi6mZIm4SRFyLMUsONSSdkPeFtY1n0mczoY3BHTLhwPRy9/lzcziCw9ACI+yql0VLzcGAZbYSM5CCSZg1/9oc/nn7+i8N9p/8An4JMADxhH+xHfuiKwAAAABJRU5ErkJggg==)"
-    info: {}
-    warn: {}
-
 stylePrefixes =
   "border-radius": ["-webkit-", "-moz-"]
 
 addStyle = (name, def) ->
   if styles[name]
-    alert "#{pluginName}: style '#{name}' already defined"
-    return
+    if window.console
+      console.warn "#{pluginName}: overwriting style '#{name}'"
+    $("#notify-#{name}").remove()
+
   def.name = name
   styles[name] = def
 
@@ -167,7 +136,7 @@ addStyle = (name, def) ->
 
   return unless cssText
   def.cssElem = insertCSS cssText
-  def.cssElem.attr('data-notify-style', def.name)
+  def.cssElem.attr('id', "notify-#{def.name}")
 
 insertCSS = (cssText) ->
 
@@ -190,7 +159,8 @@ pluginOptions =
   autoHideDelay: 5000
   arrowShow: true
   arrowSize: 5
-  position: 'bottom'
+  elementPosition: 'bottom'
+  globalPosition: 'top right'
   # Default style
   style: 'bootstrap'
   className: 'error'
@@ -209,10 +179,9 @@ inherit = (a, b) ->
   F.prototype = a
   $.extend true, new F(), b
 
-options = (opts) ->
+defaults = (opts) ->
   $.extend pluginOptions, opts
 
-
 # ================================
 #  DOM MANIPULATION
 # ================================
@@ -309,7 +278,7 @@ class Notification
     @text = @userContainer.find '[data-notify-text]'
     if @text.length is 0
       @text = @userContainer.find '[data-notify-html]'
-      @rawText = true
+      @rawHTML = true
     if @text.length is 0
       throw "style: '#{name}' HTML is missing a: 'data-notify-text' or 'data-notify-html' attribute"
 
@@ -390,8 +359,6 @@ class Notification
 
     style = @getStyle()
 
-    # if style.css
-
     #calculate arrow
     if not @options.arrowShow
       @arrow.hide()
@@ -409,7 +376,6 @@ class Notification
         arrowCss["border-#{posFull}"] = "#{arrowSize}px solid #{color}"
       #add some room for the arrow
       incr css, positions[opp], arrowSize
-
       incr arrowCss, positions[pAlign], arrowSize*2 if pAlign in mainPositions
 
     #calculate container alignment
@@ -426,7 +392,9 @@ class Notification
     @arrow.removeAttr('style').css(arrowCss) if arrowCss
 
   getPosition: ->
-    text = @options.position
+
+    text = @options.position or if @elem then @options.elementPosition else @options.globalPosition
+    
     pos = parsePosition text
 
     #validate position
@@ -455,7 +423,7 @@ class Notification
     throw "Missing style: #{name}"unless style
     style
 
-  updateStyleClasses: ->
+  updateClasses: ->
     classes = ['base']
 
     if $.isArray @options.className
@@ -479,19 +447,19 @@ class Notification
       @options.color = options
 
     if @container and not data
-      @show false #hide
+      @show false
       return
     else if not @container and not data
       return
 
     #update content
     if $.type(data) is 'string'
-      @text.html data.replace('\n', '<br/>')
+      @text[if @rawHTML then 'html' else 'text'](data)
     else
       @text.empty().append(data)
 
     #set styles
-    @updateStyleClasses()
+    @updateClasses()
 
     #position
     @updatePosition()
@@ -535,7 +503,7 @@ $.fn[pluginName] = (data, options) ->
   @
 
 #extra
-$.extend $[pluginName], { options, addStyle }
+$.extend $[pluginName], { defaults, addStyle }
 
 #when ready
 $ ->
@@ -551,8 +519,6 @@ $ ->
 
   #insert default style
   insertCSS(coreStyle.css).attr('data-notify-style', 'core')
-  #insert default style
-  $[pluginName].addStyle(defaultStyleName, defaultStyle)
 
   #watch all notifications clicks
   $(document).on 'click', ".#{pluginClassName}-wrapper", ->