runtime/bin/vmservice/client/lib/src/elements/heap_profile.html - Issue 443713004: Rename vmservice/client to vmservice/observatory to match package name.

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/heap_profile.html

Issue 443713004: Rename vmservice/client to vmservice/observatory to match package name. (Closed) Base URL: http://dart.googlecode.com/svn/branches/bleeding_edge/dart/

Patch Set: Created 6 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « runtime/bin/vmservice/client/lib/src/elements/heap_profile.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/img/chromium_icon.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <link rel="import" href="../../../../packages/polymer/polymer.html">

2 <link rel="import" href="class_ref.html">

3 <link rel="import" href="observatory_element.html">

4 <link rel="import" href="nav_bar.html">

5

6 <polymer-element name="heap-profile" extends="observatory-element">

7 <template>

8 <link rel="stylesheet" href="css/shared.css">

9 <style>

10 .table {

11 border-collapse: collapse!important;

12 margin-bottom: 20px

13 table-layout: fixed;

14 }

15 .table td:nth-of-type(1) {

16 width: 30%;

17 }

18 .th, .td {

19 padding: 8px;

20 vertical-align: top;

21 }

22 .table thead > tr > th {

23 vertical-align: bottom;

24 text-align: left;

25 border-bottom:2px solid #ddd;

26 }

27 .spacer {

28 width: 16px;

29 }

30 .left-border-spacer {

31 width: 16px;

32 border-left: 1px solid;

33 }

34 .clickable {

35 color: #0489c3;

36 text-decoration: none;

37 cursor: pointer;

38 }

39 .clickable:hover {

40 text-decoration: underline;

41 cursor: pointer;

42 }

43 #classtable tr:hover > td {

44 background-color: #F4C7C3;

45 }

46 </style>

47 <nav-bar>

48 <top-nav-menu></top-nav-menu>

49 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>

50 <nav-menu link="{{ profile.isolate.relativeLink('allocationprofile') }}" anc hor="allocation profile" last="{{ true }}"></nav-menu>

51 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>

52 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>

53 <nav-refresh callback="{{ refresh }}"></nav-refresh>

54 <nav-control></nav-control>

55 </nav-bar>

56 <div class="content">

57 <h1>Allocation Profile</h1>

58 <br>

59 <div class="memberList">

60 <div class="memberItem">

61 <div class="memberName">last forced GC at</div>

62 <div class="memberValue">{{ lastServiceGC }}</div>

63 </div>

64 <div class="memberItem">

65 <div class="memberName">last accumulator reset at</div>

66 <div class="memberValue">{{ lastAccumulatorReset }}</div>

67 </div>

68 </div>

69 </div>

70 <hr>

71 <div class="content-centered-big">

72 <div class="flex-row">

73 <div id="newSpace" class="flex-item-50-percent">

74 <h2>New Generation</h2>

75 <br>

76 <div class="memberList">

77 <div class="memberItem">

78 <div class="memberName">used</div>

79 <div class="memberValue">

80 {{ isolate.newSpace.used \| formatSize }}

81 of

82 {{ isolate.newSpace.capacity \| formatSize }}

83 </div>

84 </div>

85 <div class="memberItem">

86 <div class="memberName">external</div>

87 <div class="memberValue">

88 {{ isolate.newSpace.external \| formatSize }}

89 </div>

90 </div>

91 <div class="memberItem">

92 <div class="memberName">collections</div>

93 <div class="memberValue">{{ formattedCollections(true) }}</div>

94 </div>

95 <div class="memberItem">

96 <div class="memberName">average collection time</div>

97 <div class="memberValue">{{ formattedAverage(true) }}</div>

98 </div>

99 <div class="memberItem">

100 <div class="memberName">cumulative collection time</div>

101 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv>

102 </div>

103 <div class="memberItem">

104 <div class="memberName">average time between collections</div>

105 <div class="memberValue">{{ isolate.newSpace.averageCollectionPeriod InMillis.toStringAsFixed(2) }} ms</div>

106 </div>

107 </div>

108 <div id="newPieChart" style="height: 300px"></div>

109 </div>

110 <div id="oldSpace" class="flex-item-50-percent">

111 <h2>Old Generation</h2>

112 <br>

113 <div class="memberList">

114 <div class="memberItem">

115 <div class="memberName">used</div>

116 <div class="memberValue">

117 {{ isolate.oldSpace.used \| formatSize }}

118 of

119 {{ isolate.oldSpace.capacity \| formatSize }}

120 </div>

121 </div>

122 <div class="memberItem">

123 <div class="memberName">external</div>

124 <div class="memberValue">

125 {{ isolate.oldSpace.external \| formatSize }}

126 </div>

127 </div>

128 <div class="memberItem">

129 <div class="memberName">collections</div>

130 <div class="memberValue">{{ formattedCollections(false) }}</div>

131 </div>

132 <div class="memberItem">

133 <div class="memberName">average collection time</div>

134 <div class="memberValue">{{ formattedAverage(false) }}</div>

135 </div>

136 <div class="memberItem">

137 <div class="memberName">cumulative collection time</div>

138 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div>

139 </div>

140 <div class="memberItem">

141 <div class="memberName">average time between collections</div>

142 <div class="memberValue">{{ isolate.oldSpace.averageCollectionPeriod InMillis.toStringAsFixed(2) }} ms</div>

143 </div>

144 </div>

145 <div id="oldPieChart" style="height: 300px"></div>

146 </div>

147 </div>

148 </div>

149 <br>

150 <hr>

151 <div class="content-centered-big">

152 <table id="classtable" class="flex-item-100-percent table">

153 <thead id="classTableHead">

154 <tr>

155 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th>

156 <th class="spacer"></th>

157 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(2) }}</th>

158 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(3) }}</th>

159 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(4) }}</th>

160 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(5) }}</th>

161 <th class="spacer"></th>

162 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(7) }}</th>

163 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(8) }}</th>

164 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(9) }}</th>

165 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(10) }}</th>

166 </tr>

167 </thead>

168 <tbody id="classTableBody">

169 </tbody>

170 </table>

171 <br><br><br>

172 <br><br><br>

173 </div>

174 </template>

175 </polymer-element>

176

177 <script type="application/dart" src="heap_profile.dart"></script>

OLD	NEW