tools/deep_memory_profiler/visualizer/static/dropdown-view.js

   1 // Copyright 2013 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * This is a view class showing subs of selected item.
   7  * TODO(junjianx): use dropdown menu to show.
   8  * @param {Object} profiler Must have addListener method.
   9  * @construct
  10  */
  11 var DropdownView = function(profiler) {
  12   this.profiler_ = profiler;
  13   this.placeholder_ = '#subs-dropdown';
  14   // Clear state when profiler model changed.
  15   profiler.addListener('changed', this.redraw_.bind(this));
  16   profiler.addListener('changed:selected', this.update_.bind(this));
  17 };
  18
  19 /**
  20  * Render new dropdown at first time being called and recover otherwise.
  21  * @private
  22  */
  23 DropdownView.prototype.redraw_ = function() {
  24   var self = this;
  25
  26   var data = [{ label: 'subs' }];
  27   if (!this.$tree_) {
  28     this.$tree_ = $(this.placeholder_).tree({
  29       data: data,
  30       autoOpen: true
  31     });
  32
  33     // Delegate click event to profiler.
  34     this.$tree_.bind('tree.click', function(event) {
  35       event.preventDefault();
  36       self.profiler_.setSub(event.node.id);
  37     });
  38   } else {
  39     this.$tree_.tree('loadData', data);
  40     $(this.placeholder_).css('display', 'none');
  41   }
  42 };
  43
  44 /**
  45  * Update dropdown view when new model is selected in menu view.
  46  * @param {string} id Model id.
  47  * @param {Object} pos Clicked position.
  48  * @private
  49  */
  50 DropdownView.prototype.update_ = function(id, pos) {
  51   if (id == null) {
  52     $(this.placeholder_).css('display', 'none');
  53     return;
  54   }
  55
  56   var self = this;
  57
  58   // Get all subs of selected model.
  59   var prof = this.profiler_;
  60   var models = prof.getModelsbyId(id);
  61   var children = models.reduce(function(previous, current) {
  62     if ('subs' in current) {
  63       current.subs.forEach(function(sub) {
  64         var id = sub.join(',');
  65         var label = sub.join(':');
  66         if (!previous.some(function(sub) {
  67           return sub.id === id;
  68         })) {
  69           var child = {
  70             id: id,
  71             label: label
  72           };
  73           previous.push(child);
  74         }
  75       });
  76     }
  77     return previous;
  78   }, []);
  79
  80   // Update data of subs tree.
  81   var data = [{
  82     label: 'subs',
  83     children: children
  84   }];
  85   var $tree = this.$tree_;
  86   $tree.tree('loadData', data);
  87
  88   // Select current sub if exists.
  89   var curSub = prof.getCurSubById(id);
  90   if (curSub) {
  91     var node = $tree.tree('getNodeById', curSub);
  92     $tree.tree('selectNode', node);
  93   }
  94
  95   // If selected category has subs, display subs box.
  96   $(this.placeholder_).css('display', 'none');
  97   if (children.length > 0) {
  98     var view = $(this.placeholder_);
  99     view.css('display', 'block');
 100     if (pos != undefined) {
 101       view.css('position', 'fixed');
 102       view.css('top', pos.pageY);
 103       view.css('left', pos.pageX);
 104     } else {
 105       view.css('position', 'static');
 106     }
 107   }
 108 };