diff --git a/src/Containers.react.js b/src/Containers.react.js index a06a8fd8..59c657cc 100644 --- a/src/Containers.react.js +++ b/src/Containers.react.js @@ -78,6 +78,7 @@ var Containers = React.createClass({ this.transitionTo('new'); }, handleAutoUpdateClick: function () { + console.log('CLICKED UPDATE'); ipc.send('command', 'application:quit-install'); }, render: function () { @@ -85,7 +86,16 @@ var Containers = React.createClass({ if (this.state.sidebarOffset) { sidebarHeaderClass += ' sep'; } - + var updateNotification; + var updatePadding; + if (this.state.updateAvailable) { + updateNotification = ( +
Update AvailableUpdate Now
+ ); + updatePadding = ( +
+ ); + } var container = this.getParams().name ? this.state.containers[this.getParams().name] : {}; return (
@@ -100,6 +110,8 @@ var Containers = React.createClass({
+ {updatePadding} + {updateNotification}
diff --git a/src/Main.js b/src/Main.js index 83f91d64..5cfd4c0e 100644 --- a/src/Main.js +++ b/src/Main.js @@ -9,6 +9,8 @@ var router = require('./router'); var boot2docker = require('./boot2docker'); var ContainerStore = require('./ContainerStore'); var SetupStore = require('./SetupStore'); +var MenuTemplate = require('./MenuTemplate'); +var Menu = remote.require('menu'); var settingsjson; try { @@ -32,6 +34,9 @@ bugsnag.releaseStage = process.env.NODE_ENV === 'development' ? 'development' : bugsnag.notifyReleaseStages = ['production']; bugsnag.appVersion = app.getVersion(); +var menu = Menu.buildFromTemplate(MenuTemplate); +Menu.setApplicationMenu(menu); + router.run(Handler => React.render(, document.body)); SetupStore.run().then(boot2docker.ip).then(ip => { console.log(ip); diff --git a/src/Menu.js b/src/MenuTemplate.js similarity index 94% rename from src/Menu.js rename to src/MenuTemplate.js index 22490878..c5a00956 100644 --- a/src/Menu.js +++ b/src/MenuTemplate.js @@ -2,13 +2,12 @@ var remote = require('remote'); var app = remote.require('app'); var path = require('path'); var docker = require('./Docker'); -var Menu = remote.require('menu'); var BrowserWindow = remote.require('browser-window'); var router = require('./Router'); var util = require('./Util'); // main.js -var template = [ +var MenuTemplate = [ { label: 'Kitematic', submenu: [ @@ -160,7 +159,5 @@ var template = [ }, ]; -var menu = Menu.buildFromTemplate(template); -Menu.setApplicationMenu(menu); -module.exports = menu; +module.exports = MenuTemplate; diff --git a/styles/main.less b/styles/main.less index 55c669b1..3c793c6a 100644 --- a/styles/main.less +++ b/styles/main.less @@ -61,6 +61,30 @@ html, body { border: 1px solid #ddd; } +.update-notification { + background-color: white; + opacity: 0.9; + position: fixed; + bottom: 0; + width: 259px; + padding: 10px; + //border-top: 1px solid darken(#FCF8E3, 5%); + color: @gray-normal; + font-size: 12px; + .text { + position: relative; + top: 3px; + } + .btn { + position: relative; + float: right; + } +} + +.update-padding { + position: relative; + height: 40px; +} @-webkit-keyframes spin { from {