supercredit_com_broker/front-end/js/broadcast.js

var broadcast_form =
{
    "view": "popup",
    "id": "broadcast_popup",
    "css": "broadcast_popup",
    "position": "center",
    head: "This window can be moved",
    close: true,
    "modal": true,
    "move": true,
    "width": 600,
    "body": {
        "rows": [
            {
                "view": "toolbar",
                "css": "webix_dark",
                "paddingX": 5,
                "cols": [
                    { "view": "icon", "icon": "mdi mdi-account" },
                    { "view": "label", "label": "Broadcast Message" },
                    { "view": "button", "label": "x", "width": 50 , click: close_brodcast }
                ]
            },
            {
                "view": "form",
                "margin": 40,
                "rows": [
                    {
                        "margin": 10,
                        "rows": [
                            { "view": "template", "type": "section", "template": "Message Details" },
                            {
                                "rows": [
                                    { "view": "text", "placeholder": "Type here...", "label": "Subject", "labelWidth": 100 },
                                    {
                                        "options": "demo->5f82268d61c7b80018b278d7",
                                        "label": "Exclude",
                                        "value": "1,2",
                                        "view": "multicombo",
                                        "height": 38,
                                        "labelWidth": 100
                                    },
                                    {
                                        "label": "Priority",
                                        "value": "One",
                                        "options": [
                                            "Low",
                                            " standard",
                                            " high"
                                        ],
                                        "view": "radio",
                                        "labelWidth": 100
                                    },
                                    { 
                                        "label": "Message", 
                                        "view": "textarea", 
                                        "placeholder": "some text, to be added", 
                                        "height" : 300,
                                        "labelWidth": 100 
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "margin": 10,
                        "cols": [
                            { "view": "template", "template": " ", "role": "placeholder", "borderless": true },
                            { "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 , click: close_brodcast},
                            { "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120 , click: close_brodcast}
                        ]
                    }
                ]
            }
        ]
    }
};

var broadcast_popup = webix.ui(broadcast_form);

function close_brodcast(){
    broadcast_popup.hide();
}