<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > OpenRPA< / title >
< link rel = "stylesheet" type = "text/css" href = "3rdParty/Semantic-UI-CSS-master/semantic.min.css" >
< script
src="3rdParty/jQuery/jquery-3.1.1.min.js"
crossorigin="anonymous">< / script >
< script src = "3rdParty/Semantic-UI-CSS-master/semantic.min.js" > < / script >
< script >
var mGlobal={}
$(document)
.ready(function() {
mGlobal.GUIElement={}
mGlobal.GenerateUniqueID=function(inPrefix="ID") {
return inPrefix+Math.round(Math.random()*1000)+"-"+Math.round(Math.random()*10000)+"-"+Math.round(Math.random()*1000)
}
///Инициализация
mGlobal.ElementTree={}
mGlobal.Actions={}
mGlobal.ActionSpecificationList = []
mGlobal.CodeList={}
mGlobal.ClipboardSet=function(lText) {
const el = document.createElement('textarea');
el.value = lText;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
};
///Функция запуска поиска по окну
mGlobal.Actions.fAutomationSearchMouseElementHierarchyRun= function(inElementId)
{
//Подгрузка массива спецификаций
lSpecificationArray = mGlobal.GUIElement[inElementId].GUISelectorFull
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"AutomationSearchMouseElementHierarchy","argsArray":['+JSON.stringify(lSpecificationArray)+']}',
success:
function(lData,l2,l3)
{
var lResponseJSON=JSON.parse(lData)
///Очистить дерево
mGlobal.ElementTree.fClear();
///Прогрузить новое дерево
mGlobal.ElementTree.fRender(lResponseJSON.outputObject);
},
dataType: "text"
});
}
//Функция очистки объектов интерфейса
mGlobal.ElementTree.fClear=function()
{
///Очистить HTML код
$(".rpa-object-tree").html("");
}
///Функция визуализации дерева
mGlobal.ElementTree.fRender = function(inElementsTreeDataArray)
{
var lHTMLList='< div class = "ui list" > ';
///Циклический обход списка
for (var i = 0; i< inElementsTreeDataArray.length ; i + + ) {
///Добавить HTML код позиции
lHTMLList+=mGlobal.ElementTree.fItemGenerateHTML_JS(inElementsTreeDataArray[i])
}
///Закрывающая список HTML
lHTMLList+="< / div > "
///Установить HTML код в родителя
$(".rpa-object-tree").html(lHTMLList);
}
///Функция визуализации дерева
///Вызов создания вложенного листа, если имеется атрибут SpecificationChild
mGlobal.ElementTree.fItemGenerateHTML_JS = function(inItem,inParentSpecification=[]){
///Генерация уникального кода для элемента
var lElementId = mGlobal.GenerateUniqueID()
//Добавить информацию о б
///Урезанная часть селектора (сделать, чтобы была без SpecificationChild)
var lSelectorLocal={};
Object.assign(lSelectorLocal,inItem);
delete lSelectorLocal.SpecificationChild;
///Установка данных JS
mGlobal.GUIElement[lElementId]={};
mGlobal.GUIElement[lElementId]['GUISelectorLocal']=lSelectorLocal
mGlobal.GUIElement[lElementId]['GUISelectorFull']=Array.from(inParentSpecification);
mGlobal.GUIElement[lElementId]['GUISelectorFull'].push(lSelectorLocal)
///Генерация кода HTML
var lResultString="";
var lSubItemActionOnClick=' onclick="mGlobal.TreeLoadSubTree(\''+lElementId+'\');" '
var lSubItemActionOnRightClick=' oncontextmenu="mGlobal.ElementHighlightNew(\''+lElementId+'\');" '
var lIconSelectOnClick=' onclick="mGlobal.TreeObjectInfoLoad(\''+lElementId+'\');" '
var lIconTestOnClick=' onclick="mGlobal.Test(\''+lElementId+'\');" '
var lIconUpOnClick=' onclick="mGlobal.Actions.fAutomationSearchMouseElementHierarchyRun(\''+lElementId+'\');" '
var lSubListHTML="";
///Проверка вложенных объектов SpecificationChild
if (Array.isArray(inItem.SpecificationChild)) {
if (inItem.SpecificationChild.length>0) {
var lSubListHTML='< div class = "ui list" > ';
for (var i=0;i< inItem.SpecificationChild.length ; i + + ) {
if (inItem.SpecificationChild[i] != null) {
///Генерация кода
lSubListHTML+=mGlobal.ElementTree.fItemGenerateHTML_JS(inItem.SpecificationChild[i],mGlobal.GUIElement[lElementId]['GUISelectorFull'])
}
}
lSubListHTML+="< / div > "
}
}
///Генерация кода текущего элемента
lResultString+='\
< div class = "item" id = "'+lElementId+'" > \
< i class = "folder icon" > < / i > \
< i class = "angle double right icon" ' + lIconSelectOnClick + ' > < / i > \
< i class = "angle double right icon" ' + lIconTestOnClick + ' > < / i > \
< i class = "angle double up icon" ' + lIconUpOnClick + ' > < / i > \
< div class = "content" > \
< div class = "header" ' + lSubItemActionOnClick + lSubItemActionOnRightClick + ' > '+inItem.name+'< / div > \
< div class = "description" ' + lSubItemActionOnClick + lSubItemActionOnRightClick + ' > process_id:'+inItem.process_id+'; handle:'+inItem.handle+'; class_name: '+inItem.class_name+'; RECT:L'+inItem.rectangle.left+' T'+inItem.rectangle.top+' R'+inItem.rectangle.right+' B'+inItem.rectangle.bottom+'< / div > \
'+lSubListHTML+'\
< / div > \
< / div > '
return lResultString;
}
mGlobal.TreeLoadSubTree =function (inElementId) {
//Подгрузка массива спецификаций
lSpecificationArray = mGlobal.GUIElement[inElementId].GUISelectorFull
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementGetChildElementList","argsArray":['+JSON.stringify(lSpecificationArray)+']}',
success:
function(lData,l2,l3)
{
var lHTMLTree='< div class = "ui list" > '
var lResponseJSON=JSON.parse(lData)
for (i=0;i< lResponseJSON.outputObject.length ; i + + ) {
var lElementId = mGlobal.GenerateUniqueID()
var lSubItemHandleId=lResponseJSON.outputObject[i].handle;
var lSubItemActionOnClick=' onclick="mGlobal.TreeLoadSubTree(\''+lElementId+'\');" '
var lSubItemActionOnRightClick=' oncontextmenu="mGlobal.ElementHighlightNew(\''+lElementId+'\');" '
var lIconSelectOnClick=' onclick="mGlobal.TreeObjectInfoLoad(\''+lElementId+'\');" '
var lIconTestOnClick=' onclick="mGlobal.Test(\''+lElementId+'\');" '
lHTMLTree+='\
< div class = "item handle_'+lSubItemHandleId+'" handle_id = "'+lSubItemHandleId+'" id = "'+lElementId+'" > \
< i class = "folder icon" > < / i > \
< i class = "angle double right icon" ' + lIconSelectOnClick + ' > < / i > \
< i class = "angle double right icon" ' + lIconTestOnClick + ' > < / i > \
< div class = "content" > \
< div class = "header" ' + lSubItemActionOnClick + lSubItemActionOnRightClick + ' > '+lResponseJSON.outputObject[i].name+'< / div > \
< div class = "description" ' + lSubItemActionOnClick + lSubItemActionOnRightClick + ' > process_id:'+lResponseJSON.outputObject[i].process_id+'; handle:'+lSubItemHandleId+'; class_name: '+lResponseJSON.outputObject[i].class_name+'; RECT:L'+lResponseJSON.outputObject[i].rectangle.left+' T'+lResponseJSON.outputObject[i].rectangle.top+' R'+lResponseJSON.outputObject[i].rectangle.right+' B'+lResponseJSON.outputObject[i].rectangle.bottom+'< / div > \
< / div > \
< / div > '
//Добавить информацию о б
mGlobal.GUIElement[lElementId]={};
mGlobal.GUIElement[lElementId]['GUISelectorLocal']=lResponseJSON.outputObject[i]
mGlobal.GUIElement[lElementId]['GUISelectorFull']=Array.from(lSpecificationArray);
mGlobal.GUIElement[lElementId]['GUISelectorFull'].push(lResponseJSON.outputObject[i])
}
lHTMLTree+='< / div > '
$("#"+inElementId+" .content").append(lHTMLTree)
},
dataType: "text"
});
}
mGlobal.TreeObjectInfoLoad =function (inElementId) {
//Подгрузка массива спецификаций
lSpecificationArray = mGlobal.GUIElement[inElementId].GUISelectorFull
var lHTMLList='< div class = "ui relaxed divided list" > '
var lSpecificationArrayNew=[]
for (i=0;i< lSpecificationArray.length ; i + + ) {
lSpecificationArrayNew.push(lSpecificationArray[i])
var lElementId = mGlobal.GenerateUniqueID()
var lOnClickSelect= ' onclick="mGlobal.ElementPropertyListLoad(\''+lElementId+'\');" '
lHTMLList+='\
< div class = "item" id = "'+lElementId+'" ' + lOnClickSelect + ' > \
< div class = "content" > \
< div class = "description" > < p style = "word-wrap: break-word;" > < b > Level '+i+': < / b > '+JSON.stringify(lSpecificationArray[i])+'< / p > < / div > \
< / div > \
< / div > '
mGlobal.GUIElement[lElementId]={};
mGlobal.GUIElement[lElementId]['GUISelectorLocal']=lSpecificationArray[i]
mGlobal.GUIElement[lElementId]['GUISelectorFull']=Array.from(lSpecificationArrayNew);
}
lHTMLList+='< / div > '
$(".rpa-hierarchy").html(lHTMLList)
$(".rpa-object-tree .item").css("background-color","");
$("#"+inElementId).css("background-color","RGB(128,128,128)");
$(".rpa-gui-selector")[0].value=(JSON.stringify(lSpecificationArray))
}
mGlobal.ElementPropertyListLoad=function(inElementId) {
//Подгрузка массива спецификаций
lSpecificationArray = mGlobal.GUIElement[inElementId].GUISelectorFull
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementRunAction","argsArray":['+JSON.stringify(lSpecificationArray)+',"get_properties"]}',
success:
function(lData,l2,l3)
{
var lHTMLList='< div class = "ui relaxed divided list" > '
var lJSONData = JSON.parse(lData).outputObject
var lSpecificationArray=Object.keys(lJSONData)
for (i=0;i< lSpecificationArray.length ; i + + ) {
var lItemKey = lSpecificationArray[i]
var lItemValue = lJSONData[lItemKey]
lHTMLList+='\
< div class = "item" > \
< div class = "content" > \
< div class = "description" > < p style = "word-wrap: break-word;" > < b > '+lItemKey+':< / b > '+JSON.stringify(lItemValue)+'< / p > < / div > \
< / div > \
< / div > '
}
lHTMLList+='< / div > '
$(".rpa-property-list").html(lHTMLList)
},
dataType: "text"
});
}
mGlobal.ElementHighlight =function (inHandleId) {
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementRunAction","argsArray":[[{"handle":'+inHandleId+'}],"draw_outline"]}',
success:
function(lData,l2,l3)
{
console.log('Success handle:'+inHandleId)
},
dataType: "text"
});
}
mGlobal.ElementHighlightNew =function (inElementId) {
//Подгрузка массива спецификаций
lSpecificationArray = mGlobal.GUIElement[inElementId].GUISelectorFull
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementDrawOutlineNew","argsArray":['+JSON.stringify(lSpecificationArray)+']}',
success:
function(lData,l2,l3)
{
lDataJSON=JSON.parse(lData);
if (lDataJSON.hasOwnProperty("Error")) {
mGlobal.ShowModal("GUI Error",lDataJSON.Error);
}
},
dataType: "text"
});
}
mGlobal.ElementHighlightNewGUISelectorString =function (inGUISelector) {
//Подгрузка массива спецификаций
lSpecificationArray = inGUISelector
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementDrawOutlineNew","argsArray":['+lSpecificationArray+']}',
success:
function(lData,l2,l3)
{
lDataJSON=JSON.parse(lData);
if (lDataJSON.hasOwnProperty("Error")) {
mGlobal.ShowModal("GUI Error",lDataJSON.Error);
}
},
dataType: "text"
});
}
mGlobal.Test = function (inElementId) {
//Подгрузка массива спецификаций
lSpecificationArray = mGlobal.GUIElement[inElementId].GUISelectorFull
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementActionGetList","argsArray":['+JSON.stringify(lSpecificationArray)+']}',
success:
function(lData,l2,l3)
{
//lDataJSON=JSON.parse(lData.outputObject);
lDataJSON=JSON.parse(lData)
var lDataKeyList=lDataJSON.outputObject
var lValueList=[]
for (var i = 0; i< lDataKeyList.length ; i + + ) {
if (lDataKeyList[i].length>0)
if (lDataKeyList[i][0]!="_")
lValueList.push({'name':lDataKeyList[i],'value':lDataKeyList[i]})
}
///Установка значений в dropdown
$('.ui.dropdown.gui-action')
.dropdown({
values: lValueList
})
;
},
dataType: "text"
});
}
///Выполнить действие
mGlobal.GUIActionLoadList = function () {
var lActionElementSpecification = $('.rpa-gui-selector')[0].value
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementActionGetList","argsArray":['+lActionElementSpecification+']}',
success:
function(lData,l2,l3)
{
//lDataJSON=JSON.parse(lData.outputObject);
lDataJSON=JSON.parse(lData)
var lDataKeyList=lDataJSON.outputObject
var lValueList=[]
for (var i = 0; i< lDataKeyList.length ; i + + ) {
if (lDataKeyList[i].length>0)
if (lDataKeyList[i][0]!="_")
lValueList.push({'name':lDataKeyList[i],'value':lDataKeyList[i]})
}
///Установка значений в dropdown
$('.ui.dropdown.gui-action')
.dropdown({
values: lValueList
})
;
},
dataType: "text"
});
}
///Добавить действие в список на исполнение
mGlobal.GUIActionAddToList= function() {
var lActionName =$('.dropdown.gui-action .selected')[0].attributes['data-value'].value
var lActionElementSpecification = $('.rpa-gui-selector')[0].value
var lActionArgumentList = $('.rpa-argument-list')[0].value
if (lActionArgumentList=="") lActionArgumentList="[]"
///Сформировать строку спецификации действия
lActionSpecificationObject = {"functionName":"ElementRunAction","argsArray":[JSON.parse(lActionElementSpecification),lActionName,JSON.parse(lActionArgumentList)]}
lActionSpecificationString = '{"functionName":"ElementRunAction","argsArray":['+lActionElementSpecification+',"'+lActionName+'",'+lActionArgumentList+']}'
///Добавить в массив действий
mGlobal.ActionSpecificationList.push(lActionSpecificationObject)
///Обновить визуализацию
mGlobal.CodeList.fRender()
}
///Выполнить список действий
mGlobal.GUICodeListRun = function () {
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIActionList',
data: JSON.stringify(mGlobal.ActionSpecificationList),
success:
function(lData,l2,l3)
{
lDataJSON=JSON.parse(lData)
$(".gui-code-list-run-result").html(lDataJSON.outputObject)
},
dataType: "text"
});
}
///////////////////
///CodeList
///////////////////
///Визуализация текущего списка
mGlobal.CodeList.fRender=function() {
///Сформировать текстовые данные для вывода
var lHTMLData = ""
for (var i = 0; i< mGlobal.ActionSpecificationList.length ; i + + ) {
lHTMLData+='< p > '+
JSON.stringify(mGlobal.ActionSpecificationList[i])+
'< / p > '
}
$(".gui-code-result").html(lHTMLData)
}
///Выполнить импорт спецификации из JSON
mGlobal.CodeList.fActionSpecificationImportFromJSON=function() {
mGlobal.ActionSpecificationList=JSON.parse($(".ui.modal.openrpa-code-list-gui-import-modal textarea")[0].value)
///Обновить список на странице
mGlobal.CodeList.fRender()
}
///Выполнить действие
mGlobal.GUIActionRun = function () {
var lActionName =$('.dropdown.gui-action .selected')[0].attributes['data-value'].value
var lActionElementSpecification = $('.rpa-gui-selector')[0].value
var lActionArgumentList = $('.rpa-argument-list')[0].value
if (lActionArgumentList=="") lActionArgumentList="[]"
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementRunAction","argsArray":['+lActionElementSpecification+',"'+lActionName+'",'+lActionArgumentList+']}',
success:
function(lData,l2,l3)
{
lDataJSON=JSON.parse(lData)
$(".gui-result").html(lDataJSON.outputObject)
},
dataType: "text"
});
}
// fix main menu to page on passing
$('.main.menu').visibility({
type: 'fixed'
});
$('.overlay').visibility({
type: 'fixed',
offset: 80
});
// lazy load images
$('.image').visibility({
type: 'image',
transition: 'vertical flip in',
duration: 500
});
// show dropdown on hover
$('.main.menu .ui.dropdown').dropdown({
on: 'hover'
});
mGlobal.GUIRefreshTree=function()
{
///Загрузка данных
$.ajax({
type: "POST",
url: 'GUIAction',
data: '{"functionName":"ElementGetChildElementList","argsArray":[[]]}',
success:
function(lData,l2,l3)
{
var lHTMLTree='< div class = "ui list" style = "height:350px;overflow:scroll;" > '
var lResponseJSON=JSON.parse(lData)
for (i=0;i< lResponseJSON.outputObject.length ; i + + ) {
var lElementId = mGlobal.GenerateUniqueID()
var lSubItemHandleId=lResponseJSON.outputObject[i].handle;
var lSubItemActionOnClick=' onclick="mGlobal.TreeLoadSubTree(\''+lElementId+'\');" '
var lSubItemActionOnRightClick=' oncontextmenu="mGlobal.ElementHighlightNew(\''+lElementId+'\');" '
var lIconSelectOnClick=' onclick="mGlobal.TreeObjectInfoLoad(\''+lElementId+'\');" '
var lIconUpOnClick=' onclick="mGlobal.Actions.fAutomationSearchMouseElementHierarchyRun(\''+lElementId+'\');" '
lHTMLTree+='\
< div class = "item" id = "'+lElementId+'" > \
< i class = "folder icon" > < / i > \
< i class = "angle double right icon" ' + lIconSelectOnClick + ' > < / i > \
< i class = "angle double up icon" ' + lIconUpOnClick + ' > < / i > \
< div class = "content" > \
< div class = "description" ' + lSubItemActionOnClick + lSubItemActionOnRightClick + ' > \
< b > '+lResponseJSON.outputObject[i].name+'< / b > \
process_id:'+lResponseJSON.outputObject[i].process_id+'; handle:'+lSubItemHandleId+'; class_name: '+lResponseJSON.outputObject[i].class_name+'; RECT:L'+lResponseJSON.outputObject[i].rectangle.left+' T'+lResponseJSON.outputObject[i].rectangle.top+' R'+lResponseJSON.outputObject[i].rectangle.right+' B'+lResponseJSON.outputObject[i].rectangle.bottom+'< / div > \
< / div > \
< / div > '
//Добавить информацию о б
mGlobal.GUIElement[lElementId]={};
mGlobal.GUIElement[lElementId]['GUISelectorLocal']=lResponseJSON.outputObject[i]
mGlobal.GUIElement[lElementId]['GUISelectorFull']=[lResponseJSON.outputObject[i]]
}
lHTMLTree+='< / div > '
$(".rpa-object-tree").html(lHTMLTree);
},
dataType: "text"
});
}
mGlobal.GUIRefreshTree();
mGlobal.ShowModal=function(inHeaderText,inMessageText)
{
//Установка заголовка
$('.ui.basic.modal div.header').html(inHeaderText);
//Установка текста
$('.ui.basic.modal div.content p').html(inMessageText);
//Активация модального окна
$('.ui.basic.modal').modal('show');
}
})
;
< / script >
< style type = "text/css" >
body {
background-color: #FFFFFF;
}
.main.container {
margin-top: 2em;
}
.overlay {
float: left;
margin: 0em 3em 1em 0em;
}
.overlay .menu {
position: relative;
left: 0;
transition: left 0.5s ease;
}
.main.menu.fixed {
background-color: #FFFFFF;
border: 1px solid #DDD;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.overlay.fixed .menu {
left: 800px;
}
.text.container .left.floated.image {
margin: 2em 2em 2em -4em;
}
.text.container .right.floated.image {
margin: 2em -4em 2em 2em;
}
.ui.footer.segment {
margin: 5em 0em 0em;
padding: 5em 0em;
}
< / style >
< / head >
< body >
< div class = "ui internally celled grid" >
< div class = "row black" >
< div class = "two wide column" >
< h1 class = "ui header inverted" > OpenRPA< / h1 >
< / div >
< div class = "thirteen wide column" >
< / div >
< div class = "one wide column" >
< h5 > by UnicodeLabs< / h5 >
< / div >
< / div >
< div class = "row" >
< div class = "six wide column rpa-object-tree" >
< / div >
< div class = "six wide column rpa-hierarchy" >
< p > This example shows how to use lazy loaded images, a sticky menu, and a simple text container< / p >
< / div >
< div class = "four wide column rpa-property-list" >
< / div >
< / div >
< div class = "row black" >
< div class = "two wide column" >
< button class = "ui button grey labeled icon mini" onclick = "mGlobal.GUIRefreshTree()" >
< i class = "up refresh icon" > < / i >
Refresh tree
< / button >
< / div >
< div class = "two wide column" >
< button class = "ui button grey labeled icon mini" >
< i class = "up arrow icon" > < / i >
From
< / button >
< / div >
< div class = "two wide column" >
< button class = "ui button grey labeled icon mini" >
< i class = "down arrow icon" > < / i >
To
< / button >
< / div >
< div class = "ten wide column" >
< / div >
< / div >
< div class = "row" >
< div class = "eight wide column" >
< div class = "ui tiny header" > Edit GUI selector< / div >
< textarea style = "width:100%" class = "rpa-gui-selector" rows = "6" cols = "60" > < / textarea >
< button class = "large ui blue button rpa-action-highlight" onclick = "mGlobal.ElementHighlightNewGUISelectorString($('.rpa-gui-selector')[0].value);" > Highlight element< / button >
< / div >
< div class = "eight wide column" >
< div class = "ui tiny header" > Select action< / div >
< button class = "ui button blue labeled icon" onclick = "mGlobal.GUIActionLoadList();" >
< i class = "right arrow icon" > < / i >
Load actions
< / button >
< div class = "ui search selection dropdown gui-action" style = "width:410px;" >
< input type = "hidden" name = "country" >
< i class = "dropdown icon" > < / i >
< div class = "default text" > Select action< / div >
< div class = "menu" >
< / div >
< / div >
< div class = "ui tiny header" > Set arguments< / div >
< div class = "ui input" style = "width:500px;" >
< input type = "text" placeholder = "[GUAActionArg1, GUAActionArg2...]" class = "rpa-argument-list" >
< / div >
< p > < / p >
< button class = "large ui green button" onclick = "mGlobal.GUIActionRun();" > Run action< / button >
< button class = "large ui grey button" onclick = "mGlobal.GUIActionAddToList();" > + Code list< / button >
< div class = "ui tiny header" > Result< / div >
< div class = "content gui-result" > < / div >
< / div >
< / div >
< div class = "row black" >
< div class = "sixteen wide column" >
< / div >
< / div >
< div class = "row" >
< div class = "eight wide column" >
< div class = "ui tiny header" > Code list run result< / div >
< div class = "content gui-code-list-run-result" > < / div >
< / div >
< div class = "eight wide column" >
< div class = "ui tiny header" > Code list< / div >
< div class = "content gui-code-result" > < / div >
< button class = "large ui green button" onclick = "mGlobal.GUICodeListRun();" > Run code list< / button >
< button class = "large ui pink button" onclick = "$('.ui.modal.openrpa-code-list-gui-import-modal textarea')[0].value=''; $('.ui.modal.openrpa-code-list-gui-import-modal').modal('show');" > Import from JSON< / button >
< button class = "large ui blue button openrpa-save-to-clipboard" onclick = "mGlobal.ClipboardSet(JSON.stringify(mGlobal.ActionSpecificationList)); alert('Saved to clipboard!')" > Export JSON to clipboard< / button >
< / div >
< / div >
< / div >
< div class = "ui inverted vertical footer segment" >
< div class = "ui center aligned container" >
< div class = "ui stackable inverted divided grid" >
< div class = "three wide column" >
< h4 class = "ui inverted header" > Group 1< / h4 >
< div class = "ui inverted link list" >
< a href = "#" class = "item" > Link One< / a >
< a href = "#" class = "item" > Link Two< / a >
< a href = "#" class = "item" > Link Three< / a >
< a href = "#" class = "item" > Link Four< / a >
< / div >
< / div >
< div class = "three wide column" >
< h4 class = "ui inverted header" > Group 2< / h4 >
< div class = "ui inverted link list" >
< a href = "#" class = "item" > Link One< / a >
< a href = "#" class = "item" > Link Two< / a >
< a href = "#" class = "item" > Link Three< / a >
< a href = "#" class = "item" > Link Four< / a >
< / div >
< / div >
< div class = "three wide column" >
< h4 class = "ui inverted header" > Group 3< / h4 >
< div class = "ui inverted link list" >
< a href = "#" class = "item" > Link One< / a >
< a href = "#" class = "item" > Link Two< / a >
< a href = "#" class = "item" > Link Three< / a >
< a href = "#" class = "item" > Link Four< / a >
< / div >
< / div >
< div class = "seven wide column" >
< h4 class = "ui inverted header" > OpenRPA< / h4 >
< p > Open source Robotic Process Automation software by the Unicode Labs (Ivan Maslov). Under the MIT license.< / p >
< / div >
< / div >
< div class = "ui inverted section divider" > < / div >
< div class = "ui horizontal inverted small divided link list" >
< a class = "item" href = "#" > Site Map< / a >
< a class = "item" href = "#" > Contact Us< / a >
< a class = "item" href = "#" > Terms and Conditions< / a >
< a class = "item" href = "#" > Privacy Policy< / a >
< / div >
< / div >
< / div >
< div class = "ui basic modal" >
< div class = "ui icon header" >
< / div >
< div class = "content" >
< p > Here is the message text!< / p >
< / div >
< div class = "actions" >
< div class = "ui red basic cancel inverted button" >
< i class = "remove icon" > < / i >
No
< / div >
< div class = "ui green ok inverted button" >
< i class = "checkmark icon" > < / i >
Yes
< / div >
< / div >
< / div >
< div class = "ui modal openrpa-code-list-gui-import-modal" >
< i class = "close icon" > < / i >
< div class = "header" >
Code list import
< / div >
< div class = "content" >
< div class = "description" >
< div class = "ui header" > Insert your JSON specification here.< / div >
< p > < textarea style = "width:100%" rows = "6" cols = "60" > < / textarea > < / p >
< / div >
< / div >
< div class = "actions" >
< div class = "ui black deny button" >
Cancel
< / div >
< div class = "ui positive right labeled icon button" onclick = "mGlobal.CodeList.fActionSpecificationImportFromJSON();" >
Parse
< i class = "checkmark icon" > < / i >
< / div >
< / div >
< / div >
< / body >
< / html >
