Skip to content
This repository was archived by the owner on Sep 7, 2022. It is now read-only.

Show register time #15

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Show register time #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3cb9b63
Show register time
justinfagnani Sep 15, 2015
2f5c897
Hide register time column behind a flag
justinfagnani Sep 16, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions src/elements/stats-table/stats-table.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
<div class="header">Tag Name</div>
<div class="header">Count</div>
<div class="header">Total Time</div>
<div class="header">Register</div>
<div class="header">Created</div>
<div class="header">Attached</div>
<div class="header">Detached</div>
Expand Down Expand Up @@ -64,6 +65,9 @@
<div class="cell name">{{item.tagName}}</div>
<div class="cell">{{item.count}}</div>
<stats-item item="[[item]]" metric="totalTime" stats="[[stats]]" all-tags-stats="[[allTagsStats]]" class="total"></stats-item>
<template is="dom-if">
<stats-item item="[[item]]" metric="register" stats="[[stats]]" all-tags-stats="[[allTagsStats]]"></stats-item>
</template>
<stats-item item="[[item]]" metric="created" stats="[[stats]]" all-tags-stats="[[allTagsStats]]"></stats-item>
<stats-item item="[[item]]" metric="attached" stats="[[stats]]" all-tags-stats="[[allTagsStats]]"></stats-item>
<stats-item item="[[item]]" metric="detached" stats="[[stats]]" all-tags-stats="[[allTagsStats]]"></stats-item>
Expand Down
28 changes: 24 additions & 4 deletions src/polymer-panel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,12 @@ <h1>Custom Element Profile</h1>
</paper-button>
</div>
<template is="dom-if" if="{{stats}}">
<stats-table stats="[[stats]]" all-tags-stats="[[allTagsStats]]"></stats-table>
<stats-table
stats="[[stats]]"
all-tags-stats="[[allTagsStats]]"
show-register-column="[[showRegisterColumn]]"
>
</stats-table>
</template>
</paper-material>
</template>
Expand All @@ -82,6 +87,8 @@ <h1>Custom Element Profile</h1>
allTagsStats: {
type: Object,
},

showRegisterColumn: Boolean,
},

attached() {
Expand All @@ -96,6 +103,7 @@ <h1>Custom Element Profile</h1>
tagName: 'All Custom Elements',
count: 0,
totalTime: 0,
register: 0,
created: 0,
attached: 0,
detached: 0,
Expand All @@ -110,6 +118,7 @@ <h1>Custom Element Profile</h1>
tagName: tag,
count: tagData.count,
totalTime: 0,
register: (tagData.register) ? tagData.register.totalTime : 0,
created: (tagData.created) ? tagData.created.totalTime : 0,
attached: (tagData.attached) ? tagData.attached.totalTime : 0,
detached: (tagData.detached) ? tagData.detached.totalTime : 0,
Expand All @@ -118,16 +127,27 @@ <h1>Custom Element Profile</h1>
data: (tagData.data) ? tagData.data.totalTime : 0,
};
tagStats.totalTime =
tagStats.register +
tagStats.created +
tagStats.attached +
tagStats.detached +
tagStats.data +
tagStats.attributeChanged;
displayData.push(tagStats);
this.maxCallbackTime = Math.max(this.maxCallbackTime, tagStats.created,
tagStats.attached, tagStats.detached, tagStats.attributeChanged);
this.maxCallbackTime = Math.max(
this.maxCallbackTime,
tagStats.created,
tagStats.attached,
tagStats.detached,
tagStats.attributeChanged);
if (showRegisterColumn) {
this.maxCallbackTime = Math.max(
this.maxCallbackTime,
tagStats.register);
}
allTagsStats.count += tagStats.count;
allTagsStats.totalTime += tagStats.totalTime;
allTagsStats.register += tagStats.register;
allTagsStats.created += tagStats.created;
allTagsStats.attached += tagStats.attached;
allTagsStats.detached += tagStats.detached;
Expand Down Expand Up @@ -167,6 +187,6 @@ <h1>Custom Element Profile</h1>
})();
</script>
</dom-module>
<polymer-panel></polymer-panel>
<polymer-panel show-register-column="false"></polymer-panel>
</body>
</html>