mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-30 10:50:08 +00:00
917 lines
22 KiB
JavaScript
Executable File
917 lines
22 KiB
JavaScript
Executable File
/**********************************************************************
|
|
*
|
|
*
|
|
*
|
|
**********************************************************************/
|
|
|
|
//var DEBUG = DEBUG != null ? DEBUG : true
|
|
|
|
var CURSOR_SHOW_THRESHOLD = 20
|
|
var CURSOR_HIDE_TIMEOUT = 1000
|
|
|
|
var STATUS_QUEUE = []
|
|
var STATUS_QUEUE_TIME = 200
|
|
|
|
|
|
|
|
|
|
/*********************************************************************/
|
|
|
|
// XXX revise...
|
|
// NOTE: to catch the click event correctly while the cursor is hidden
|
|
// this must be the first to get the event...
|
|
// NOTE: this uses element.data to store the timer and cursor position...
|
|
function autoHideCursor(elem){
|
|
elem = $(elem)
|
|
var data = elem.data()
|
|
elem
|
|
.on('mousemove', function(evt){
|
|
var cursor = elem.css('cursor')
|
|
|
|
data._cursor_pos = data._cursor_pos == null || cursor != 'none' ?
|
|
[evt.clientX, evt.clientY]
|
|
: data._cursor_pos
|
|
|
|
// cursor visible -- extend visibility...
|
|
if(cursor != 'none'){
|
|
|
|
if(data._cursor_timeout != null){
|
|
clearTimeout(data._cursor_timeout)
|
|
}
|
|
data._cursor_timeout = setTimeout(function(){
|
|
if(Math.abs(evt.clientX - data._cursor_pos[0]) < CURSOR_SHOW_THRESHOLD
|
|
|| Math.abs(evt.clientY - data._cursor_pos[1]) < CURSOR_SHOW_THRESHOLD){
|
|
|
|
elem.css('cursor', 'none')
|
|
}
|
|
}, CURSOR_HIDE_TIMEOUT)
|
|
|
|
|
|
// cursor hidden -- if outside the threshold, show...
|
|
} else if(Math.abs(evt.clientX - data._cursor_pos[0]) > CURSOR_SHOW_THRESHOLD
|
|
|| Math.abs(evt.clientY - data._cursor_pos[1]) > CURSOR_SHOW_THRESHOLD){
|
|
|
|
elem.css('cursor', '')
|
|
}
|
|
})
|
|
.click(function(evt){
|
|
if(elem.css('cursor') == 'none'){
|
|
//event.stopImmediatePropagation()
|
|
//event.preventDefault()
|
|
|
|
if(data._cursor_timeout != null){
|
|
clearTimeout(data._cursor_timeout)
|
|
data._cursor_timeout = null
|
|
}
|
|
|
|
elem.css('cursor', '')
|
|
//return false
|
|
}
|
|
})
|
|
return elem
|
|
}
|
|
|
|
|
|
/*
|
|
// XXX does not work...
|
|
// ...does not show the cursor without moving it...
|
|
function showCursor(elem){
|
|
elem = $(elem)
|
|
var data = elem.data()
|
|
if(data._cursor_timeout != null){
|
|
clearTimeout(data._cursor_timeout)
|
|
}
|
|
elem.css('cursor', '')
|
|
}
|
|
*/
|
|
|
|
|
|
function flashIndicator(direction){
|
|
var cls = {
|
|
// shift up/down...
|
|
prev: '.up-indicator',
|
|
next: '.down-indicator',
|
|
// hit start/end/top/bottom of view...
|
|
start: '.start-indicator',
|
|
end: '.end-indicator',
|
|
top: '.top-indicator',
|
|
bottom: '.bottom-indicator',
|
|
}[direction]
|
|
|
|
var indicator = $(cls)
|
|
|
|
if(indicator.length == 0){
|
|
indicator = $('<div>')
|
|
.addClass(cls.replace('.', ''))
|
|
.appendTo($('.viewer'))
|
|
}
|
|
|
|
return indicator
|
|
// NOTE: this needs to be visible in all cases and key press
|
|
// rhythms...
|
|
.show()
|
|
.delay(100)
|
|
.fadeOut(300)
|
|
}
|
|
|
|
|
|
// Update an info element
|
|
//
|
|
// align can be:
|
|
// - top
|
|
// - bottom
|
|
//
|
|
// If target is an existing info container (class: overlay-info) then
|
|
// just fill that.
|
|
function updateInfo(elem, data, target){
|
|
var viewer = $('.viewer')
|
|
target = target == null ? viewer : $(target)
|
|
elem = elem == null ? $('.overlay-info') : $(elem)
|
|
|
|
if(elem.length == 0){
|
|
elem = $('<div/>')
|
|
}
|
|
|
|
elem
|
|
.addClass('overlay-info')
|
|
.html('')
|
|
.off()
|
|
|
|
if(typeof(data) == typeof('abc')){
|
|
elem.html(data)
|
|
} else {
|
|
elem.append(data)
|
|
}
|
|
|
|
return elem
|
|
.appendTo(target)
|
|
}
|
|
|
|
|
|
function showInfo(elem, data, target){
|
|
elem = elem == null ? $('.overlay-info') : elem
|
|
elem = data == null ? elem : updateInfo(elem, data, traget)
|
|
return elem.fadeIn()
|
|
}
|
|
|
|
|
|
function hideInfo(elem){
|
|
elem = elem == null ? $('.overlay-info') : elem
|
|
return elem.fadeOut()
|
|
}
|
|
|
|
|
|
// Update status message
|
|
//
|
|
// NOTE: this will update message content and return it as-is, things
|
|
// like showing the message are to be done manually...
|
|
// see: showStatus(...) and showErrorStatus(...) for a higher level
|
|
// API...
|
|
// NOTE: in addition to showing user status, this will also log the
|
|
// satus to browser console...
|
|
// NOTE: the message will be logged to console via either console.log(...)
|
|
// or console.error(...), if the message starts with "Error".
|
|
// NOTE: if message is null, then just return the status element...
|
|
//
|
|
// XXX add abbility to append and clear status...
|
|
function updateStatus(message){
|
|
|
|
var elem = $('.global-status')
|
|
if(elem.length == 0){
|
|
elem = $('<div class="global-status"/>')
|
|
}
|
|
if(message == null){
|
|
return elem
|
|
}
|
|
|
|
if(typeof(message) == typeof('s') && /^error.*/i.test(message)){
|
|
console.error.apply(console, arguments)
|
|
} else {
|
|
console.log.apply(console, arguments)
|
|
}
|
|
|
|
if(arguments.length > 1){
|
|
message = Array.apply(Array, arguments).join(' ')
|
|
}
|
|
|
|
return updateInfo(elem, message)
|
|
}
|
|
|
|
|
|
// Same as updateInfo(...) but will aslo show and animate-close the message
|
|
//
|
|
// XXX the next call will not reset the animation of the previous, rather
|
|
// it will pause it and rezume...
|
|
// ...not sure if this is correct.
|
|
function showStatus(message){
|
|
return updateStatus.apply(null, arguments)
|
|
//.stop()
|
|
.stop(true, false)
|
|
//.finish()
|
|
.show()
|
|
.delay(500)
|
|
.fadeOut(800)
|
|
}
|
|
|
|
|
|
// Same as showStatus(...) but queue the message so as to display it for
|
|
// a meaningful amount of time...
|
|
//
|
|
// - This will print the first message right away.
|
|
// - Each consecutive message if STATUS_QUEUE_TIME has not passed yet
|
|
// will get queued.
|
|
// - Once the STATUS_QUEUE_TIME has passed the next message is reported
|
|
// and so on until the queue is empty.
|
|
//
|
|
// NOTE: for very a fast and large sequence of messages the reporting
|
|
// may (will) take longer (significantly) than the actual "job"...
|
|
// NOTE: this will delay the logging also...
|
|
function showStatusQ(message){
|
|
if(STATUS_QUEUE.length == 0){
|
|
|
|
// end marker...
|
|
STATUS_QUEUE.push(0)
|
|
|
|
showStatus.apply(null, arguments)
|
|
|
|
function _printer(){
|
|
// if queue is empty we have nothing to do...
|
|
if(STATUS_QUEUE.length == 1){
|
|
STATUS_QUEUE.pop()
|
|
return
|
|
}
|
|
// if not empty show a status and repeat...
|
|
showStatus.apply(null, STATUS_QUEUE.pop())
|
|
setTimeout(_printer, STATUS_QUEUE_TIME)
|
|
}
|
|
|
|
setTimeout(_printer, STATUS_QUEUE_TIME)
|
|
|
|
// queue not empty...
|
|
} else {
|
|
STATUS_QUEUE.splice(1, 0, Array.apply(Array, arguments))
|
|
}
|
|
}
|
|
|
|
|
|
// Same as showStatus(...) but will always add 'Error: ' to the start
|
|
// of the message
|
|
//
|
|
// NOTE: this will show the message but will not hide it.
|
|
function showErrorStatus(message){
|
|
message = Array.apply(Array, arguments)
|
|
message.splice(0, 0, 'Error:')
|
|
return updateStatus.apply(null, message)
|
|
.one('click', function(){ $(this).fadeOut() })
|
|
//.stop()
|
|
.stop(true, false)
|
|
//.finish()
|
|
.show()
|
|
}
|
|
|
|
|
|
// shorthand methods...
|
|
function hideStatus(){
|
|
// yes, this indeed looks funny -- to hide a status you need to show
|
|
// it without any arguments... ;)
|
|
return showStatus()
|
|
}
|
|
function getStatus(){
|
|
return updateStatus()
|
|
}
|
|
|
|
|
|
// XXX move to ui.js?
|
|
function makeIndicator(text){
|
|
return $('<span class="indicator expanding-text">'+
|
|
'<span class="hidden">'+ text +'</span>'+
|
|
'<span class="shown">'+ text[0] +'</span>'+
|
|
'</span>')
|
|
}
|
|
|
|
function showGlobalIndicator(cls, text){
|
|
var c = $('.global-mode-indicators')
|
|
if(c.length == 0){
|
|
c = $('<div>')
|
|
.addClass('global-mode-indicators')
|
|
.append('<span class="mode-tip">Global status</span>')
|
|
.appendTo($('.viewer'))
|
|
}
|
|
return makeIndicator(text)
|
|
.addClass(cls)
|
|
.appendTo(c)
|
|
}
|
|
function showContextIndicator(cls, text){
|
|
var c = $('.context-mode-indicators')
|
|
if(c.length == 0){
|
|
c = $('<div>')
|
|
.addClass('context-mode-indicators')
|
|
.append('<span class="mode-tip">Context status</span>')
|
|
.appendTo($('.viewer'))
|
|
}
|
|
return makeIndicator(text)
|
|
.addClass(cls)
|
|
.appendTo(c)
|
|
}
|
|
|
|
|
|
|
|
/**********************************************************************
|
|
* Modal dialogs...
|
|
*/
|
|
|
|
function getOverlay(root){
|
|
root = $(root)
|
|
var overlay = root.find('.overlay-block')
|
|
if(overlay.length == 0){
|
|
return $('<div class="overlay-block">'+
|
|
'<div class="background"/>'+
|
|
'<div class="content"/>'+
|
|
'</div>').appendTo(root)
|
|
}
|
|
return overlay
|
|
}
|
|
|
|
|
|
function showInOverlay(root, data){
|
|
root = $(root)
|
|
|
|
var overlay = getOverlay(root)
|
|
|
|
|
|
if(data != null){
|
|
var container = $('<table width="100%" height="100%"><tr><td align="center" valign="center">'+
|
|
'<div class="dialog"/>'+
|
|
'</td></tr></table>')
|
|
var dialog = container.find('.dialog')
|
|
|
|
//overlay.find('.background')
|
|
// .click(function(){ hideOverlay(root) })
|
|
|
|
dialog
|
|
.append(data)
|
|
.on('click', function(){
|
|
event.stopPropagation()
|
|
})
|
|
overlay.find('.content')
|
|
.on('click', function(){
|
|
overlay.trigger('close')
|
|
hideOverlay(root)
|
|
})
|
|
.on('close accept', function(){
|
|
//hideOverlay(root)
|
|
})
|
|
.append(container)
|
|
}
|
|
|
|
root.addClass('overlay')
|
|
|
|
return overlay
|
|
}
|
|
|
|
|
|
function hideOverlay(root){
|
|
root.removeClass('overlay')
|
|
root.find('.overlay-block')
|
|
.trigger('close')
|
|
.remove()
|
|
}
|
|
|
|
|
|
var FIELD_TYPES = {
|
|
// format:
|
|
// string
|
|
text: {
|
|
type: 'text',
|
|
text: null,
|
|
default: '',
|
|
html: '<div class="field string">'+
|
|
'<span class="text"></span>'+
|
|
'<input type="text" class="value">'+
|
|
'</div>',
|
|
test: function(val){
|
|
return typeof(val) == typeof('abc')
|
|
},
|
|
set: function(field, value){
|
|
$(field).find('.value').attr('value', value)
|
|
},
|
|
get: function(field){
|
|
return $(field).find('.value').attr('value')
|
|
},
|
|
},
|
|
|
|
// format:
|
|
// true | false
|
|
bool: {
|
|
type: 'bool',
|
|
text: null,
|
|
default: false,
|
|
html: '<div class="field checkbox">'+
|
|
'<label><input type="checkbox" class="value">'+
|
|
'<span class="text"></span></label>'+
|
|
'</div>',
|
|
test: function(val){
|
|
return val === true || val === false
|
|
},
|
|
set: function(field, value){
|
|
if(value){
|
|
$(field).find('.value').attr('checked', '')
|
|
} else {
|
|
$(field).find('.value').removeAttr('checked')
|
|
}
|
|
},
|
|
get: function(field){
|
|
return $(field).find('.value').attr('checked') == 'checked'
|
|
},
|
|
},
|
|
|
|
// NOTE: this will not work without node-webkit...
|
|
// format:
|
|
// { dir: <default-path> }
|
|
dir: {
|
|
type: 'dir',
|
|
text: null,
|
|
default: false,
|
|
html: '<div class="field checkbox">'+
|
|
'<span class="text"></span>'+
|
|
'<input type="file" class="value" nwdirectory />'+
|
|
'</div>',
|
|
test: function(val){
|
|
return typeof(val) == typeof({}) && 'dir' in val
|
|
},
|
|
set: function(field, value){
|
|
field.find('.value').attr('nwworkingdir', value.dir)
|
|
},
|
|
get: function(field){
|
|
var f = $(field).find('.value')[0].files
|
|
if(f.length == 0){
|
|
return ''
|
|
}
|
|
return f[0].path
|
|
},
|
|
},
|
|
|
|
// NOTE: this will not work without node-webkit...
|
|
// format:
|
|
// { dir: <default-path> }
|
|
ndir: {
|
|
type: 'ndir',
|
|
text: null,
|
|
default: false,
|
|
html: '<div class="field dir">'+
|
|
'<span class="text"></span>'+
|
|
'<input type="text" class="path"/>'+
|
|
'<button class="browse">Browse</button>'+
|
|
'</div>',
|
|
test: function(val){
|
|
return typeof(val) == typeof({}) && 'ndir' in val
|
|
},
|
|
set: function(field, value){
|
|
var that = this
|
|
|
|
// NOTE: we are attaching the file browser to body to avoid
|
|
// click events on it closing the dialog...
|
|
// ...for some reason stopPropagation(...) does not do
|
|
// the job...
|
|
var file = $('<input type="file" class="value" nwdirectory/>')
|
|
.attr('nwworkingdir', value.ndir)
|
|
.change(function(){
|
|
var p = file[0].files
|
|
if(p.length != 0){
|
|
field.find('.path').val(p[0].path)
|
|
}
|
|
file.detach()
|
|
})
|
|
.hide()
|
|
field.find('.path').val(value.ndir)
|
|
|
|
field.find('.browse').click(function(){
|
|
file
|
|
// load user input path...
|
|
.attr('nwworkingdir', field.find('.path').val())
|
|
.appendTo($('body'))
|
|
.click()
|
|
})
|
|
|
|
},
|
|
get: function(field){
|
|
return field.find('.path').val()
|
|
},
|
|
},
|
|
|
|
// format:
|
|
// ['a', 'b', 'c', ...]
|
|
choice: {
|
|
type: 'choice',
|
|
text: null,
|
|
default: false,
|
|
html: '<div class="field choice">'+
|
|
'<span class="text"></span>'+
|
|
'<div class="item"><label>'+
|
|
'<input type="radio" class="value"/>'+
|
|
'<span class="item-text"></span>'+
|
|
'</label></div>'+
|
|
'</div>',
|
|
test: function(val){
|
|
return typeof(val) == typeof([]) && val.constructor.name == 'Array'
|
|
},
|
|
set: function(field, value){
|
|
var t = field.find('.text').text()
|
|
t = t == '' ? Math.random()+'' : t
|
|
var item = field.find('.item').last()
|
|
for(var i=0; i < value.length; i++){
|
|
item.find('.value')
|
|
.val(value[i])
|
|
item.find('.item-text')
|
|
.text(value[i])
|
|
item.appendTo(field)
|
|
|
|
item = item.clone()
|
|
}
|
|
field.find('.value')
|
|
.attr('name', t)
|
|
.first()
|
|
.attr('checked', '')
|
|
},
|
|
get: function(field){
|
|
return $(field).find('.value:checked').val()
|
|
},
|
|
},
|
|
|
|
// NOTE: a button can have state...
|
|
// format:
|
|
// {
|
|
// // click event handler...
|
|
// button: <function>,
|
|
// // optional, button text (default 'OK')...
|
|
// text: <button-label>,
|
|
// // optional, initial state setup...
|
|
// default: <function>,
|
|
// }
|
|
button: {
|
|
type: 'button',
|
|
text: null,
|
|
default: false,
|
|
html: '<div class="field button">'+
|
|
'<span class="text"></span>'+
|
|
'<button class="button"></button>'+
|
|
'</div>',
|
|
test: function(val){
|
|
return 'button' in val
|
|
},
|
|
set: function(field, value){
|
|
var btn = $(field).find('button')
|
|
.click(value.button)
|
|
.html(value.text == null ? 'OK' : value.text)
|
|
if('default' in value){
|
|
value.default(btn)
|
|
}
|
|
},
|
|
get: function(field){
|
|
return $(field).attr('state')
|
|
},
|
|
},
|
|
}
|
|
|
|
// Show a complex form dialog
|
|
//
|
|
// This will build a form and collect it's data on "accept" specified by
|
|
// the config object...
|
|
//
|
|
// config format:
|
|
// {
|
|
// // simple field...
|
|
// <field-description>: <default-value>,
|
|
//
|
|
// ...
|
|
// }
|
|
//
|
|
// <field-description> and split in two with a "|" the section before will
|
|
// show as the field text and the text after as the tooltip.
|
|
// Example:
|
|
// "field text | field tooltip..."
|
|
//
|
|
// field's default value determines it's type:
|
|
// bool - checkbox
|
|
// string - textarea
|
|
//
|
|
// see FIELD_TYPES for supported field types.
|
|
//
|
|
// NOTE: if btn is set to false explicitly then no button will be
|
|
// rendered in the form dialog.
|
|
// NOTE: to include a literal "|" in <field-description> just escape it
|
|
// like this: "\|"
|
|
//
|
|
// XXX add form testing...
|
|
// XXX add undefined field handling/reporting...
|
|
// XXX revise...
|
|
function formDialog(root, message, config, btn, cls){
|
|
cls = cls == null ? '' : cls
|
|
btn = btn == null ? 'OK' : btn
|
|
root = root == null ? $('.viewer') : root
|
|
|
|
var form = $('<div class="form"/>')
|
|
var data = {}
|
|
var res = $.Deferred()
|
|
|
|
// handle message and btn...
|
|
form.append($('<div class="text">'+message+'</div>'))
|
|
|
|
// build the form...
|
|
for(var t in config){
|
|
var did_handling = false
|
|
for(var f in FIELD_TYPES){
|
|
if(FIELD_TYPES[f].test(config[t])){
|
|
var field = FIELD_TYPES[f]
|
|
var html = $(field.html)
|
|
|
|
// get the tooltip...
|
|
if(/[^\\]\|/.test(t)){
|
|
// XXX do we need to cut the spaces off here???
|
|
var tip = t.split(/\s*\|\s*/)
|
|
text = tip[0]
|
|
tip = tip[1]
|
|
$('<span class="tooltip-icon tooltip-right">?</span>')
|
|
.attr('tooltip', tip)
|
|
.appendTo(html)
|
|
// cleanup...
|
|
} else {
|
|
text = t.replace(/\\\|/g, '|')
|
|
}
|
|
// setup text and data...
|
|
html.find('.text').text(text)
|
|
field.set(html, config[t])
|
|
|
|
// NOTE: this is here to isolate t and field.get values...
|
|
// ...is there a better way???
|
|
var _ = (function(title, getter){
|
|
html.on('resolve', function(evt, e){
|
|
data[title] = getter(e)
|
|
})
|
|
})(t, field.get)
|
|
|
|
form.append(html)
|
|
|
|
did_handling = true
|
|
break
|
|
}
|
|
}
|
|
|
|
// handle unresolved fields...
|
|
if(!did_handling){
|
|
console.warn('formDialog: not all fields understood.')
|
|
// XXX skipping field...
|
|
// XXX
|
|
}
|
|
}
|
|
|
|
// add button...
|
|
if(btn !== false){
|
|
var button = $('<button class="accept">'+btn+'</button>')
|
|
form.append(button)
|
|
}
|
|
|
|
var overlay = showInOverlay(root, form)
|
|
.addClass('dialog ' + cls)
|
|
.on('accept', function(){
|
|
form.find('.field').each(function(_, e){
|
|
$(e).trigger('resolve', [$(e)])
|
|
})
|
|
|
|
// XXX test if all required stuff is filled...
|
|
res.resolve(data)
|
|
|
|
hideOverlay(root)
|
|
})
|
|
.on('close', function(){
|
|
res.reject()
|
|
|
|
})
|
|
|
|
button.click(function(){
|
|
overlay.trigger('accept')
|
|
})
|
|
|
|
setTimeout(function(){
|
|
form.find('.field input').first()
|
|
.focus()
|
|
.select()
|
|
}, 100)
|
|
|
|
return res
|
|
}
|
|
|
|
|
|
|
|
/************************************************ Standard dialogs ***/
|
|
// NOTE: these return a deferred that will reflect the state of the
|
|
// dialog, and the progress of the operations that it riggers...
|
|
//
|
|
// XXX might be a good idea to be able to block the ui (overlay + progress
|
|
// bar?) until some long/critical operations finish, to prevent the
|
|
// user from breaking things while the ui is inconsistent...
|
|
|
|
var _alert = alert
|
|
function alert(){
|
|
var message = Array.apply(null, arguments).join(' ')
|
|
//return formDialog(null, String(message), {}, 'OK', 'alert')
|
|
return formDialog(null, String(message), {}, false, 'alert')
|
|
}
|
|
|
|
|
|
var _prompt = prompt
|
|
function prompt(message, dfl, btn){
|
|
btn = btn == null ? 'OK' : btn
|
|
var res = $.Deferred()
|
|
formDialog(null, message, {'': ''+(dfl == null ? '' : dfl)}, btn, 'prompt')
|
|
.done(function(data){ res.resolve(data['']) })
|
|
.fail(function(){ res.reject() })
|
|
return res
|
|
}
|
|
|
|
|
|
/*
|
|
function confirm(){
|
|
}
|
|
*/
|
|
|
|
|
|
// NOTE: this will not work without node-webkit...
|
|
function getDir(message, dfl, btn){
|
|
btn = btn == null ? 'OK' : btn
|
|
dfl = dfl == null ? '' : dfl
|
|
var res = $.Deferred()
|
|
|
|
formDialog(null, message, {'': {ndir: dfl}}, btn, 'getDir')
|
|
.done(function(data){ res.resolve(data['']) })
|
|
.fail(function(){ res.reject() })
|
|
|
|
return res
|
|
}
|
|
|
|
|
|
|
|
/***************************************** Domain-specific dialogs ***/
|
|
|
|
// XXX do reporting...
|
|
function exportPreviewsDialog(state, dfl){
|
|
dfl = dfl == null ? BASE_URL : dfl
|
|
|
|
// XXX make this more generic...
|
|
// tell the user what state are we exporting...
|
|
if(state == null){
|
|
state = toggleMarkedOnlyView('?') == 'on' ? 'marked images' : state
|
|
state = toggleSingleRibbonMode('?') == 'on' ? 'current ribbon' : state
|
|
state = state == null ? 'all images' : state
|
|
}
|
|
|
|
var res = $.Deferred()
|
|
|
|
updateStatus('Export...').show()
|
|
|
|
// NOTE: we are not defining the object in-place here because some
|
|
// keys become unreadable with JS syntax preventing us from
|
|
// splitting the key into several lines...
|
|
var cfg = {}
|
|
cfg['Image name pattern | '+
|
|
'%f - full filename\n'+
|
|
'%n - filename\n'+
|
|
'%e - extension\n'+
|
|
'%gid - log gid\n'+
|
|
'%g - short gid\n'+
|
|
'%I - global order\n'+
|
|
'%i - current selection order'] = '%f'
|
|
cfg['Fav directory name'] = 'fav'
|
|
cfg['Destination'] = {ndir: dfl}
|
|
|
|
var keys = Object.keys(cfg)
|
|
|
|
formDialog(null, '<b>Export:</b> '+ state +'.', cfg, 'OK', 'exportPreviewsDialog')
|
|
.done(function(data){
|
|
exportTo(
|
|
normalizePath(data[keys[2]]),
|
|
data[keys[0]],
|
|
data[keys[1]])
|
|
// XXX do real reporting...
|
|
showStatusQ('Copying data...')
|
|
res.resolve(data[''])
|
|
})
|
|
.fail(function(){
|
|
showStatusQ('Export: canceled.')
|
|
res.reject()
|
|
})
|
|
|
|
return res
|
|
}
|
|
|
|
|
|
function loadDirectoryDialog(dfl){
|
|
dfl = dfl == null ? BASE_URL : dfl
|
|
|
|
updateStatus('Open...').show()
|
|
|
|
formDialog(null, 'Path to open', {
|
|
'': {ndir: dfl},
|
|
'Precess previews': false,
|
|
}, 'OK', 'loadDirectoryDialog')
|
|
.done(function(data){
|
|
var path = normalizePath(data[''].trim())
|
|
var process_previews = data['Precess previews']
|
|
|
|
// reset the modes...
|
|
toggleSingleImageMode('off')
|
|
toggleSingleRibbonMode('off')
|
|
toggleMarkedOnlyView('off')
|
|
|
|
// do the loading...
|
|
statusNotify(loadDir(path))
|
|
.done(function(){
|
|
if(!process_previews){
|
|
showStatusQ('Previews: processing started...')
|
|
// generate/attach previews...
|
|
makeImagesPreviewsQ(DATA.order)
|
|
.done(function(){
|
|
showStatusQ('Previews: processing done.')
|
|
})
|
|
}
|
|
})
|
|
})
|
|
.fail(function(){
|
|
showStatusQ('Open: canceled.')
|
|
})
|
|
}
|
|
|
|
|
|
function sortImagesDialog(message){
|
|
|
|
updateStatus('Sort...').show()
|
|
|
|
message = message == null ? 'Sort images by:' : message
|
|
|
|
cfg = {}
|
|
cfg[message] = [
|
|
'Date (ascending)',
|
|
'Name (ascending)',
|
|
'Date (decending)',
|
|
'Name (decending)'
|
|
]
|
|
|
|
formDialog(null, '',
|
|
cfg,
|
|
'OK',
|
|
'sortImagesDialog')
|
|
.done(function(res){
|
|
res = res[message]
|
|
|
|
if(/Date/.test(res)){
|
|
var method = sortImagesByDate
|
|
} else {
|
|
var method = sortImagesByName
|
|
}
|
|
if(/\(ascending\)/.test(res)){
|
|
var reverse = null
|
|
} else {
|
|
var reverse = true
|
|
}
|
|
|
|
showStatusQ('Sorting by: '+res+'...')
|
|
|
|
method(reverse)
|
|
})
|
|
.fail(function(){
|
|
showStatusQ('Sort: canceled.')
|
|
})
|
|
}
|
|
|
|
|
|
function showImageInfo(){
|
|
var gid = getImageGID(getImage())
|
|
var r = getRibbonIndex(getRibbon())
|
|
var data = IMAGES[gid]
|
|
var orientation = data.orientation
|
|
orientation = orientation == null ? 0 : orientation
|
|
var flipped = data.flipped
|
|
flipped = flipped == null ? '' : ', flipped '+flipped+'ly'
|
|
var order = DATA.order.indexOf(gid)
|
|
var name = data.path.split('/').pop()
|
|
|
|
alert('<div>'+
|
|
'<h2>"'+ name +'"</h2>'+
|
|
|
|
'<table>'+
|
|
'<tr><td>GID: </td><td>'+ gid +'</td></tr>'+
|
|
'<tr><td>Path: </td><td>"'+ data.path +'"</td></tr>'+
|
|
'<tr><td>Orientation: </td><td>'+ orientation +'°'+flipped+'</td></tr>'+
|
|
'<tr><td>Order: </td><td>'+ order +'</td></tr>'+
|
|
'<tr><td>Position (ribbon): </td><td>'+ (DATA.ribbons[r].indexOf(gid)+1) +
|
|
'/'+ DATA.ribbons[r].length +'</td></tr>'+
|
|
'<tr><td>Position (global): </td><td>'+ (order+1) +'/'+ DATA.order.length +'</td></tr>'+
|
|
'</table>'+
|
|
'</div>')
|
|
}
|
|
|
|
|
|
|
|
/**********************************************************************
|
|
* vim:set ts=4 sw=4 nowrap : */
|