creation du menu avec tray icon

This commit is contained in:
WEBER Antoine 2015-10-09 21:12:23 +02:00
parent 9e01dd3724
commit b3e2fe85bc
9 changed files with 419 additions and 130 deletions

114
bin/www
View File

@ -1,114 +0,0 @@
#!/usr/bin/env node
//On commence par la mise en cluster
var cluster = require('cluster');
// Code to run if we're in the master process
if (cluster.isMaster) {
// Count the machine's CPUs
var cpuCount = require('os').cpus().length;
// Create a worker for each CPU
for (var i = 0; i < cpuCount; i += 1) {
console.log('Création du fork ' + i);
cluster.fork();
}
// Listen for dying workers
cluster.on('exit', function (worker) {
// Replace the dead worker, we're not sentimental
console.log('Worker ' + worker.id + ' died :(');
cluster.fork();
console.log('Remplacement du worker ');
});
// Code to run if we're in a worker process
} else {
/**
* Module dependencies.
*/
var app = require('../app');
var debug = require('debug')('plex_webdown:server');
var http = require('http');
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* Create HTTP server.
*/
var server = http.createServer(app);
/**
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
}
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}

13
index.html Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>PLEX Web Downloader</title>
<script src="./js/startup.js"></script>
</head>
<body>
<section>
</section>
</body>
</html>

View File

@ -4,12 +4,12 @@ var favicon = require('serve-favicon');
var logger = require('morgan'); var logger = require('morgan');
var cookieParser = require('cookie-parser'); var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser'); var bodyParser = require('body-parser');
var config = require('./config'); var config = require('../config');
var app = express(); var app = express();
// view engine setup // view engine setup
app.set('views', path.join(__dirname, 'views')); app.set('views', path.join(__dirname, '../views'));
app.set('view engine', 'jade'); app.set('view engine', 'jade');
//protection par mot de passe //protection par mot de passe
@ -37,22 +37,22 @@ app.use(function(req, res, next) {
next(); next();
}); });
app.use(favicon(path.join(__dirname, 'public', 'iconarchive_plex.ico'))); app.use(favicon(path.join(__dirname, '../public', 'iconarchive_plex.ico')));
app.use(logger('dev')); app.use(logger('dev'));
app.use(bodyParser.json()); app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser()); app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public'))); app.use(express.static(path.join(__dirname, '../public')));
app.use('/', require('./routes/index')); app.use('/', require('../routes/index'));
app.use('/users', require('./routes/users')); app.use('/users', require('../routes/users'));
app.use('/file', require('./routes/file')); app.use('/file', require('../routes/file'));
app.use('/channel', require('./routes/channel')); app.use('/channel', require('../routes/channel'));
app.use('/movie', require('./routes/movie')); app.use('/movie', require('../routes/movie'));
app.use('/show_list', require('./routes/show_list')); app.use('/show_list', require('../routes/show_list'));
app.use('/show', require('./routes/show')); app.use('/show', require('../routes/show'));
app.use('/divers', require('./routes/divers')); app.use('/divers', require('../routes/divers'));
// catch 404 and forward to error handler // catch 404 and forward to error handler
app.use(function(req, res, next) { app.use(function(req, res, next) {

113
js/clustering.js Normal file
View File

@ -0,0 +1,113 @@
//On commence par la mise en cluster
var cluster = require('cluster');
// Code to run if we're in the master process
if (cluster.isMaster) {
// Count the machine's CPUs
var cpuCount = require('os').cpus().length;
// Create a worker for each CPU
for (var i = 0; i < cpuCount; i += 1) {
console.log('Création du fork ' + i);
cluster.fork();
}
// Listen for dying workers
cluster.on('exit', function (worker) {
// Replace the dead worker, we're not sentimental
console.log('Worker ' + worker.id + ' died :(');
cluster.fork();
console.log('Remplacement du worker ');
});
// Code to run if we're in a worker process
} else {
/**
* Module dependencies.
*/
var app = require('./build_server');
var debug = require('debug')('plex_webdown:server');
var http = require('http');
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* Create HTTP server.
*/
var server = http.createServer(app);
/**
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
}
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}

112
js/custom-tray-menu.js Normal file
View File

@ -0,0 +1,112 @@
"use strict";
var gui = global.window.nwDispatcher.requireNwGui();
var util = require('util');
class CustomTrayMenu {
constructor(windowPath, trayIcon, windowOptions) {
this.shown = false;
this.iconWidth = 12;
//valeur par défaut
this.trayIcon = trayIcon || 'tray2.png';
this.menuWindowPath = windowPath || 'custom-tray-menu.html';
this.menuWndowOptions = windowOptions || {
width: 185,
height: 143
};
this._initTray();
this._initMenuWindow();
this.tray.on('click', this.toggleTrayMenuAt.bind(this));
}
// remove tray, cose custom menu window
remove() {
this.tray.remove();
this.tray = null;
this.trayMenu.close();
process.emit('log', 'Remove tray icon');
}
_initTray() {
this.tray = new gui.Tray({
title: '',
icon: this.trayIcon,
alticon: '',
tooltip: window.document.title,
iconsAreTemplates: false
});
process.emit('log', 'Add tray icon');
}
_initMenuWindow() {
var windowOptions = util._extend({
width: 200,
height: 100,
frame: false,
transparent: true,
resizable: false,
toolbar: false,
show: false,
'show_in_taskbar': process.platform == "darwin"
}, this.menuWndowOptions);
this.trayMenu = gui.Window.open(this.menuWindowPath, windowOptions);
// add class to new window's body to apply platform specific css
this.trayMenu.on('document-end', function() {
this.trayMenu.window.document.body.className += ' ' + process.platform;
process.emit('log', "Adding class " + process.platform);
}.bind(this));
this.trayMenu.on('blur', function () {
this.trayMenu.hide();
this.shown = false;
process.emit('log', 'Hide custom menu');
}.bind(this));
}
// called when user click on tray icon
toggleTrayMenuAt(position) {
/*if (this.shown) {
this.trayMenu.hide(); // this will trigger listener added above
this.shown = false;
} else {*/
this.translate(position);
this.trayMenu.moveTo(position.x, position.y);
//global.main_win.show();
//global.main_win.focus();
this.trayMenu.show();
//this.trayMenu.focus();
this.shown = true;
process.emit('log', 'Show custom menu');
//}
}
// calculdate position for window to appear
translate(pos) {
process.emit('log', "Click position: " + util.inspect(pos));
if (process.platform == 'darwin') {
pos.x -= Math.floor(this.trayMenu.width / 2 - this.iconWidth);
} else {
pos.x -= Math.floor(this.trayMenu.width / 2);
// for windows can not make exac position, because we have position of click. Just move it 5px up
pos.y -= this._trayAreaIsTop(pos) ? 0 : this.trayMenu.height + this.iconWidth / 2 + 5;
}
}
_trayAreaIsTop(pos) {
var screen;
if (gui.Screen.Init) gui.Screen.Init();
function posInBounds(s) {
return pos.y > s.bounds.y && pos.y < (s.bounds.y + s.bounds.height) &&
pos.x > s.bounds.x && pos.x < (s.bounds.x + s.bounds.width);
}
screen = gui.Screen.screens.filter(posInBounds)[0];
return pos.y < (screen.bounds.y + screen.bounds.height) / 2;
}
}
module.exports = CustomTrayMenu;

53
js/startup.js Normal file
View File

@ -0,0 +1,53 @@
"use strict";
var gui = require('nw.gui');
var CustomTrayMenu = require('./js/custom-tray-menu');
var win = gui.Window.get();
global.main_win = win;
// Extend application menu for Mac OS
if (process.platform == "darwin") {
var menu = new gui.Menu({type: "menubar"});
menu.createMacBuiltin && menu.createMacBuiltin(window.document.title);
win.menu = menu;
}
var $ = function (selector) {
return document.querySelector(selector);
}
var customTray;
customTray = new CustomTrayMenu('./views/custom-tray-menu.html', 'public/icon.png', {
width: 200,
height: 150
});
// for nw-notify frameless windows
win.on('close', function() {
gui.App.quit();
});
win.on('click',function(t){
console.log(t);
});
// bring window to front when open via terminal
//win.focus();
win.hide();
var writeLog = function (msg, type) {
console.log(msg);
};
process.on('log', function (message) {
writeLog(message);
});
//on lance l'application en commencant par la creation des cluster
//require('./clustering');
var child_process = require('child_process');
// exec: spawns a shell.
child_process.exec('node js/clustering.js', function(error, stdout, stderr){
console.log(stdout);
});

View File

@ -1,10 +1,22 @@
{ {
"name": "plex_webdown", "name": "plex_webdown",
"version": "0.0.1", "version": "0.1.0",
"private": true, "main": "index.html",
"scripts": { "window": {
"start": "node ./bin/www" "show": true,
"frame": true,
"toolbar": false,
"focus": true,
"icon": "public/iconarchive_plex.ico",
"width": 550,
"height": 348
}, },
"scripts": {
"start": "nw ."
},
"private": true,
"dependencies": { "dependencies": {
"basic-auth": "^1.0.3", "basic-auth": "^1.0.3",
"body-parser": "~1.13.2", "body-parser": "~1.13.2",

BIN
public/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 369 B

100
views/custom-tray-menu.html Normal file
View File

@ -0,0 +1,100 @@
<html>
<script>
var gui = require('nw.gui');
var win = gui.Window.get();
function open_conf(){
var child_process = require('child_process');
// exec: spawns a shell.
child_process.exec('open config.js', function(error, stdout, stderr){
console.log(stdout);
});
}
</script>
<style>
body, html {
margin: 0;
font-size: 12px;
font-family: Helvetica Neue, Lucida Grande, Segoe UI, Tahoma, sans;
overflow: hidden !important;
color: #333;
}
section {
background: #fff;
margin: 10px 13px 13px 13px;
padding: 9px;
border-radius: 7px;
border: 1px solid #A9A9A9;
/*overflow: hidden;*/
box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.25);
position: relative;
text-align: center;
}
section::after, section::before {
position: absolute;
content: '';
display: block;
width: 0;
height: 0;
}
section::before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #A9A9A9;
top: -10px;
left: calc(50% - 11px);
}
section::after {
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
top: -9px;
left: calc(50% - 10px);
}
h4 {
color: #555555;
height: 33px;
line-height: 33px;
margin: -9px -9px 10px -9px;
background: linear-gradient(180deg, #fff, #E9E9E9);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
text-align: center;
font-size: 12px;
border-bottom: 1px solid #adadad;
}
/* FOR WINDOWS */
body.win32 section::before, body.win64 section::before {
border-bottom: none;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #A9A9A9;
top: auto;
bottom: -10px;
left: calc(50% - 11px);
}
body.win32 section::after, body.win64 section::after {
border-bottom: none;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #fff;
top: auto;
bottom: -9px;
left: calc(50% - 10px);
}
body.win32, body.win64 {{
section {
border-color: red;
}
}}
</style>
<body>
<section>
<h4>Plex Web Downloader</h4>
<p><button onclick="win.hide();">Minimiser le Menu</button></p>
<p><button onclick="open_conf();">Ouvrir la configuration</button></p>
<p><button onclick="gui.App.closeAllWindows();">Arreter le Serveur</button></p>
</section>
</body>
</html>