Skip to content
This repository has been archived by the owner on Dec 15, 2022. It is now read-only.

Cleanup #28

Merged
merged 3 commits into from
Nov 4, 2017
Merged

Cleanup #28

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9ddcc88
:fire: optional methods
Nov 4, 2017
35c825c
Wait for initial packages to load before populating
Nov 4, 2017
153de76
Show 'Loading…' as a placeholder before info is populated
Nov 4, 2017
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
Prev Previous commit
Show 'Loading…' as a placeholder before info is populated
  • Loading branch information
Wliu authored and Wliu committed Nov 4, 2017
commit 153de76fb211a3b078b42dcdc8029e146952ac6d
15 changes: 10 additions & 5 deletions lib/cache-panel-view.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,27 +23,27 @@ export default class CachePanelView {
<div className='panel-body padded'>
<div className='timing'>
<span className='inline-block'>CoffeeScript files compiled</span>
<span className='inline-block highlight-info' ref='coffeeCompileCount'>0</span>
<span className='inline-block' ref='coffeeCompileCount'>Loading…</span>
</div>

<div className='timing'>
<span className='inline-block'>Babel files compiled</span>
<span className='inline-block highlight-info' ref='babelCompileCount' />
<span className='inline-block' ref='babelCompileCount'>Loading…</span>
</div>

<div className='timing'>
<span className='inline-block'>Typescript files compiled</span>
<span className='inline-block highlight-info' ref='typescriptCompileCount' />
<span className='inline-block' ref='typescriptCompileCount'>Loading…</span>
</div>

<div className='timing'>
<span className='inline-block'>CSON files compiled</span>
<span className='inline-block highlight-info' ref='csonCompileCount' />
<span className='inline-block' ref='csonCompileCount'>Loading…</span>
</div>

<div className='timing'>
<span className='inline-block'>Less files compiled</span>
<span className='inline-block highlight-info' ref='lessCompileCount' />
<span className='inline-block' ref='lessCompileCount'>Loading…</span>
</div>
</div>
</div>
Expand All @@ -54,12 +54,17 @@ export default class CachePanelView {
populate () {
const compileCacheStats = this.getCompileCacheStats()
if (compileCacheStats) {
this.refs.coffeeCompileCount.classList.add('highlight-info')
this.refs.coffeeCompileCount.textContent = compileCacheStats['.coffee'].misses
this.refs.babelCompileCount.classList.add('highlight-info')
this.refs.babelCompileCount.textContent = compileCacheStats['.js'].misses
this.refs.typescriptCompileCount.classList.add('highlight-info')
this.refs.typescriptCompileCount.textContent = compileCacheStats['.ts'].misses
}

this.refs.csonCompileCount.classList.add('highlight-info')
this.refs.csonCompileCount.textContent = this.getCsonCompiles()
this.refs.lessCompileCount.classList.add('highlight-info')
this.refs.lessCompileCount.textContent = this.getLessCompiles()
}

Expand Down
2 changes: 1 addition & 1 deletion lib/package-panel-view.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ export default class PackagePanelView {
<div className='inset-panel'>
<div className='panel-heading'>{this.title}</div>
<div className='panel-body padded'>
<div className='text-info' ref='summary' />
<div className='text-info' ref='summary'>Loading…</div>
<ul className='list-group' ref='list' />
</div>
</div>
Expand Down
10 changes: 5 additions & 5 deletions lib/window-panel-view.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,28 +31,28 @@ export default class WindowPanelView {
<div className='panel-body padded'>
<div className='timing' ref='windowTiming'>
<span className='inline-block'>Window load time</span>
<span className='inline-block' ref='windowLoadTime' />
<span className='inline-block' ref='windowLoadTime'>Loading…</span>
</div>

<div className='timing' ref='shellTiming'>
<span className='inline-block'>Shell load time</span>
<span className='inline-block' ref='shellLoadTime' />
<span className='inline-block' ref='shellLoadTime'>Loading…</span>
</div>

<div ref='deserializeTimings'>
<div className='timing' ref='workspaceTiming'>
<span className='inline-block'>Workspace load time</span>
<span className='inline-block' ref='workspaceLoadTime' />
<span className='inline-block' ref='workspaceLoadTime'>Loading…</span>
</div>

<div className='timing' ref='projectTiming'>
<span className='inline-block'>Project load time</span>
<span className='inline-block' ref='projectLoadTime' />
<span className='inline-block' ref='projectLoadTime'>Loading…</span>
</div>

<div className='timing' ref='atomTiming'>
<span className='inline-block'>Window state load time</span>
<span className='inline-block' ref='atomLoadTime' />
<span className='inline-block' ref='atomLoadTime'>Loading…</span>
</div>
</div>
</div>
Expand Down