root/trunk/uploadr/MacUploadr.app/Contents/Resources/chrome/content/uploadr/ui.js

/*
 * Flickr Uploadr
 *
 * Copyright (c) 2007-2008 Yahoo! Inc.  All rights reserved.  This library is
 * free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License (GPL), version 2 only.  This library is
 * distributed WITHOUT ANY WARRANTY, whether express or implied. See the GNU
 * GPL for more details (http://www.gnu.org/licenses/gpl.html)
 */

// A bit of a catch-all, but better than it was before
var ui = {

    cancel: false,
    
        // Called at app startup
        init: function() {

                // Default the initial prompt to the free user case
                document.getElementById('photos_init_prompt').firstChild.nodeValue =
                        locale.getString('photos.init.free');


                // The meta fields with no selection should refer to a photo
                document.getElementById('no_who').firstChild.nodeValue = 
                        locale.getString('meta.single.who.photo');

                // Sneaky reformatting of help text
                for each (var id in ['help_offline', 'help_drag']) {
                        var node = document.getElementById(id);
                        var parts = node.firstChild.nodeValue.split('^^');
                        node.removeChild(node.firstChild);
                        node.appendChild(document.createTextNode(parts[0]));
                        var span = document.createElementNS(NS_HTML, 'span');
                        span.style.color = '#ff0084';
                        span.appendChild(document.createTextNode(parts[1]));
                        node.appendChild(span);
                        node.appendChild(document.createTextNode(parts[2]));
                }
                var node = document.getElementById('help_faq');
                var parts = node.firstChild.nodeValue.split('^^');
                node.removeChild(node.firstChild);
                node.appendChild(document.createTextNode(parts[0]));
                var span = document.createElementNS(NS_HTML, 'span');
                span.className = 'link';
                span.onclick = menus.help.faq;
                span.appendChild(document.createTextNode(parts[1]));
                node.appendChild(span);
                node.appendChild(document.createTextNode(parts[2]));

        },

        // Called after user info is changed, for example by API calls done
        // at login time
        users_updated: function() {
                ui.bandwidth_updated();

                // Notes in the empty photo pane
                var notes = document.getElementById('photos_init_notes');
                while (notes.hasChildNodes()) {
                        notes.removeChild(notes.firstChild);
                }
                var li = document.createElementNS(NS_HTML, 'li');
                li.appendChild(document.createTextNode(locale.getFormattedString(
                        'photos.init.note.photo_size',
                        [Math.max(5, users.filesize >> 10)])));
                notes.appendChild(li);
                if (users.is_pro) {

                        // Additional notes for pro users regarding videos
                        li = document.createElementNS(NS_HTML, 'li');
                        li.appendChild(document.createTextNode(locale.getFormattedString(
                                'photos.init.note.video_size', [(null == users.videosize
                                ? conf.videosize : users.videosize) >> 10])));
                        notes.appendChild(li);
                        li = document.createElementNS(NS_HTML, 'li');
                        li.appendChild(document.createTextNode(locale.getString(
                                'photos.init.note.video_length')));
                        notes.appendChild(li);

                        // Replace the top prompt for pro users to mention videos
                        document.getElementById('photos_init_prompt')
                                .firstChild.nodeValue = locale.getString('photos.init.pro');

                } else {

                        // Replace the top prompt for free users to mention only photos
                        document.getElementById('photos_init_prompt')
                                .firstChild.nodeValue = locale.getString('photos.init.free');
                        
                }

                // No extra notes for offline users since we have no idea what
                // to show them
                if (users.nsid) {
                        document.getElementById('photos_init_note').style.display =
                                '-moz-box';
                }

        },

        // Update the counters showing remaining bandwidth and batch size
        bandwidth_updated: function() {

                // Counter for remaining bandwidth
                if (users.bandwidth && !users.is_pro) {
                        var remaining = document.getElementById('bw_remaining_mb');
                        remaining.firstChild.nodeValue =
                                locale.getFormattedString('mb', [Math.max(0,
                                Math.round(users.bandwidth.remaining / 102.4) / 10)]);
                        if (0 >= users.bandwidth.remaining) {
                                remaining.className = 'exhausted';
                        } else if (6 << 10 > users.bandwidth.remaining) {
                                remaining.className = 'almost';
                        } else {
                                remaining.className = '';
                        }
                        document.getElementById('bw_remaining')
                                .style.display = '-moz-box';
                }

                // Counter for current batch size
                var batch = document.getElementById('bw_batch_mb');
                batch.firstChild.nodeValue =
                        locale.getFormattedString('mb', [Math.round(
                        photos.batch_size / 102.4) / 10]);
                if (users.bandwidth) {
                        if (photos.batch_size > users.bandwidth.remaining) {
                                batch.className = 'exhausted';
                        } else if (photos.batch_size + (6 << 10)
                                > users.bandwidth.remaining) {
                                batch.className = 'almost';
                        } else {
                                batch.className = '';
                        }
                } else {
                        batch.className = '';
                }

        }

};

// Full-screen pages in the UI
var pages = {

        _list: ['photos', 'auth', 'help'],
        _current: 0,

        // Go to a specified page
        go: function(id) {

                // Load the page
                var ii = pages._list.length;
                for (var i = 0; i < ii; ++i) {
                        var display = '';
                        if (pages._list[i] == id) {
                                display = '-moz-box';
                                pages._last = pages._current;
                                pages._current = i;
                        } else {
                                display = 'none';
                        }
                        document.getElementById('page_' + pages._list[i])
                                .style.display = display;
                }

                // Only the photos page has the toolbar
                if ('photos' == id) {
                        document.getElementById('tools').style.display = '-moz-box';
                        document.getElementById('bw_batch').style.display = '-moz-box';
                } else {
                        document.getElementById('tools').style.display = 'none';
                        document.getElementById('bw_batch').style.display = 'none';
                }

        },

        // Return the current page name
        current: function() {
                return pages._list[pages._current];
        }

};

// The menus
var menus = {

        tools: {

                addons: function() {
                        var wm = Cc['@mozilla.org/appshell/window-mediator;1']
                                .getService(Ci.nsIWindowMediator);
                        var em = wm.getMostRecentWindow('Extension:Manager');
                        if (em) {
                                em.focus();
                                return;
                        }
                        window.openDialog(
                                'chrome://mozapps/content/extensions/extensions.xul',
                                '',
                                'chrome,menubar,extra-chrome,toolbar,dialog=no,resizable'
                        );
                },

                console: function() {
                        window.open('chrome://global/content/console.xul', '_blank',
                        'chrome,extrachrome,menubar,resizable,scrollbars,status,toolbar');
                },
                
                venkman: function() {
                    start_venkman();
                }

        },

        help: {

                about: function() {
                        window.openDialog('chrome://uploadr/content/about.xul',
                                'about-dialog', 'chrome,modal,centerscreen',
                                locale.getFormattedString('dialog.about.version',
                                [conf.version]));
                },

                tips: function() {
                        mouse.show_photos();
                        pages.go('help');
                },

                faq: function() {
                        launch_browser('http://flickr.com/help/tools/');
                }

        }

};

// Progress bars
var ProgressBar = function(id, width) {
        this.id = id;
        this.width = null == width ? document.getElementById(id).parentNode
                .boxObject.width : width;
};
ProgressBar.prototype = {
        update: function(percent) {
                var bar = document.getElementById(this.id);
                if (null != bar) {
                        bar.width = Math.round(this.width * Math.max(0,
                                Math.min(1, percent)));
                }
        },
        clear: function() {
                this.update(0);
        },

        // Do something special when the bar is finished
        done: function(success) {
                this.update(1);
                document.getElementById(this.id).className = 'done';
        },

        // Generate DOM nodes for this progress bar
        create: function() {
                var inner = document.createElement('box');
                inner.id = this.id;
                var outer = document.createElement('box');
                outer.className = 'progress_bar';
                outer.style.width = this.width + 'px';
                outer.setAttribute('flex', 1);
                outer.appendChild(inner);
                return outer;
        }

};

// Change the status bar text
var status = {

        // Set a message in the status bar
        set: function(str) {
                document.getElementById('status').label = str;
        },

        // Clear the status bar
        clear: function() {
                var status = document.getElementById('status');
                status.label = '';
        }

};

var logStringMessage = function(msg) {
    Cc['@mozilla.org/consoleservice;1']
                                .getService(Ci.nsIConsoleService)
                                .logStringMessage(new Date().toString() + ': ' + msg);
};


// Override the alert, confirm and prompt functions to take a title and
// text for OK/Cancel buttons
var alert = function(msg, title, ok) {
        window.openDialog('chrome://uploadr/content/alert.xul', 'dialog_alert',
                'chrome,modal', msg, title, ok);
};
var confirm = function(msg, title, ok, cancel) {
        var result = {result: false};
        window.openDialog('chrome://uploadr/content/confirm.xul',
                'dialog_confirm', 'chrome,modal', msg, title, ok, cancel, result);
        return result.result;
};
var prompt = function(msg, title, ok, cancel) {
        var result = {result: false};
        window.openDialog('chrome://uploadr/content/prompt.xul', 'dialog_prompt',
                'chrome,modal', msg, title, ok, cancel, result);
        return result.result;
};

// Open a browser window to the given URL
var launch_browser = function(url) {
        try {
                var io = Cc['@mozilla.org/network/io-service;1']
                        .getService(Ci.nsIIOService);
                var uri = io.newURI(url, null, null);
                var eps = Cc['@mozilla.org/uriloader/external-protocol-service;1']
                        .getService(Ci.nsIExternalProtocolService);
                var launcher = eps.getProtocolHandlerInfo('http');
                launcher.preferredAction = Ci.nsIHandlerInfo.useSystemDefault;
                launcher.launchWithURI(uri, null);
        } catch (err) {}
        return url;
};

// Now hack locale.getFormattedString to work like it should
//   Apparently the docs were just wrong and it *must* be a capital S
//   So, this function will go away eventually
var locale = document.getElementById('locale');
locale.getFormattedString = function(id, args) {
        var str = locale.getString(id);
        var ii = args.length;
        for (var i = 0; i < ii; ++i) {
                var regex = new RegExp('%' + (i + 1) + '\\$[dDsS]');
                str = str.replace(regex, args[i]);
        }
        return str;
};

// Stacks to block removing photos, sorting photos, normalizing the
// photos list and exiting Uploadr
var _block_remove = 0;
var block_remove = function() {
        if (0 == _block_remove) {
                buttons.remove.disable();
        }
        ++_block_remove;
};
var unblock_remove = function() {
        --_block_remove;
        if (0 == _block_remove && photos.selected.length) {
                buttons.remove.enable();
        }
};
var _block_sort = 0;
var block_sort = function() {
        ++_block_sort;
};
var unblock_sort = function() {
        --_block_sort;
};
var _block_normalize = 0;
var block_normalize = function() {
        ++_block_normalize;
};
var unblock_normalize = function() {
        --_block_normalize;
};
var _block_exit = 0;
var block_exit = function() {
        ++_block_exit;
};
var unblock_exit = function() {
        --_block_exit;
};

// Exit Uploadr, asking for confirmation if necessary
var exit = function(force) {
        if (null == force) {
                force = false;
        }

        // Don't exit if exit is blocked
        if (!force && 0 < _block_exit && !confirm(
                locale.getString('dialog.exit.text'),
                locale.getString('dialog.exit.title'),
                locale.getString('dialog.exit.ok'),
                locale.getString('dialog.exit.cancel'))) {
                return false;
        }

        // Save state
        photos.save();
        settings.save();
        users.save();

        // Remove the images and TEMP directories if there are no photos left
        if (0 == photos.count) {
                try {
                        var profile = Cc['@mozilla.org/file/directory_service;1']
                                .getService(Ci.nsIProperties).get('ProfD', Ci.nsIFile);
                        profile.append('images');
                        profile.remove(true);
                } catch (err) {}
                try {
                        var temp = Cc['@mozilla.org/file/local;1']
                                .createInstance(Ci.nsILocalFile);
                        temp.initWithPath('C:\\temp');
                        if (temp.isDirectory()) {
                                var files = temp.directoryEntries;
                                while (files.hasMoreElements()) {
                                        var f = files.getNext().QueryInterface(Ci.nsILocalFile);
                                        if (f.leafName.match(/^original/)) {
                                                try {
                                                        f.remove(false);
                                                } catch (err2) {}
                                        }
                                }
                        }
                } catch (err) {}
        }

        // Shutdown threads
        photos.thumb_cancel = true;
        ui.cancel = true;
        upload.cancel = true;
        threads.worker.shutdown();
        threads.uploadr.shutdown();

        // Finally exit
        var e = Cc['@mozilla.org/toolkit/app-startup;1']
                .getService(Ci.nsIAppStartup);
        e.quit(Ci.nsIAppStartup.eForceQuit);

};