fader.js.svn-base

嵌入式无线路由系统openwrt的web配置工具

/*
Class: FlashSYS.Fader
  Notifies user of queue process in a visual way

Copyright:
  Copyright (C) 2008 OpenRB.com

Properties:
  storage: (object) temporary variable storage

*/

FlashSYS.Fader = {
  storage: {},
  /*

  Function: start
    Start visual fader

  Arguments:
    options - (object) fader options

  Options:
    title - (string) title element text
    ticker - (string) ticker element text
    tickerPrefix - (string) prefix for ticker element text

  */
  start: function(options) {
    this.tickerPrefix = options.tickerPrefix || '';

    // inner element wrap
    this.inner = new Element('div', {
      'class': 'FSFaderInner'
    }).inject(MochaUI.Modal.modalOverlay);

    // header title
    this.title = new Element('h2', {
      'text': options.title
    }).inject(this.inner);

    // ticker, value can be change in step function
    this.ticker = new Element('p', {
      'text': this.tickerPrefix + options.ticker
    }).inject(this.inner);

    MochaUI.Modal.modalOverlay.addClass('FSFader');
    MochaUI.Modal.fade('in');
  },
  /*

  Function: step
    Update ticker text, prefixed from <FlashSYS.Fader.start> options

  Arguments:
    ticker - (string) ticker element text

  */
  step: function(ticker) {
    this.ticker.set('text', this.tickerPrefix + ticker);
  },
  /*

  Function: stop
    Hides fader and removes inner elements

  */
  stop: function() {
    MochaUI.Modal.fade('out');
    this.inner.destroy();
    this.storage = {};
  }
};