listing.js

Go to the documentation of this file.

 
define( [       'remoto!stdlib:js/panes/pane.js',
                'remoto!stdlib:js/widgets/widgetFactory.js',
                'include/modal/modal',
                'remoto!stdlib:js/include/objectRegistry.js',
                'remoto!stdlib:js/include/preferences.js',
                'remoto!stdlib:js/include/utils.js',
                'remoto!stdlib:js/panes/panes/listing.css',
        ],
        function(pane,widgetFactory,modal,objectRegistry,preferences,utils)
        {
                'use strict';
 
                listing.prototype = new pane;
                function listing(layout)
                {
                        pane.call(this, layout);
 
                        if (!layout) return;
 
                        this._saveFields = {};
 
                        if ("showLabels" in layout)
                                this._saveFields.showLabels = "_showLabels";
 
                        this._entries = {};
                        this._formJq = null;
                        this._showLabels = ("showLabels" in layout) ? layout.showLabels : true;
 
                        this._type = "listing";
                }
 
                listing.prototype.createHTML = function()
                {
                        if (this._html) return this._html;
 
                        pane.prototype.createHTML.call(this);
 
                        this._formJq = $("<div class='listing'>").appendTo(this._content);
 
                        this._content.parent().css("background","var(--BG2)");
 
                        return this._html;
                }
 
                /*
                listing.prototype.applySubscription = function(data,metadata)
                {
                        //console.log("listing applySubscription!");
 
                        if (this._subscribed)
                                return;
 
                        this._subscribed = true;
 
                        return this.applyDiff(data);
                }
                */
 
                listing.prototype.applyDiff = function(diff,user)
                {
                        //console.log("apply diff!",arguments);
                        //console.log(arguments);
 
                        var k = Object.keys(diff);
                        k.sort( function(a,b) {
                                var aa = diff[a].index || 0;
                                var bb = diff[b].index || 0;
                                if (aa > bb) return 1;
                                if (aa < bb) return -1;
                                return 0;
                        } );
 
                        var d,e,m;
                        //for (e in diff)
                        for (var i=0;i<k.length;i++)
                        {
                                e = k[i];
 
                                d = diff[e];
                                if (e in this._entries)
                                {
                                        if (d === null)
                                        {
                                                //console.warn("Delete listing entry here!");
                                                m = this._entries[e];
                                                delete this._entries[e];
                                                m.destroy();
                                                this._formJq.find( "[buttonID="+e+"]" ).remove();
                                        }
                                        else
                                        {
                                                console.warn("Update listing here!");
                                                console.warn("Need to update button properties here!");
                                                console.log(d);
                                        }
                                }
                                else
                                {
                                        m = this.createMenuButton( e,d );
 
                                        if (m)
                                        {
                                                var b = m.createHTML().find("button");
                                                b.find("img").removeAttr("height");//.css("min-height","45px");
                                                b.attr("buttonID",e);
 
                                                this._entries[e] = m;
                                                this._formJq.append( b );
                                                m.activate();
                                        }
                                        else
                                        {
                                                console.error(d);
                                                throw "Bad Widget: "+e;
                                        }
                                }
                        }
                }
 
                listing.prototype.applySettings = function(settings)
                {
                        //FIXME: uncomment this: it's being called when applications are being opened!
                        //console.log("apply settings");
                        //console.trace(arguments);
                }
 
                listing.prototype.applyMetadata = function(id,metadata)
                {
                        //console.log("apply metadata!");
                        //console.log(arguments);
 
                        //id = utils.cleanPath(id);
                        var id2 = id.slice( utils.cleanPath(this._path).length+1 );
 
                        var e = this._entries[id2];
 
                        if (e)
                        {
                                //console.log(e);
                                //console.log(metadata);
 
                                if ("icon" in metadata)         e.setIcon( metadata.icon );
                                else                            console.warn("Received metadata for "+id+" that doesn't include an icon...");
 
                                if ("colorchip" in metadata)    e.setColorchip( metadata.colorchip );
 
                                utils.copyObject( metadata, e._options.metadata );
 
                                if (e._options.metadata.action)
                                        e.enable();
                        }
                        else
                        {       console.warn("Received metadata for unknown path: "+id+" "+id2);
                                console.log(this._entries);
                        }
                }
 
                listing.prototype.createMenuButton = function( path,entry )
                {
                        var enabled = true;
 
                        if (typeof(entry) == "boolean")
                        {       entry = { name:path, path:path, metadata:{ icon:'js/include/loader/loader-spin.svg' } };
                                //enabled = false;
                                //console.log("metadata: "+this._path+"/"+path);
                                objectRegistry.metadataPath( this._path+"/"+path, this );
                        //      var PPP = this._path+"/"+path;
                        //      var THIS = this;
                        //      setTimeout( function() {
                        //              objectRegistry.metadataPath( PPP, THIS );
                        //      }, 2000);
                        }
 
                        var e = entry;
                        e.metadata = e.metadata || {};
                //      e.metadata.applicationPath = path;
 
                        //console.log(e.metadata);
 
                        if (!e.metadata.action)
                                enabled = false;
 
                        var d = {
                                variable: path,
                                type: "button",
                                value: e.value || e.name,
                                label: e.name,
                                tip: e.name,
                                options: {
                                                showLabel: this._showLabels,// || e.showLabel,
                                                icon: e.metadata.icon,
                                                colorchip: e.metadata.colorchip,
                                                enabled: enabled,
                                                metadata: e.metadata,                   //as an option, so it can be updated if a metadata call is needed.
                                        },
                                change: this.clickMenuButton.bind(this),
                                default: null,
                        }
 
                        var b = widgetFactory( d );
 
                        return b;
                }
 
                listing.prototype.clickMenuButton = function(variable,value,button)
                {
                        //console.log(arguments);
 
                        var metadata = utils.copyObject( button._options.metadata );
                        //console.log(button);
 
                        var context = metadata.context || {};
                        delete metadata.context;
                        //context.applicationPath = metadata.applicationPath;
                        //context.sourcefile = utils.fileNameFromPath( value, true );
                        context.sourcefile = value;
                        context.sourcepath = this._path;
                        context.settingspath = preferences.fetch("settingsPath");
 
                        for (var m in metadata)
                                context[m] = metadata[m];
 
                        metadata = utils.resolveContextValues(metadata,context);
                        //console.log(metadata);
 
                        switch(metadata.action.type)
                        {
                                case "openFile":        this.openFile(value,metadata);                                  break;
 
                                case "openLayout":      this.openLayout("openLayout",this._path+"/"+value,metadata);    break;
 
                                //case "openPane":      metadata.template = metadata.template || {};
                                //                      metadata.template["openPane"] =
                                //                      this.openLayout("openPane",this._path+
 
                                case "openModal":       metadata.where = "modal";
                                                        //metadata.context = context;
                                                        metadata.template = metadata.template || {};
                                                        //metadata.template["modal"] = { path:metadata.action.path, title:metadata.action.title, size:metadata.action.size };
                                                        metadata.template["modal"] = metadata.action;
                                                        //metadata.context = context;
                                                        this.openLayout("modal",this._path+"/"+value,metadata);
                                                        break;
 
                                case "openModalForm":   metadata.where = "modalForm";
                                                        //var template = { name:value, path:metadata.action.path, form:metadata.action.form, type:"pane", title:metadata.action.title, size:metadata.action.size };
                                                        this._formJq.trigger( "openApplicationLayout", [ null, metadata.action, metadata ] );
                                                        break;
 
                                default:                console.error("Unknown listing action.type: "+metadata.action.type);
                        }
                }
 
                listing.prototype.openFile = function(path,metadata)
                {
                        var options = metadata.action.options;
 
                        //console.log(metadata);
                        console.log(this._path+"/"+path+metadata.action.base);
 
                        console.warn("listing.openFile is defunct until choosePath (and remoto!... are sorted");
                        return;
 
                        var w = choosePath.getModal(options.what, this._path+"/"+path+metadata.action.base, options.allowed, options.sourceOrDestination, options.header );
 
                        modal.exec( w,{ accept:         (function(p) {
                                                                this.openLayout("openFile",path,metadata)
                                                        }).bind(this),
                                        dismiss:        null,
                           } );
                }
 
                listing.prototype.openLayout = function(layoutName,path,metadata)
                {
                        //console.log(arguments);
 
                        var context = metadata.context || {};
                        //context.sourcefile = p.substring( p.lastIndexOf("/") );
                        //context.applicationPath = metadata.applicationPath;
                        context.sourcefile = utils.fileNameFromPath( path, true );
                        context.sourcepath = path;
 
                        metadata.sourcepane = this;                                     //for when 'where' is relative, like 'nearest'
 
                        if (metadata.template[ layoutName ])
                                this._formJq.trigger( "openApplicationLayout", [ context, metadata.template[ layoutName ], metadata ] );
                        else
                        {       modal.alert( "Cannot open missing template: "+layoutName );
                                console.log(metadata);
                        }
                }
 
                listing.prototype.destroy = function()
                {
                        for (var b in this._entries)
                                this._entries[b].destroy();
 
                        this._entries = null;
                        this._formJq = null;
 
                        pane.prototype.destroy.call(this);
                }
 
                return listing;
        }
);