webgme/src/client/js/Controls/PropertyGrid/Widgets/DialogWidget.js

Web-based Generic Modeling Environment

/*globals define, $*/
/*jshint browser: true*/
/**
 * @author rkereskenyi / https://github.com/rkereskenyi
 */

define(['js/Controls/PropertyGrid/Widgets/WidgetBase', 'clipboard'], function (WidgetBase, ClipboardJS) {

    'use strict';

    var DialogWidget,
        LABEL_BASE = $('<span/>', {}),
        BTN_DIALOG_OPEN_BASE = $('<a class="btn btn-mini btn-dialog-open">...</a>');

    DialogWidget = function (propertyDesc) {
        var self = this;

        WidgetBase.call(this, propertyDesc);

        this.__label = LABEL_BASE.clone();
        this.el.append(this.__label);

        this.__clipboard = propertyDesc.clipboard;

        if (this.__clipboard === true) {
            new ClipboardJS(this.__label[0]);
            this.__label.attr('title', 'Copy to clipboard');
            this.__label.css('cursor', 'copy');
        }

        if (propertyDesc.dialog) {
            this.__btnDialogOpen = BTN_DIALOG_OPEN_BASE.clone();
            this.el.append(this.__btnDialogOpen);

            this.__btnDialogOpen.on('click', function (e) {
                var D = propertyDesc.dialog,
                    dialog = new D();

                e.stopPropagation();
                e.preventDefault();

                dialog.show(propertyDesc);
            });
        }

        this.updateDisplay();
    };

    DialogWidget.prototype = Object.create(WidgetBase.prototype);
    DialogWidget.prototype.constructor = DialogWidget;

    DialogWidget.prototype.updateDisplay = function () {
        if (this.useDisplayedValue(this.propertyValue)) {
            this.__label.text(this.displayedValue || this.propertyValue);
        } else {
            this.__label.text(this.propertyValue);
        }

        if (this.__clipboard === true) {
            this.__label.attr('data-clipboard-text', this.propertyValue);
        } else {
            this.__label.attr('title', this.propertyValue);
        }
        return WidgetBase.prototype.updateDisplay.call(this);
    };

    DialogWidget.prototype.setReadOnly = function (isReadOnly) {
        WidgetBase.prototype.setReadOnly.call(this, isReadOnly);

        if (this.__btnDialogOpen) {
            if (this._isReadOnly === true) {
                this.__btnDialogOpen.disable(true);
            } else {
                this.__btnDialogOpen.disable(false);
            }
        }
    };

    return DialogWidget;

});