docs/app/view/cls/Header.js

   1 /**
   2  * Renders class name and icon in page header.
   3  */
   4 Ext.define('Docs.view.cls.Header', {
   5     extend: 'Ext.container.Container',
   6     padding: '5 0 17 0',
   7     // Initially the component will be empty and so the initial height
   8     // will not be correct if not set explicitly
   9     height: 47,
  10     alias: 'widget.classheader',
  11
  12     tpl: Ext.create('Ext.XTemplate',
  13         '<h1 class="{[this.getClass(values)]}">',
  14             '<tpl if="private">',
  15                 '<span class="private">Private</span>',
  16             '</tpl>',
  17             '<a href="source/{href}" target="_blank">{name}</a>',
  18             '<tpl if="xtypes.length &gt; 0">',
  19                 '<span>xtype: {[values.xtypes.join(", ")]}</span>',
  20             '</tpl>',
  21         '</h1>',
  22         {
  23             getClass: function(cls) {
  24                 if (cls.component) {
  25                     return "component";
  26                 }
  27                 else if (cls.singleton) {
  28                     return "singleton";
  29                 }
  30                 else {
  31                     return "class";
  32                 }
  33             }
  34         }
  35     ),
  36
  37     /**
  38      * Loads class name and icon to header.
  39      * @param {Object} cls  class config.
  40      */
  41     load: function(cls) {
  42         this.update(this.tpl.apply(cls));
  43     }
  44 });