creation du menu avec tray icon
This commit is contained in:
WEBER Antoine
parent
9e01dd3724
commit
b3e2fe85bc
114
bin/www
114
bin/www
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -4,12 +4,12 @@ var favicon = require('serve-favicon');
|
|||
var logger = require('morgan');
|
||||
var cookieParser = require('cookie-parser');
|
||||
var bodyParser = require('body-parser');
|
||||
var config = require('./config');
|
||||
var config = require('../config');
|
||||
|
||||
var app = express();
|
||||
|
||||
// view engine setup
|
||||
app.set('views', path.join(__dirname, 'views'));
|
||||
app.set('views', path.join(__dirname, '../views'));
|
||||
app.set('view engine', 'jade');
|
||||
|
||||
//protection par mot de passe
|
||||
|
|
@ -37,22 +37,22 @@ app.use(function(req, res, 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(bodyParser.json());
|
||||
app.use(bodyParser.urlencoded({ extended: false }));
|
||||
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('/users', require('./routes/users'));
|
||||
app.use('/file', require('./routes/file'));
|
||||
app.use('/channel', require('./routes/channel'));
|
||||
app.use('/movie', require('./routes/movie'));
|
||||
app.use('/show_list', require('./routes/show_list'));
|
||||
app.use('/show', require('./routes/show'));
|
||||
app.use('/divers', require('./routes/divers'));
|
||||
app.use('/', require('../routes/index'));
|
||||
app.use('/users', require('../routes/users'));
|
||||
app.use('/file', require('../routes/file'));
|
||||
app.use('/channel', require('../routes/channel'));
|
||||
app.use('/movie', require('../routes/movie'));
|
||||
app.use('/show_list', require('../routes/show_list'));
|
||||
app.use('/show', require('../routes/show'));
|
||||
app.use('/divers', require('../routes/divers'));
|
||||
|
||||
// catch 404 and forward to error handler
|
||||
app.use(function(req, res, next) {
|
||||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
@ -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);
|
||||
});
|
||||
20
package.json
20
package.json
|
|
@ -1,10 +1,22 @@
|
|||
{
|
||||
"name": "plex_webdown",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"start": "node ./bin/www"
|
||||
"version": "0.1.0",
|
||||
"main": "index.html",
|
||||
"window": {
|
||||
"show": true,
|
||||
"frame": true,
|
||||
"toolbar": false,
|
||||
"focus": true,
|
||||
"icon": "public/iconarchive_plex.ico",
|
||||
"width": 550,
|
||||
"height": 348
|
||||
},
|
||||
"scripts": {
|
||||
"start": "nw ."
|
||||
},
|
||||
|
||||
"private": true,
|
||||
|
||||
"dependencies": {
|
||||
"basic-auth": "^1.0.3",
|
||||
"body-parser": "~1.13.2",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 369 B |
|
|
@ -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>
|
||||
Loading…
Reference in New Issue