web-atoms-rest/src/atom-command.ts

REST Json Service for Web Atoms

function bindableProperty(target: any, key: string) {
    
        var Atom = window["Atom"];
    
        // property value
        var _val = this[key];
    
        var keyName = "_" + key;
    
        this[keyName] = _val;
    
        // property getter
        var getter = function () {
            //console.log(`Get: ${key} => ${_val}`);
            return this[keyName];
        };
    
        // property setter
        var setter = function (newVal) {
            //console.log(`Set: ${key} => ${newVal}`);
            this[keyName] = newVal;
            Atom.refresh(this, key);
        };
    
        // Delete property.
        if (delete this[key]) {
    
            // Create new property with getter and setter
            Object.defineProperty(target, key, {
                get: getter,
                set: setter,
                enumerable: true,
                configurable: true
            });
        }
    }

namespace WebAtoms{

    var Atom = window["Atom"];

    export class AtomModel {
        public refresh(name: String): void {
            Atom.refresh(this, name);
        }
    }



    export class AtomCommand<T> extends AtomModel {

        public readonly isMVVMAtomCommand: boolean = true;


        private _enabled: boolean = true;
        get enabled(): boolean {
            return this._enabled;
        }
        set enabled(v: boolean) {
            this._enabled = v;
            this.refresh("enabled");
        }

        private _busy: boolean = false;
        get busy(): boolean{
            return this._busy;
        }
        set busy(v:boolean){
            this._busy = v;
            this.refresh("busy");
        }


        private action: (p: T) => any;

        public execute: (p:T) => any;

        private executeAction(p:T): any {

            if(this._busy)
                return;
            this.busy = true;
            var result = this.action(p);

            if (result) {
                if(result.catch){
                    result.catch((error) => {
                        console.error(error);
                        Atom.showError(error);
                        this.busy = false;
                    });
                    return;
                }

                if(result.then){
                    result.then(()=>{
                        this.busy = false;
                    });
                    return;
                }

            }
            this.busy = false;
        }

        constructor(
            action: (p: T) => any) {
            super();
            this.action = action;

            var self = this;
            this.execute = (p:T) => {
                if (this.enabled) {
                    this.executeAction(p);
                }
            };


        }

    }

}