Refactor beeping into seperate class, and rename SoundUI to NotificationUI.

[irc/quakenet/qwebirc.git] / js / ui / notifications.js

qwebirc.ui.HilightController = new Class({\r
  initialize: function(parent) {\r
    this.parent = parent;\r
    this.regex = null;\r
    this.prevnick = null;\r
  },\r
  match: function(text) {\r
    var nick = this.parent.nickname;\r
    if(nick != this.prevnick)\r
      this.regex = new RegExp('\\b' + RegExp.escape(nick) + '\\b', "i");\r
      \r
    if(text.match(this.regex))\r
      return true;\r
    return false;\r
  }\r
});\r
\r
qwebirc.ui.Beeper = new Class({\r
  initialize: function(uiOptions) {\r
    this.uiOptions = uiOptions;\r
    \r
    this.soundInited = false;\r
    this.soundReady = false;\r
\r
    if(this.uiOptions.BEEP_ON_MENTION)\r
      this.soundInit();\r
  },\r
  soundInit: function() {\r
    if(this.soundInited)\r
      return;\r
    if(!$defined(Browser.Plugins.Flash) || Browser.Plugins.Flash.version < 8)\r
      return;\r
    this.soundInited = true;\r
    \r
    this.soundPlayer = new qwebirc.sound.SoundPlayer();\r
    this.soundPlayer.addEvent("ready", function() {\r
      this.soundReady = true;\r
    }.bind(this));\r
    \r
    this.soundPlayer.go();\r
  },\r
  beep: function() {\r
    if(!this.soundReady || !this.uiOptions.BEEP_ON_MENTION)\r
      return;\r
      \r
    this.soundPlayer.beep();\r
  }\r
});\r
\r
qwebirc.ui.Flasher = new Class({\r
  initialize: function(uiOptions) {\r
    this.uiOptions = uiOptions;\r
    \r
    this.windowFocused = false;\r
    this.canUpdateTitle = true;\r
    this.titleText = document.title;\r
\r
    var favIcons = $$("link[rel=icon]"), favIconParent = $$("head");\r
    if(favIcons && favIcons.length > 0 && favIconParent && favIconParent.length > 0) {\r
      this.favIcon = favIcons[0];\r
      this.favIconParent = favIconParent[0];\r
      this.favIconVisible = true;\r
      this.emptyFavIcon = new Element("link");\r
      this.emptyFavIcon.rel = "shortcut icon";\r
      this.emptyFavIcon.href = "/images/empty_favicon.ico";\r
      \r
      this.flashing = false;\r
    \r
      window.addEvent("focus", function() { this.windowFocused = true; this.cancelFlash(); console.log("focus") }.bind(this));\r
      window.addEvent("blur", function() { this.windowFocused = false; console.log("blue") }.bind(this));\r
      \r
      this.canFlash = true;\r
    } else {\r
      this.canFlash = false;\r
    }    \r
  },\r
  flash: function() {\r
    if(!this.uiOptions.FLASH_ON_MENTION || this.windowFocused || !this.canFlash || this.flashing)\r
      return;\r
\r
    this.titleText = document.title; /* just in case */      \r
    var flashA = function() {\r
      this.hideFavIcon();\r
      this.canUpdateTitle = false;\r
      document.title = "Activity!";\r
      \r
      this.flasher = flashB.delay(500);\r
    }.bind(this);\r
    \r
    var flashB = function() {\r
      this.showFavIcon();\r
      this.canUpdateTitle = true;\r
      document.title = this.titleText;\r
      \r
      this.flasher = flashA.delay(500);\r
    }.bind(this);\r
\r
    this.flashing = true;\r
    flashA();\r
  },\r
  cancelFlash: function() {\r
    if(!this.canFlash || !$defined(this.flasher))\r
      return;\r
      \r
    this.flashing = false;\r
    \r
    $clear(this.flasher);\r
    this.flasher = null;\r
    \r
    this.showFavIcon();\r
    document.title = this.titleText;\r
    this.canUpdateTitle = true;\r
  },\r
  hideFavIcon: function() {\r
    if(this.favIconVisible) {\r
      this.favIconVisible = false;\r
      this.favIconParent.removeChild(this.favIcon);\r
      this.favIconParent.appendChild(this.emptyFavIcon);\r
    }\r
  },\r
  showFavIcon: function() {\r
    if(!this.favIconVisible) {\r
      this.favIconVisible = true;\r
      this.favIconParent.removeChild(this.emptyFavIcon);\r
      this.favIconParent.appendChild(this.favIcon);\r
    }\r
  },\r
  updateTitle: function(text) {\r
    this.titleText = text;\r
    return this.canUpdateTitle;\r
  }\r
});\r