Show loading message in available tab

This commit is contained in:
Kevin Sawicki 2013-05-22 08:42:09 -07:00
parent 80a55bb69a
commit ce20bba792
2 changed files with 17 additions and 1 deletions

View File

@ -7,10 +7,13 @@ packageManager = require 'package-manager'
module.exports =
class AvailablePackagesConfigPanel extends ConfigPanel
@content: ->
@div class: 'available-packages'
@div class: 'available-packages', =>
@div outlet: 'loadingArea', class: 'alert alert-info loading-area', =>
@span 'Loading available packages\u2026'
initialize: ->
packageManager.getAvailable (error, packages) =>
@loadingArea.hide()
if error?
console.error(error.stack ? error)
else

View File

@ -151,6 +151,19 @@
margin-left: 10px;
}
.loading-area {
span {
.mini-icon(hourglass);
&:before {
font-size: 1.1em;
width: 1.1em;
height: 1.1em;
margin-right: 5px;
}
}
}
.package-panel {
.nav {
margin-bottom: 10px;