lib/yui/src/dock/js/tabheightmanager.js

   1 /* global TABHEIGHTMANAGER, LOGNS */
   2
   3 /**
   4  * Dock JS.
   5  *
   6  * This file contains the tab height manager.
   7  * The tab height manager is responsible for ensure all tabs are visible all the time.
   8  *
   9  * @module moodle-core-dock
  10  */
  11
  12 /**
  13  * Tab height manager.
  14  *
  15  * @namespace M.core.dock
  16  * @class TabHeightManager
  17  * @constructor
  18  * @extends Base
  19  */
  20 TABHEIGHTMANAGER = function() {
  21     TABHEIGHTMANAGER.superclass.constructor.apply(this, arguments);
  22 };
  23 TABHEIGHTMANAGER.prototype = {
  24     /**
  25      * Initialises the dock sizer which then attaches itself to the required
  26      * events in order to monitor the dock
  27      * @method initializer
  28      */
  29     initializer: function() {
  30         var dock = this.get('dock');
  31         dock.on('dock:itemschanged', this.checkSizing, this);
  32         Y.on('windowresize', this.checkSizing, this);
  33     },
  34     /**
  35      * Check if the size dock items needs to be adjusted
  36      * @method checkSizing
  37      */
  38     checkSizing: function() {
  39         var dock = this.get('dock'),
  40             node = dock.get('dockNode'),
  41             items = dock.dockeditems,
  42             containermargin = parseInt(node.one('.dockeditem_container').getStyle('marginTop').replace('/[^0-9]+$/', ''), 10),
  43             dockheight = node.get('offsetHeight') - containermargin,
  44             controlheight = node.one('.controls').get('offsetHeight'),
  45             buffer = (dock.get('bufferPanel') * 3),
  46             possibleheight = dockheight - controlheight - buffer - (items.length * 2),
  47             totalheight = 0,
  48             id, dockedtitle;
  49         if (items.length > 0) {
  50             for (id in items) {
  51                 if (Y.Lang.isNumber(id) || Y.Lang.isString(id)) {
  52                     dockedtitle = Y.one(items[id].get('title')).ancestor('.' + CSS.dockedtitle);
  53                     if (dockedtitle) {
  54                         if (this.get('enabled')) {
  55                             dockedtitle.setStyle('height', 'auto');
  56                         }
  57                         totalheight += dockedtitle.get('offsetHeight') || 0;
  58                     }
  59                 }
  60             }
  61             if (totalheight > possibleheight) {
  62                 this.enable(possibleheight);
  63             }
  64         }
  65     },
  66     /**
  67      * Enables the dock sizer and resizes where required.
  68      * @method enable
  69      * @param {Number} possibleheight
  70      */
  71     enable: function(possibleheight) {
  72         var dock = this.get('dock'),
  73             items = dock.dockeditems,
  74             count = dock.count,
  75             runningcount = 0,
  76             usedheight = 0,
  77             id, itemtitle, itemheight, offsetheight;
  78         Y.log('Enabling the dock tab sizer.', 'debug', LOGNS);
  79         this.set('enabled', true);
  80         for (id in items) {
  81             if (Y.Lang.isNumber(id) || Y.Lang.isString(id)) {
  82                 itemtitle = Y.one(items[id].get('title')).ancestor('.' + CSS.dockedtitle);
  83                 if (!itemtitle) {
  84                     continue;
  85                 }
  86                 itemheight = Math.floor((possibleheight - usedheight) / (count - runningcount));
  87                 offsetheight = itemtitle.get('offsetHeight');
  88                 itemtitle.setStyle('overflow', 'hidden');
  89                 if (offsetheight > itemheight) {
  90                     itemtitle.setStyle('height', itemheight + 'px');
  91                     usedheight += itemheight;
  92                 } else {
  93                     usedheight += offsetheight;
  94                 }
  95                 runningcount++;
  96             }
  97         }
  98     }
  99 };
 100 Y.extend(TABHEIGHTMANAGER, Y.Base, TABHEIGHTMANAGER.prototype, {
 101     NAME: 'moodle-core-tabheightmanager',
 102     ATTRS: {
 103         /**
 104          * The dock.
 105          * @attribute dock
 106          * @type DOCK
 107          * @writeOnce
 108          */
 109         dock: {
 110             writeOnce: 'initOnly'
 111         },
 112         /**
 113          * True if the item_sizer is being used, false otherwise.
 114          * @attribute enabled
 115          * @type Bool
 116          */
 117         enabled: {
 118             value: false
 119         }
 120     }
 121 });