{"javascript":"$(document).ready(function () {\n    var app = new Vue({\n        el: \"#Main\",\n        data: {\n            ParseResult: \"\",\n            ParseRun: \"\"\n        },\n        methods: {\n            Parse: async function () {\n                this.ParseRun = Api.RunFunction(\"Parse\", {})\n            },\n            Stop: async function () {\n                this.ParseRun.stop()\n            }\n        },\n        created() {\n            var self = this\n\n            /////Обработчик событий api\n            Api.SetEventHandler(function (EventType, EventData) {\n\n                if (EventType == \"result\") {\n                    var TabNumber = EventData[\"number\"]\n                    Api.DownloadResult(TabNumber).then((res) => {\n                        self.ParseResult = res\n                    })\n                }\n            })\n            Api.AcceptResources(true)\n        }\n\n    })\n\n})","cssFiles":[],"jsFiles":["https://bablosoft.com/buildinterface/jquery/jquery.min.js?v=3","https://bablosoft.com/buildinterface/bas-api/bas-api.js?v=3","https://cdn.jsdelivr.net/npm/vue/dist/vue.js"],"css":"","html":"<div id=\"Main\" class=\"ui fluid container\">\n\t<h2 class=\"ui header\">\n\t\t<i>Title</i>\n\t\t<div class=\"sub header\">TitleDescr</div>\n\t</h2>\n    <div>\n\t<button @click=\"Parse\" class=\"ui labeled blue icon button\">\n\t\t<i class=\"play icon\"></i>\n\t\tStart\n\t</button>\n\t<button @click=\"Stop\" class=\"ui labeled red icon button\">\n\t\t<i class=\"pause icon\"></i>\n\t\tPause\n\t</button>\n    </div>\n\t<p class=\"ui basic button\">\n\t\t<i class=\"icon user\"></i> {{ParseResult}}\n\t</p>\n</div>"}