diff --git a/src/Network/Network.es6 b/src/Network/Network.es6 index 2bb8b99..9cd8fbf 100644 --- a/src/Network/Network.es6 +++ b/src/Network/Network.es6 @@ -13,12 +13,28 @@ export default class Network extends Tool this._tpl = require('./Network.hbs'); } + init($el) + { + super.init($el); + + this._bindEvent(); + } show() { super.show(); this._getPerformanceTimingData(); } + _bindEvent() + { + var $el = this._$el; + + $el.on('click', '.eruda-expand', function () + { + util.$(this).hide(); + $el.find('.eruda-performance-timing-detail').show(); + }); + } _getPerformanceTimingData() { var performance = window.webkitPerformance || window.performance, diff --git a/src/Network/Network.hbs b/src/Network/Network.hbs index 02fc5f5..41ceead 100644 --- a/src/Network/Network.hbs +++ b/src/Network/Network.hbs @@ -9,7 +9,8 @@
- +
Expand
+
diff --git a/src/Network/Network.scss b/src/Network/Network.scss index 6f936b0..9d3f7c4 100644 --- a/src/Network/Network.scss +++ b/src/Network/Network.scss @@ -28,11 +28,24 @@ } .performance-timing-data { padding: 0 10px 10px; - + text-align: center; + .expand { + display: inline-block; + background: #fff; + border: 1px solid $blue; + width: 150px; + height: 30px; + font-size: 12px; + line-height: 30px; + box-shadow: $box-shadow; + margin: 0 auto; + } table { width: 100%; + display: none; background: #fff; border-collapse: collapse; + text-align: left; th { background: $gray; text-align: left;
Name