views-stylesheets.js

Summary

No overview generated for 'views-stylesheets.js'


Class Summary
cls.StylesheetsView  


var cls = window.cls || ( window.cls = {} );

/**
* @constructor 
* @extends ViewBase
*/

cls.StylesheetsView = function(id, name, container_class)
{
  var self = this;

  this.createView = function(container)
  {
    var selected_sheet = stylesheets.getSelectedSheet();
    if(selected_sheet)
    {
      // TODO check markup
      //var t = new Date().getTime();
      container.innerHTML = 
        "<div class='padding'>" + 
        stylesheets.prettyPrintRules(selected_sheet.rules, settings[this.id].get('shortcuts') ) + 
        "</div>";
      if(selected_sheet.rule_id)
      {
        //opera.postError(selected_sheet.rule_id);
        var rules = container.getElementsByTagName('rule'), rule = null, i = 0;
        for( ; rule = rules[i]; i++)
        {
          if(rule.getAttribute('rule-id') == selected_sheet.rule_id )
          {
            container.scrollTop = rule.offsetTop;
            //opera.postError(selected_sheet.rule_id+' '+rule.offsetTop)
            break;
          }
        }
        //alert(selected_sheet.rule_id);
      }
      //window.open('data:text/plain;charset=utf-8,'+encodeURIComponent(container.innerHTML))
      //opera.postError((new Date().getTime() - t) +' '+ container.innerHTML.length);  
    }
    else
    {
      container.innerHTML = '';
    }
    
  }
  
  this.show = function(rules)
  {
    if( !this.isvisible() )
    {
      topCell.showView(this.id);
    }
    var cs = this.getAllContainers(), c = null , i= 0;
    for( ; c = cs[i]; i++)
    {
      
    }
    
  }
  this.init(id, name, container_class);
}
cls.StylesheetsView.prototype = ViewBase;
new cls.StylesheetsView('stylesheets', ui_strings.M_VIEW_LABEL_STYLESHEET, 'scroll stylesheets');

new Settings
(
  // id
  'stylesheets', 
  // key-value map
  {
    'shortcuts': true
  }, 
  // key-label map
  {
    'shortcuts': ui_strings.S_SWITCH_CREATE_SHORTHANDS
  },
  // settings map
  {
    checkboxes:
    [
      'shortcuts'
    ]
  }
);

new ToolbarConfig
(
  'stylesheets',
  null,
  [
    {
      handler: 'stylesheets-text-search',
      title: 'text search'
    }
  ]
)

new Switches
(
  'stylesheets',
  [
    'shortcuts'
  ]
);

  // button handlers

(function()
{
  // filter handlers
  var textSearch = new TextSearch();

  var onViewCreated = function(msg)
  {
    if( msg.id == 'stylesheets' )
    {
      textSearch.setContainer(msg.container);
      textSearch.update();
    }
  }

  var onViewDestroyed = function(msg)
  {
    if( msg.id == 'stylesheets' )
    {
      textSearch.cleanup();
    }
  }

  messages.addListener('view-created', onViewCreated);
  messages.addListener('view-destroyed', onViewDestroyed);



  eventHandlers.input['stylesheets-text-search'] = function(event, target)
  {
    textSearch.searchDelayed(target.value);
  }

  eventHandlers.keyup['stylesheets-text-search'] = function(event, target)
  {
    if( event.keyCode == 13 )
    {
      textSearch.highlight();
    }
  }
  
})();


Documentation generated by JSDoc on Thu Oct 30 18:01:10 2008