maqpie.html

// Example JS for adding few chats within one application
<script>
    var MP = {
        data: {
            appId: "5ac4cd4289c8710028618d84", // your app id. it's same for each user. required
            user: {
                username: "UserName1", // required
                email: "UserName1@gmail.com", // required
                vendorUserId: "UserName1" // unique user id. required
            },
            userHash: "any-hash" // not required
        },
        settings: {
            autoRender: false,
            containerId: 'magpie-widget-container-1',
            clientApiObjectName: 'MP1'
        }
    };
</script>
<script>(function () {
    var l = function () {
        var d = document;
        var s = d.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = 'https://widget.maqpie.com/widget/v1.0';
        var x = d.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    };
    var w = window;
    w.MP._queue = w.MP._queue || [];
    var m = ['renderLargeView', 'showLargeView', 'destroyLargeView', 'subscribe', 'unsubscribe'];
    var f = function (method) {
        return function () {
            var args = Array.prototype.slice.call(arguments);
            args.unshift(method);
            w.MP._queue.push(args);
        }
    };
    for (var i = 0; i < m.length; i += 1) {
        w.MP[m[i]] = f(m[i]);
    }
    if (w.attachEvent) {
        w.attachEvent('onload', l)
    } else {
        w.addEventListener('load', l, false)
    }
}())</script>
<script>
    var MP = {
        data: {
            appId: "5ac4cd4289c8710028618d84", // your app id. it's same for each user. required
            user: {
                username: "UserName2", // required
                email: "UserName2@gmail.com", // required
                vendorUserId: "UserName2" // unique user id. required
            },
            userHash: "any-hash" // not required
        },
        settings: {
            autoRender: false,
            containerId: 'magpie-widget-container-2',
            clientApiObjectName: 'MP2'
        }
    };
</script>
<script>(function () {
    var l = function () {
        var d = document;
        var s = d.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = 'https://widget.maqpie.com/widget/v1.0';
        var x = d.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    };
    var w = window;
    w.MP._queue = w.MP._queue || [];
    var m = ['renderLargeView', 'showLargeView', 'destroyLargeView', 'subscribe', 'unsubscribe'];
    var f = function (method) {
        return function () {
            var args = Array.prototype.slice.call(arguments);
            args.unshift(method);
            w.MP._queue.push(args);
        }
    };
    for (var i = 0; i < m.length; i += 1) {
        w.MP[m[i]] = f(m[i]);
    }
    if (w.attachEvent) {
        w.attachEvent('onload', l)
    } else {
        w.addEventListener('load', l, false)
    }
}())</script>
<script>
    MP1.subscribe('unreadMessagesCountChanged', function () {});
    MP2.subscribe('unreadMessagesCountChanged', function () {});
</script>
<script>
    // Show chat, when page opened
    window.MP1.renderLargeView('magpie-widget-container-1');
    window.MP1.showLargeView();
</script>