openmedialibrary/static/js/listDialog.js

'use strict';

oml.ui.listDialog = function() {

    var ui = oml.user.ui,
        list = ui._list,

        that = Ox.Dialog({
            buttons: [].concat(list && !Ox.endsWith(list, ':') ? [
                Ox.Button({
                    id: 'duplicate',
                    style: 'squared',
                    title: Ox._('Duplicate List...')
                })
                .bindEvent({
                    click: function() {
                        that.close();
                        oml.addList(list);
                    }
                })
            ] : []).concat(Ox.startsWith(list, ':') && list != '' ? [
                Ox.Button({
                    id: 'delete',
                    style: 'squared',
                    title: Ox._('Delete List...')
                })
                .bindEvent({
                    click: function() {
                        that.close();
                        oml.ui.deleteListDialog().open();
                    }
                })
            ] : []).concat([
                {},
                Ox.Button({
                    id: 'done',
                    style: 'squared',
                    title: Ox._('Done')
                })
                .bindEvent({
                    click: function() {
                        that.close();
                    }
                })
            ]),
            closeButton: true,
            content: Ox.LoadingScreen().start(),
            height: 264,
            title: Ox.encodeHTMLEntities(getTitle(list)),
            width: 648 + Ox.UI.SCROLLBAR_SIZE
        });

    oml.api.getLists(function(result) {
        var lists = result.data.lists.filter(function(list) {
                return list.user == '';
            }),
            listData = Ox.getObjectById(lists, list),
            listNames = lists.map(function(list) {
                return list.name;
            }),
            $content = Ox.Element()
                .css({margin: '16px'}),
            $nameInput = Ox.Input({
                    label: Ox._('Name'),
                    labelWidth: 128,
                    value: listData.name,
                    width: 616
                })
                .bindEvent({
                    change: function(data) {
                        var value = oml.getValidName(
                            data.value || Ox._('Untitled'),
                            listNames.filter(function(listName) {
                                return listName != listData.name;
                            })
                        );
                        that.options({
                            title: Ox.encodeHTMLEntities(getTitle(':' + value))
                        });
                        $nameInput.value(value);
                        // FIXME: UGLY
                        listNames[listNames.indexOf(listData.name)] = value;
                        listData.id = ':' + value;
                        listData.name = value;
                        listData.title = value;
                        // ...
                        oml.api.editList({
                            id: ui._list,
                            name: value
                        }, function(result) {
                            oml.$ui.folders.updateOwnLists(function() {
                                oml.UI.set({
                                    find: {
                                        conditions: [{
                                            key: 'list',
                                            operator: '==',
                                            value: ':' + value
                                        }],
                                        operator: '&'
                                    }
                                }/*, false*/); // FIXME: ui._lists still outdated
                            });
                        });
                    }
                })
                .appendTo($content),
            $findForm;
        if (listData.type == 'smart') {
            $findForm = oml.ui.findForm(listData)
                .css({marginTop: '8px'})
                .appendTo($content);
        }
        that.options({content: $content});
        $nameInput.focusInput(true);
    });

    function getTitle(list) {
        return Ox._('List – {0}', [
            list == '' ? Ox._('All Libraries')
            : list
                .replace(/^:/, oml.user.preferences.username + ':')
                .replace(/:$/, Ox._(':Library'))
        ]);
    }

    return that;

};