Merge pull request #13 from ekonstantinidis/footer

Footer

Author: ekonstantinidis

README.md

@@ -1,13 +1,15 @@
-Github Notifier [![Build Status](https://magnum.travis-ci.com/ekonstantinidis/github-notifier.svg?token=9QR4ewbqbkEmHps6q5sq&branch=master)](https://magnum.travis-ci.com/ekonstantinidis/github-notifier)
+Gitify [![Build Status](https://magnum.travis-ci.com/ekonstantinidis/gitify.svg?token=9QR4ewbqbkEmHps6q5sq&branch=master)](https://magnum.travis-ci.com/ekonstantinidis/gitify)
 ==========
-Github Notifications on your menu bar.
+GitHub Notifications on your menu bar.
+
+![Gitify](images/press.png)
 
 ### Prerequisites
 
- - Electron
- - ReactJS
- - Grunt
- - NPM
+ - Electron [+](http://electron.atom.io/)
+ - React [+](https://facebook.github.io/react/)
+ - Grunt [+](http://gruntjs.com/)
+ - NPM [+](https://www.npmjs.com/)
 
 
 ### Installation
@@ -16,14 +18,22 @@ If you encounter any issues with `npm install`, then run `ulimit -n 512`.
     npm install
 
 
-### Development
-To watch for changes in the `src` directory:
+    ### Development
+    To watch for changes in the `src` directory:
+
+        npm run watch
+
+    To run the actual **electron app**:
+
+        npm start
+
 
-    npm run watch
+### Distribution
+To prepare the app for distribution run:
 
-To run the actual **electron app**:
+      npm run dist
 
-    npm start
+Currently supports only OS X.
 
 
 ### Tests (JsxHint)

images/app-icon.icns

@@ -8,11 +8,11 @@ var Menu = require('menu');
 var Tray = require('tray');
 var BrowserWindow = require('browser-window');
 
-var iconPlain = path.join(__dirname, 'images', 'github-tray-plain.png');
-var iconGreen = path.join(__dirname, 'images', 'github-tray-green.png');
+var iconIdle = path.join(__dirname, 'images', 'tray-idle.png');
+var iconActive = path.join(__dirname, 'images', 'tray-active.png');
 
 app.on('ready', function(){
-  appIcon = new Tray(iconPlain);
+  appIcon = new Tray(iconIdle);
   initWindow();
 
   appIcon.on('clicked', function clicked (e, bounds) {
@@ -60,13 +60,17 @@ app.on('ready', function(){
 
   ipc.on('update-icon', function(event, arg) {
     var icon;
-    if (arg == "IconGreen") {
-      appIcon.setImage(iconGreen);
+    if (arg == "TrayActive") {
+      appIcon.setImage(iconActive);
     } else {
-      appIcon.setImage(iconPlain);
+      appIcon.setImage(iconIdle);
     }
   });
 
+  ipc.on('app-quit', function(event) {
+    app.quit();
+  });
+
   app.dock.hide();
   appIcon.setToolTip('Github Notifications on your menu bar.');
 });

images/logo-hor-white.png

@@ -1,5 +1,5 @@
 {
-  "name": "github-notifier",
+  "name": "gitify",
   "version": "0.0.1",
   "description": "Github Notifications on your menu bar.",
   "main": "main.js",
@@ -9,12 +9,12 @@
     "watch-js": "watchify -t reactify src/js/app.js -o build/js/app.js -v",
     "watch": "grunt build && npm build && npm run watch-js | grunt watch",
     "start": "electron .",
-    "dist": "rm -rf Gitify.app/ && electron-packager . Gitify --platform=darwin --arch=x64 --version=0.26.1 --prune --ignore=src",
+    "dist": "rm -rf Gitify.app/ && electron-packager . Gitify --platform=darwin --arch=x64 --version=0.26.1 --icon=images/app-icon.icns --prune --ignore=src",
     "test": "jsxhint --reporter node_modules/jshint-stylish/stylish.js 'src/**/*.js', 'index.js' --exclude 'Gruntfile.js'"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/ekonstantinidis/github-notifier.git"
+    "url": "https://github.com/ekonstantinidis/gitify.git"
   },
   "keywords": [
     "github",
@@ -26,9 +26,9 @@
   "author": "Emmanouil Konstantinidis",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/ekonstantinidis/github-notifier/issues"
+    "url": "https://github.com/ekonstantinidis/gitify/issues"
   },
-  "homepage": "https://github.com/ekonstantinidis/github-notifier",
+  "homepage": "https://github.com/ekonstantinidis/gitify",
   "dependencies": {
     "bootstrap": "=3.3.4",
     "browserify": "=10.2.1",

images/press.png

@@ -3,6 +3,7 @@ var Router = require('react-router');
 
 var AuthStore = require('./stores/auth');
 var Navigation = require('./components/navigation');
+var Footer = require('./components/footer');
 var LoginPage = require('./components/login');
 var NotificationsPage = require('./components/notifications');
 
@@ -26,6 +27,7 @@ var App = React.createClass({
       <div>
         <Navigation />
         <RouteHandler />
+        <Footer />
       </div>
     );
   }

images/github-tray-plain.png renamed to images/tray-active.png

@@ -0,0 +1,22 @@
+var React = require('react');
+var remote = window.require('remote');
+var shell = remote.require('shell');
+
+var Footer = React.createClass({
+
+  openRepoBrowser: function () {
+    shell.openExternal('http://www.github.com/ekonstantinidis/gitify');
+  },
+
+  render: function () {
+    return (
+      <div className='container-fluid footer'>
+        <div className='row'>
+          <div className='col-xs-12 right' onClick={this.openRepoBrowser}>Fork me on <span className="octicon octicon-mark-github"/></div>
+        </div>
+      </div>
+    );
+  }
+});
+
+module.exports = Footer;