2014-07-20 02:25:36 +04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
|
2014-07-20 03:00:24 +04:00
|
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
|
|
|
<link rel="stylesheet" href="css/editor.css">
|
|
|
|
|
|
|
|
|
|
|
2014-07-21 02:30:24 +04:00
|
|
|
<script src="ext-lib/jquery.js"></script>
|
|
|
|
|
<script src="ext-lib/jquery-ui.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="lib/jli.js"></script>
|
|
|
|
|
<script src="lib/keyboard.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="actions.js"></script>
|
|
|
|
|
<!--script src="interaction.js"></script-->
|
|
|
|
|
<script src="data.js"></script>
|
|
|
|
|
<script src="viewer.js"></script>
|
|
|
|
|
<script src="ribbons.js"></script>
|
|
|
|
|
<script src="images.js"></script>
|
|
|
|
|
<script src="image.js"></script>
|
|
|
|
|
<script src="loader.js"></script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var gui = require('nw.gui')
|
|
|
|
|
|
|
|
|
|
window.toggleFullscreenMode = createCSSClassToggler(
|
|
|
|
|
document.body,
|
|
|
|
|
'.full-screen-mode',
|
|
|
|
|
function(action){
|
|
|
|
|
gui.Window.get().toggleFullscreen()
|
|
|
|
|
})
|
|
|
|
|
window.closeWindow = function(){
|
|
|
|
|
gui.Window.get().close()
|
|
|
|
|
}
|
|
|
|
|
window.showDevTools = function(){
|
|
|
|
|
gui.Window.get().showDevTools()
|
|
|
|
|
}
|
|
|
|
|
window.reload = function(){
|
|
|
|
|
gui.Window.get().reload()
|
|
|
|
|
}
|
|
|
|
|
window.setWindowTitle = function(text){
|
|
|
|
|
var title = text +' - '+ CONFIG.app_name
|
|
|
|
|
gui.Window.get().title = title
|
|
|
|
|
$('.title-bar .title').text(title)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var GLOBAL_KEYBOARD = {
|
|
|
|
|
'Global bindings': {
|
|
|
|
|
doc: 'NOTE: binding priority is the same as the order of sections '+
|
|
|
|
|
'on this page.',
|
|
|
|
|
pattern: '*',
|
|
|
|
|
|
|
|
|
|
F4: {
|
|
|
|
|
alt: doc('Close viewer',
|
|
|
|
|
function(){
|
|
|
|
|
closeWindow()
|
|
|
|
|
return false
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
F5: doc('Full reload viewer',
|
|
|
|
|
function(){
|
|
|
|
|
/*
|
|
|
|
|
killAllWorkers()
|
|
|
|
|
.done(function(){
|
|
|
|
|
reload()
|
|
|
|
|
})
|
|
|
|
|
*/
|
|
|
|
|
reload()
|
|
|
|
|
return false
|
|
|
|
|
}),
|
|
|
|
|
F12: doc('Show devTools',
|
|
|
|
|
function(){
|
|
|
|
|
showDevTools()
|
|
|
|
|
return false
|
|
|
|
|
}),
|
|
|
|
|
// NOTE: these are for systems where F** keys are not available
|
|
|
|
|
// or do other stuff...
|
|
|
|
|
R: {
|
|
|
|
|
/*
|
|
|
|
|
'ctrl+alt': doc('Reload viewer',
|
|
|
|
|
function(){
|
|
|
|
|
reloadViewer()
|
|
|
|
|
return false
|
|
|
|
|
}),
|
|
|
|
|
*/
|
|
|
|
|
'ctrl+shift': 'F5',
|
|
|
|
|
},
|
|
|
|
|
P: {
|
|
|
|
|
'ctrl+shift': 'F12',
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// NOTE: this is handled by the wrapper at this point, so we do
|
|
|
|
|
// not have to do anything here...
|
|
|
|
|
F11: doc('Toggle full screen view', function(){
|
|
|
|
|
toggleFullscreenMode()
|
|
|
|
|
return false
|
|
|
|
|
}),
|
|
|
|
|
F: {
|
|
|
|
|
ctrl: 'F11',
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(function(){
|
|
|
|
|
$(document)
|
|
|
|
|
.keydown(makeKeyboardHandler(
|
|
|
|
|
GLOBAL_KEYBOARD,
|
|
|
|
|
function(k){
|
|
|
|
|
window.DEBUG && console.log(k)
|
|
|
|
|
}))
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
2014-07-20 02:25:36 +04:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
2014-07-21 02:30:24 +04:00
|
|
|
<!-- for viewer structure doc see: ribbons.js... -->
|
2014-07-20 02:25:36 +04:00
|
|
|
|
2014-07-21 02:30:24 +04:00
|
|
|
<div class="viewer dark">
|
2014-07-20 02:25:36 +04:00
|
|
|
|
|
|
|
|
<div class="ribbon-set"></div>
|
|
|
|
|
|
|
|
|
|
|
2014-07-21 02:30:24 +04:00
|
|
|
<!-- XXX should these be here???
|
2014-07-20 02:25:36 +04:00
|
|
|
<div class="overlay-block">
|
|
|
|
|
<div class="background"></div>
|
|
|
|
|
<div class="content"></div>
|
|
|
|
|
</div>
|
2014-07-21 02:30:24 +04:00
|
|
|
-->
|
2014-07-20 02:25:36 +04:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- vim:set ts=4 sw=4 spell : -->
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
