Orc style change in progress + Render

Sources/pyOpenRPA/Orchestrator/Server.py

@@ -500,7 +500,7 @@ class testHTTPServer_RequestHandler(BaseHTTPRequestHandler):
                             "Method":"GET", 
                             "URL": gSettingsDict["ServerDict"]["URLIndexStr"], 
                             "MatchType": "EqualCase", 
-                            "ResponseFilePath": os.path.join(lOrchestratorFolder, "Web\\Index.xhtml"), 
+                            "ResponseFilePath": os.path.normpath(os.path.join(lOrchestratorFolder, "Web\\Index.xhtml")), 
                             "ResponseContentType": "text/html"}
                         #Check if all condition are applied
                         lFlagURLIsApplied=False

Sources/pyOpenRPA/Orchestrator/ServerSettings.py

@@ -456,9 +456,22 @@ def pyOpenRPA_Agent_A2O(inRequest, inGSettings):
                         del lActivityItem
                         if lL: lL.debug(f"SERVER: pyOpenRPA_Agent_A2O:: Source activity item request was deleted from the orchestrator. ActivityItem GUID Str: {lActivityReturnItemKeyStr}")
                 inGSettings["AgentDict"][lAgentDictItemKeyTurple]["ActivityList"] = lAgentDictActivityListNew
+
+from pyOpenRPA.Utils.Render import Render
+gPackageResourcePathStr = os.path.join(*(CrossOS.PathSplitList(__file__)[:-2]))
+gRender = Render(inTemplatePathStr=os.path.join(gPackageResourcePathStr, "Resources","Web","orpa","orc.xhtml"))
+
+def pyOpenRPA_Index():
+    # Пример использования
+    global gRender
+    gRender.TemplatePathSet(inDataDict={"const":"value1"})
+    lStr = gRender.Generate()
+    __Orchestrator__.WebRequestResponseSend(inResponeStr=lStr,inContentTypeStr="html/text")
+
 def SettingsUpdate(inGlobalConfiguration):
     import os
     import pyOpenRPA.Orchestrator
+    gSettingsDict = __Orchestrator__.GSettingsGet()
     if CrossOS.IS_WINDOWS_BOOL: lOrchestratorFolder = "\\".join(pyOpenRPA.Orchestrator.__file__.split("\\")[:-1])
     if CrossOS.IS_LINUX_BOOL: lOrchestratorFolder = "/".join(pyOpenRPA.Orchestrator.__file__.split("/")[:-1])
     lURLList = \
@@ -473,6 +486,7 @@ def SettingsUpdate(inGlobalConfiguration):
             #    "ResponseDefRequestGlobal": None #Function with str result
             #}
             #Orchestrator basic dependencies # Index page in server.py because of special settings
+            {"Method":"GET", "URL": gSettingsDict["ServerDict"]["URLIndexStr"],"MatchType": "EqualNoParam", "ResponseDef": pyOpenRPA_Index},
             {"Method":"GET", "URL": "/Index.js", "MatchType": "EqualCase", "ResponseFilePath": os.path.join(lOrchestratorFolder, "Web\\Index.js"), "ResponseContentType": "text/javascript"},
             {"Method":"GET", "URL": "/3rdParty/Semantic-UI-CSS-master/semantic.min.css", "MatchType": "EqualCase", "ResponseFilePath": os.path.join(lOrchestratorFolder, "..\\Resources\\Web\\Semantic-UI-CSS-master\\semantic.min.css"), "ResponseContentType": "text/css", "UACBool":False, "UseCacheBool": True},
             {"Method":"GET", "URL": "/3rdParty/Semantic-UI-CSS-master/semantic.min.js", "MatchType": "EqualCase", "ResponseFilePath": os.path.join(lOrchestratorFolder, "..\\Resources\\Web\\Semantic-UI-CSS-master\\semantic.min.js"), "ResponseContentType": "application/javascript", "UACBool":False, "UseCacheBool": True},

Sources/pyOpenRPA/Resources/Web/orpa/footer.xhtml

@@ -0,0 +1,28 @@
+<div class="ui inverted vertical footer segment">
+	<div class="ui container">
+	  <div class="ui stackable inverted divided equal height stackable grid">
+		<div class="three wide column">
+		  <h4 class="ui inverted header">Навигатор</h4>
+		  <div class="ui inverted link list">
+			<a href="https://pyopenrpa.ru/" class="item">Главная</a>
+			<a href="https://pyopenrpa.ru/wiki/guide/v1.2.14_RUS/html/index.html" class="item">Документация</a>
+			<a href="https://t.me/pyOpenRPA" class="item">Сообщество</a>
+			<a href="mailto:support@pyopenrpa.ru" class="item">Тех. поддержка</a>
+			<a href="https://pyopenrpa.ru/verification" class="item">Центр цифровых сертификатов</a>
+		  </div>
+		</div>
+		<div class="three wide column">
+		  <h4 class="ui inverted header">Интересный факт</h4>
+		  <p>Этот сайт сделан на оркестраторе pyOpenRPA за 7 дней - присоединяйся к сильной стороне!</p>
+		</div>
+		<div class="seven wide column">
+		  <h4 class="ui inverted header">Контактная информация</h4>
+		  <p>ООО "ОПЕН РПА", ОГРН 1227700251350</p>
+		  <p>МСК: 125310, Россия, г. Москва, улица Муравская</p>
+		  <p>СПБ: 197022, Россия, г. Санкт-Петербург, улица Льва Толстого</p>
+		  <p>Центр поддержки клиентов: +7 995 233 45 31 (с 9:00 до 18:00 по МСК), support@pyopenrpa.ru</p>
+		  <p>Оказываем услуги на всей территории Российской Федерации</p>
+		</div>
+	  </div>
+	</div>
+</div>

Sources/pyOpenRPA/Resources/Web/orpa/header.xhtml

@@ -0,0 +1,29 @@
+<div class="ui text container tag-top">
+	<div class="ui middle aligned stackable grid container">
+		<div class="row">
+			<div class="four wide column"> 
+				<img src="/orpa/Resources/Web/orpa/styleset/pyOpenRPA_logo.png" width="140px;" height="140px"></img>
+			</div>
+			<div class="twelve wide column"> 
+				<h1 class="ui inverted header" style="margin-top:0px; margin-bottom:0px;">
+					<span class="library" style="font-size: 0.75em; font-weight: bold;">{{const}}</span>
+				  </h1>
+				  <h2 style="text-transform: uppercase; letter-spacing: 5px; margin-top:0px; margin-bottom:5px;">
+					{% if const %}
+					ФИО: {{const}} 
+					{% else %}
+					НАИМЕНОВАНИЕ: {{const}} 
+					{% endif %}	
+					
+				  </h2>
+				  <h2 style="text-transform: uppercase; letter-spacing: 5px; margin-top:5px;">ИНН: 
+					{% if const %}
+					{{const}} 
+					{% else %}
+					{{const}} 
+					{% endif %}
+				   </h2>
+			</div>
+		</div>
+	</div>
+</div>

Sources/pyOpenRPA/Resources/Web/orpa/orc.js

@@ -0,0 +1,992 @@
+var mGlobal={}
+mGlobal.pyOpenRPA = {}
+window.onload=function() {
+    //document.cookie = "SessionGUIDStr=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+    //Render existing data
+    //mGlobal.Monitor.fControlPanelRefresh_TechnicalRender()
+}
+$(document).ready(function() {
+      document.cookie = "SessionGUIDStr=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+      console.log("Cookie is deleted")
+      // 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'
+      });
+    function clone(obj) {
+        var copy;
+
+        // Handle the 3 simple types, and null or undefined
+        if (null == obj || "object" != typeof obj) return obj;
+
+        // Handle Date
+        if (obj instanceof Date) {
+            copy = new Date();
+            copy.setTime(obj.getTime());
+            return copy;
+        }
+
+        // Handle Array
+        if (obj instanceof Array) {
+            copy = [];
+            for (var i = 0, len = obj.length; i < len; i++) {
+                copy[i] = clone(obj[i]);
+            }
+            return copy;
+        }
+
+        // Handle Object
+        if (obj instanceof Object) {
+            copy = {};
+            for (var attr in obj) {
+                if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
+            }
+            return copy;
+        }
+        throw new Error("Unable to copy obj! Its type isn't supported.");
+    }
+    //For data storage key
+    mGlobal["DataStorage"] = {}
+    // Clear the session cookie
+
+    String.prototype.replaceAll = function(search, replace){
+        return this.split(search).join(replace);
+    }
+    mGlobal.GeneralGenerateHTMLCodeHandlebars=function(inInnerTemplateSelector,inData) {
+        lHTMLTemplate=$(inInnerTemplateSelector)[0].innerHTML
+        //console.log(lHTMLTemplate)
+        //Компиляция
+        var template = Handlebars.compile(lHTMLTemplate);
+        //Вставка данных
+        var lHTMLResult = template(inData);
+        return lHTMLResult
+    }
+    mGlobal.GeneralGenerateHTMLCode=function(inTemplateHTMLSelector,inItemDictionary,inKeywordPrefix="::",inKeywordPostfix="::") {
+        ///Получить заготовку
+        lTemplateHTMLCode=$(inTemplateHTMLSelector)[0].outerHTML
+        ///Определить ключь экранирования специальных ключевых слов
+        ///Выполнить циклические замены, если там есть пожходящие ключи
+        lResultHTMLCode=lTemplateHTMLCode
+        for(var lKey in inItemDictionary) {
+            lHTMLKey=inKeywordPrefix+lKey+inKeywordPostfix;
+            lResultHTMLCode=lResultHTMLCode.replaceAll(lHTMLKey,inItemDictionary[lKey])
+        }
+        ///Вернуть результат
+        return lResultHTMLCode
+    }
+    //////////////////////////
+    /////Info JS module
+    //////////////////////////
+    mGlobal.Info={};
+
+    mGlobal.Info.TableActivityLogScheduleListRefresh=function() {
+
+    }
+    //////////////////////////
+    /////Controller JS module
+    //////////////////////////
+    mGlobal.Controller={};
+
+    mGlobal.Controller.CMDRunText=function(inCMDText) {
+        ///Подготовить конфигурацию
+        lData = [
+            {"Type":"CMDStart", "Command": inCMDText}
+        ]
+        ///Обнулить таблицу
+        $.ajax({
+            type: "POST",
+            url: 'Utils/Processor',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3){},
+            dataType: "text"
+        });
+    }
+    mGlobal.Controller.CMDRun=function() {
+        ///Обнулить таблицу
+        lCMDCode=$(".openrpa-controller-cmd-run-input")[0].value
+        ///Подготовить конфигурацию
+        lData = [
+            {
+                "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
+                "ArgList":[], // Args list
+                "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
+                "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+                "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+            }
+        ]
+        $.ajax({
+            type: "POST",
+            url: '/pyOpenRPA/ActivityListExecute',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///Отправить запрос на формирование таблицы
+                //lHTMLCode=console.log("CMDRun result: "+lResponseJSON[0].result)
+            },
+            dataType: "text"
+        });
+    }
+    mGlobal.Controller.CMDRunGUILogout=function() {
+        ///Обнулить таблицу
+        lCMDCode="for /f \"skip=1 tokens=2\" %s in ('query user %USERNAME%') do (tscon  \\dest:console)"
+        //lCMDCode = lCMDCode.replace(/\\n/g, "\\n")
+        //                  .replace(/\\'/g, "\\'")
+        //                  .replace(/\\"/g, '\\"')
+        //                  .replace(/\\&/g, "\\&")
+        //                  .replace(/\\r/g, "\\r")
+        //                  .replace(/\\t/g, "\\t")
+        //                  .replace(/\\b/g, "\\b")
+        //                  .replace(/\\f/g, "\\f")
+        //				  .replace('"', "\\\"");
+        ///Подготовить конфигурацию
+        lData = [
+            {"Type":"CMDStart", "Command": lCMDCode }
+        ]
+        $.ajax({
+            type: "POST",
+            url: 'Utils/Processor',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///Отправить запрос на формирование таблицы
+                //lHTMLCode=console.log("CMDRun result: "+lResponseJSON[0].result)
+            },
+            dataType: "text"
+        });
+    }
+    ///Restart PC
+    mGlobal.Controller.PCRestart = function () {
+        mGlobal.Controller.OrchestratorSessionSave()
+        mGlobal.Controller.CMDRunText("shutdown -r")
+    }
+    ///Orchestrator save session
+    mGlobal.Controller.OrchestratorSessionSave=function() {
+        ///Подготовить конфигурацию
+        lData = [
+            {"Type":"OrchestratorSessionSave"}
+        ]
+        $.ajax({
+          type: "POST",
+          url: 'Utils/Processor',
+          data: JSON.stringify(lData),
+          success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+            },
+          dataType: "text"
+        });
+    }
+    ///Перезагрузить Orchestrator
+    mGlobal.Controller.OrchestratorRestart=function() {
+        ///Подготовить конфигурацию
+        lData = [
+            {"Type":"OrchestratorRestart"}
+        ]
+        $.ajax({
+          type: "POST",
+          url: 'Utils/Processor',
+          data: JSON.stringify(lData),
+          success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+            },
+          dataType: "text"
+        });
+    }
+    mGlobal.Controller.OrchestratorGITPullRestart = function() {
+        mGlobal.Controller.OrchestratorSessionSave() //Save current RDP list session
+        mGlobal.Controller.CMDRunText("timeout 3 & taskkill /f /im OpenRPA_Orchestrator.exe & timeout 2 & cd "+mGlobal.WorkingDirectoryPathStr+" & git reset --hard & git pull & pyOpenRPA.Orchestrator_x64_administrator_startup.cmd");
+    }
+    //////////////////////////
+    /////Monitor JS module
+    //////////////////////////
+    mGlobal.Monitor={};
+    mGlobal.Monitor.ScreenshotModal={};
+    mGlobal.Monitor.GenerateUniqueID=function(inPrefix="tempUID=") {
+        return inPrefix+Math.round(Math.random()*1000)+"-"+Math.round(Math.random()*10000)+"-"+Math.round(Math.random()*1000)
+    }
+    //inHostURI: http://localhost:8081
+    mGlobal.Monitor.ScreenshotModal.Show=function(inHostURI="	") {
+        $('.ui.modal.daemon-screenshot').modal({'onHide':function (inElement) {mGlobal.Monitor.ScreenshotModal.Close();} }).modal('show');
+
+        //Функция обновления картинки
+        lScreenshotUpdate=function() {
+            lScreenshotSrc=inHostURI+"/GetScreenshot?"+mGlobal.Monitor.GenerateUniqueID()
+            $(".daemon-screenshot img").attr('src', lScreenshotSrc);
+        }
+
+        mGlobal.Monitor.ScreenshotModal.timerId=setInterval(lScreenshotUpdate,1500)
+    }
+    mGlobal.Monitor.ScreenshotModal.Close=function() {
+        clearInterval(mGlobal.Monitor.ScreenshotModal.timerId);
+    }
+    ///Monitor
+    mGlobal.Monitor.DaemonList={}
+    mGlobal.Monitor.DaemonList.fRefreshTable=function() {
+        ///Загрузка данных
+        $.ajax({
+          type: "GET",
+          url: 'Monitor/JSONDaemonListGet',
+          data: '',
+          success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///Сформировать HTML код новой таблицы
+                lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-monitor-table-general",lResponseJSON)
+                ///Очистить дерево
+                //mGlobal.ElementTree.fClear();
+                ///Прогрузить новую таблицу
+                $(".openrpa-monitor").html(lHTMLCode)
+            },
+          dataType: "text"
+        });
+    }
+    ////////////////////////////////
+    ///////Control panel
+    ///////////////////////////////
+    ///Refresh control panel
+    function sleep(ms) {
+        ms += new Date().getTime();
+        while (new Date() < ms){}
+    }
+    function uuidv4() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    }
+    mGlobal.SessionGUIDStr = uuidv4() // Generate uuid4 of the session
+    //console.log(uuidv4());
+    mGlobal.RobotRDPActive = {}
+    mGlobal.Monitor.fControlPanelRefresh_TechnicalRender = function()
+    {
+        lResponseJSON = mGlobal.Monitor.mDatasetLast
+
+        if (lResponseJSON!= null) {
+            /// New version of control panels
+            for (var lKeyStr in lResponseJSON){
+                if (lKeyStr != "RenderRobotList") { /// Check if not "RenderRobotList"
+                    lCPDict = lResponseJSON[lKeyStr]
+                    /// Render HTML
+                    if ("HTMLStr" in lCPDict) {
+
+                    }
+                }
+            }
+
+
+            /// v1.2.0 Backward compatibility - support old control panels
+            if ("RenderRobotList" in lResponseJSON) {
+                ///Escape onclick
+                /// RenderRobotList
+                lResponseJSON["RenderRobotList"].forEach(
+                    function(lItem){
+                        if ('FooterButtonX2List' in lItem) {
+                            /// FooterButtonX2List
+                            lItem["FooterButtonX2List"].forEach(
+                                function(lItem2){
+                                    if ('OnClick' in lItem) {
+                                        lOnClickEscaped = lItem["OnClick"];
+                                        lOnClickEscaped = lOnClickEscaped.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+                                        lItem["OnClick"] = lOnClickEscaped;
+                                    }
+                                }
+                            );
+                            /// FooterButtonX1List
+                            lItem["FooterButtonX1List"].forEach(
+                                function(lItem2){
+                                    if ('OnClick' in lItem) {
+                                        lOnClickEscaped = lItem["OnClick"];
+                                        lOnClickEscaped = lOnClickEscaped.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+                                        lItem["OnClick"] = lOnClickEscaped;
+                                    }
+                                }
+                            );
+                        }
+                    }
+                );
+                //////////////////////////////////////////////////////////
+                ///Сформировать HTML код новой таблицы - контрольная панель
+                lHTMLCode+=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-control-panel",lResponseJSON)
+                //Присвоить ответ в mGlobal.Monitor.mResponseList
+                mGlobal.Monitor.mResponseList = lResponseJSON
+                ///Set result in mGlobal.DataStorage
+                lResponseJSON["RenderRobotList"].forEach(
+                    function(lItem){
+                        if ('DataStorageKey' in lItem) {
+                            mGlobal["DataStorage"][lItem['DataStorageKey']]=lItem
+                        }
+                    }
+                )
+                ///Прогрузить новую таблицу
+                $(".openrpa-control-panel").html(lHTMLCode)
+                ////////////////////////////////////////////////////
+                /// !RDP List ! Сформировать HTML код новой таблицы - список RDP
+                lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-robotrdpactive-control-panel",lResponseJSON)
+                //Присвоить ответ в mGlobal.RobotRDPActive.mResponseList
+                mGlobal.RobotRDPActive.mResponseList = lResponseJSON
+                ///Прогрузить новую таблицу
+                $(".openrpa-robotrdpactive-control-panel").html(lHTMLCode)
+                ///Очистить дерево
+                //mGlobal.ElementTree.fClear();
+                ////////////////////////////////////////////////////
+                /// !UserAgent List ! Сформировать HTML код новой таблицы - список RDP
+                lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".pyOpenRPA-Agent-ListTemplate",lResponseJSON)
+                //Присвоить ответ в mGlobal.RobotRDPActive.mResponseList
+                mGlobal.RobotRDPActive.mResponseList = lResponseJSON
+                ///Прогрузить новую таблицу
+                $(".pyOpenRPA-Agent-List").html(lHTMLCode)
+                ///Очистить дерево
+                //mGlobal.ElementTree.fClear();
+            }
+        }
+    }
+
+    ///v 1.2.0 pyOpenRPA
+    /// Execute ActivityItem
+    mGlobal.pyOpenRPA.ActivityItemExecute=function(inActivityItem) {
+        ///EXAMPLE
+        //    {
+        //        "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
+        //        "ArgList":[], // Args list
+        //        "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
+        //        "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //        "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //    }
+        ///Подготовить конфигурацию
+        lData = [inActivityItem]
+        $.ajax({
+            type: "POST",
+            url: '/pyOpenRPA/ActivityListExecute',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                console.log(lResponseJSON)
+            },
+            dataType: "text"
+        });
+    }
+    /// Execute ActivityList
+    mGlobal.pyOpenRPA.ActivityListExecute=function(inActivityList) {
+        ///EXAMPLE
+        //    [{
+        //        "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
+        //        "ArgList":[], // Args list
+        //        "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
+        //        "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //        "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //    }]
+        ///Подготовить конфигурацию
+        lData = inActivityList
+        $.ajax({
+            type: "POST",
+            url: '/pyOpenRPA/ActivityListExecute',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                console.log(lResponseJSON)
+            },
+            dataType: "text"
+        });
+    }
+    /// Add ActivityList in processor queue
+    mGlobal.pyOpenRPA.ProcessorQueueAdd=function(inActivityList) {
+        ///EXAMPLE
+        //    [{
+        //        "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
+        //        "ArgList":[], // Args list
+        //        "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
+        //        "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //        "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //    }]
+        ///Подготовить конфигурацию
+        lData = inActivityList
+        $.ajax({
+            type: "POST",
+            url: '/pyOpenRPA/ProcessorQueueAdd',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                console.log(lResponseJSON)
+            },
+            dataType: "text"
+        });
+    }
+
+    /// v1.2.0 pyOpenRPA ServerJSInit
+    mGlobal.pyOpenRPA.ServerJSInitDef=function() {
+        try {
+            $.ajax({
+                type: "GET",
+                headers: {},
+                url: 'pyOpenRPA/ServerJSInit',
+                data: mGlobal.pyOpenRPA.ServerDataHashStr,
+                async: false,
+                success: function(lJSText) {
+                    try {
+                        eval(lJSText)
+                    }
+                    catch(error) {
+                        console.log(error)
+                    }
+                },
+                dataType: "text",
+                error: function(jqXHR, textStatus, errorThrown ) {
+                    console.log(textStatus)
+                }
+            });
+        }
+        catch(error) {
+            console.log(error)
+        }
+    }
+
+    /// v1.2.0 pyOpenRPA ServerData
+    mGlobal.pyOpenRPA.ServerDataDict = null
+    mGlobal.pyOpenRPA.ServerDataHashStr = ""
+    mGlobal.pyOpenRPA.ServerDataRefreshDef_TechnicalRender = function()
+    {
+        lResponseJSON = mGlobal.pyOpenRPA.ServerDataDict
+        if (lResponseJSON!= null) {
+            /// New version of control panels
+            lHTMLCode = '<div class="ui cards">'
+            for (var lKeyStr in lResponseJSON["CPDict"]){
+                lCPDict = lResponseJSON["CPDict"][lKeyStr]
+                /// Render HTML
+                if ("HTMLStr" in lCPDict) {
+                    lHTMLCode+=lCPDict["HTMLStr"]
+                }
+            }
+            lHTMLCode += '</div>'
+            ///Прогрузить новую таблицу
+            $(".openrpa-control-panel").html(lHTMLCode)
+            ////////////////////////////////////////////////////
+            /// !RDP List ! Сформировать HTML код новой таблицы - список RDP
+            lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-robotrdpactive-control-panel",lResponseJSON["RDPDict"])
+            //Присвоить ответ в mGlobal.RobotRDPActive.mResponseList
+            mGlobal.RobotRDPActive.mResponseList = lResponseJSON["RDPDict"]
+            ///Прогрузить новую таблицу
+            $(".openrpa-robotrdpactive-control-panel").html(lHTMLCode)
+            ///Очистить дерево
+            //mGlobal.ElementTree.fClear();
+            ////////////////////////////////////////////////////
+            /// !UserAgent List ! Сформировать HTML код новой таблицы - список RDP
+            lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".pyOpenRPA-Agent-ListTemplate",lResponseJSON["AgentDict"])
+            ///Прогрузить новую таблицу
+            $(".pyOpenRPA-Agent-List").html(lHTMLCode)
+            ///Очистить дерево
+            //mGlobal.ElementTree.fClear();
+        }
+    }
+    mGlobal.pyOpenRPA.ServerDataRefreshDef=function() {
+        try {
+            $.ajax({
+                type: "POST",
+                headers: {},
+                url: 'pyOpenRPA/ServerData',
+                data: mGlobal.pyOpenRPA.ServerDataHashStr,
+                success: function(lData,l2,l3) {
+                    try {
+                        var lResponseJSON=JSON.parse(lData)
+                        mGlobal.VersionStr = lResponseJSON["ServerDataDict"]["UserDict"]["VersionStr"]
+                        mGlobal.pyOpenRPA.ServerDataDict = lResponseJSON["ServerDataDict"]
+                        mGlobal.pyOpenRPA.ServerDataHashStr = lResponseJSON["HashStr"]
+                        mGlobal.pyOpenRPA.ServerDataRefreshDef_TechnicalRender()
+                        mGlobal.UserRoleUpdate();
+                        setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,600) // If LOGS are update every ms - set some limit in ms on the client side
+                        //mGlobal.pyOpenRPA.ServerDataRefreshDef() // Go to the next call
+                    }
+                    catch(error) {
+                        console.log(error)
+                        setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,3000)
+                    }
+                    //mGlobal.pyOpenRPA.ServerDataRefreshDef() // recursive
+                },
+                dataType: "text",
+                error: function(jqXHR, textStatus, errorThrown ) {
+                    setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,3000)
+                    //sleep(3000)
+                    //mGlobal.pyOpenRPA.ServerDataRefreshDef() // recursive
+                }
+            });
+        }
+        catch(error) {
+            setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,3000)
+            //sleep(3000)
+            //mGlobal.pyOpenRPA.ServerDataRefreshDef() // recursive
+        }
+    }
+    /////////////////////////////////////////////////////////////
+    /// v1.2.0 pyOpenRPA ServerLogs
+    mGlobal.pyOpenRPA.ServerLogList = null
+    mGlobal.pyOpenRPA.ServerLogListHashStr = ""
+    mGlobal.pyOpenRPA.ServerLogListDoRenderBool = true
+    ///Turn OFF rendering
+    mGlobal.pyOpenRPA.ServerLogListDoRenderFalse = function() {
+        ///Set unfreeze button
+        $("a.mGlobal-pyOpenRPA-ServerLogListDoRender").html("Unfreeze textarea")
+        $("a.mGlobal-pyOpenRPA-ServerLogListDoRender").attr("onclick","mGlobal.pyOpenRPA.ServerLogListDoRenderTrue()")
+        $("textarea.mGlobal-pyOpenRPA-ServerLogList").css("background-color","#b9e2e8")
+        mGlobal.pyOpenRPA.ServerLogListDoRenderBool = false
+    }
+    ///Turn ON rendering
+    mGlobal.pyOpenRPA.ServerLogListDoRenderTrue = function() {
+        mGlobal.pyOpenRPA.ServerLogListDoRenderBool = true
+        ///Render last data
+        mGlobal.pyOpenRPA.ServerLogListRefreshDef_TechnicalRender()
+        ///Set unfreeze button
+        $("a.mGlobal-pyOpenRPA-ServerLogListDoRender").html("Freeze textarea")
+        $("a.mGlobal-pyOpenRPA-ServerLogListDoRender").attr("onclick","mGlobal.pyOpenRPA.ServerLogListDoRenderFalse()")
+        $("textarea.mGlobal-pyOpenRPA-ServerLogList").css("background-color","")
+
+    }
+    mGlobal.pyOpenRPA.ServerLogListScrollBottomDef = function() {
+        var lTA = $("textarea.mGlobal-pyOpenRPA-ServerLogList")[0];
+        lTA.scrollTop = lTA.scrollHeight;
+    }
+    mGlobal.pyOpenRPA.ServerLogListRefreshDef_TechnicalRender = function()
+    {
+        lResponseJSON = mGlobal.pyOpenRPA.ServerLogList
+        if (lResponseJSON!= null && mGlobal.pyOpenRPA.ServerLogListDoRenderBool==true) {
+            lText = lResponseJSON.join("\n") /// Code for the processing the text
+            $("textarea.mGlobal-pyOpenRPA-ServerLogList")[0].value= lText ///Прогрузить новую таблицу
+            mGlobal.pyOpenRPA.ServerLogListScrollBottomDef() //Scroll to the bottom
+        }
+    }
+    mGlobal.pyOpenRPA.ServerLogListRefreshDef=function() {
+        try {
+            $.ajax({
+                type: "POST",
+                headers: {},
+                url: 'pyOpenRPA/ServerLog',
+                data: mGlobal.pyOpenRPA.ServerLogListHashStr,
+                success: function(lData,l2,l3) {
+                    try {
+                        var lResponseJSON=JSON.parse(lData)
+                        mGlobal.pyOpenRPA.ServerLogList = lResponseJSON["ServerLogList"]
+                        mGlobal.pyOpenRPA.ServerLogListHashStr = lResponseJSON["HashStr"]
+                        mGlobal.pyOpenRPA.ServerLogListRefreshDef_TechnicalRender()
+                    }
+                    catch(error) {
+                    }
+                    setTimeout(mGlobal.pyOpenRPA.ServerLogListRefreshDef,600) // If LOGS are update every ms - set some limit in ms on the client side
+                    //mGlobal.pyOpenRPA.ServerLogListRefreshDef() // recursive
+                },
+                dataType: "text",
+                error: function(jqXHR, textStatus, errorThrown ) {
+                    setTimeout(mGlobal.pyOpenRPA.ServerLogListRefreshDef,3000)
+                    //sleep(3000)
+                    //mGlobal.pyOpenRPA.ServerLogListRefreshDef() // recursive
+                }
+            });
+        }
+        catch(error) {
+            setTimeout(mGlobal.pyOpenRPA.ServerLogListRefreshDef,3000)
+            //sleep(3000)
+            //mGlobal.pyOpenRPA.ServerLogListRefreshDef() // recursive
+        }
+    }
+    /////////////////////////////////////////////////////////////
+
+
+    mGlobal.Monitor.mDatasetLast = null
+
+    ///////////////////////////////
+    ///Processor functions
+    ///////////////////////////////
+    mGlobal.Processor = {}
+    mGlobal.Processor.ServerValueAppend = function(inKeyList,inValue) {
+        lData = [
+            {
+                "Type":"GlobalDictKeyListValueAppend",
+                "KeyList": inKeyList,
+                "Value": inValue
+            }
+        ]
+        ///Обнулить таблицу
+        $('.ui.modal.basic .content').html("");
+        $.ajax({
+            type: "POST",
+            url: 'Utils/Processor',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///TODO Show error if exist error
+            },
+            dataType: "text"
+        });
+    }
+    mGlobal.Processor.ServerValueSet = function(inKeyList,inValue) {
+        lData = [
+            {
+                "Type":"GlobalDictKeyListValueSet",
+                "KeyList": inKeyList,
+                "Value": inValue
+            }
+        ]
+        ///Обнулить таблицу
+        $('.ui.modal.basic .content').html("");
+        $.ajax({
+            type: "POST",
+            url: 'Utils/Processor',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///TODO Show error if exist error
+            },
+            dataType: "text"
+        });
+    }
+    mGlobal.Processor.ServerValueOperatorPlus = function(inKeyList,inValue) {
+        lData = [
+            {
+                "Type":"GlobalDictKeyListValueOperator+",
+                "KeyList": inKeyList,
+                "Value": inValue
+            }
+        ]
+        ///Обнулить таблицу
+        $('.ui.modal.basic .content').html("");
+        $.ajax({
+            type: "POST",
+            url: 'Utils/Processor',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///TODO Show error if exist error
+            },
+            dataType: "text"
+        });
+    }
+    mGlobal.Processor.Send = function(inData) {
+        lData = inData
+        $.ajax({
+            type: "POST",
+            url: 'Utils/Processor',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                ///TODO Show error if exist error
+            },
+            dataType: "text"
+        });
+    }
+    mGlobal.Server= {}
+    mGlobal.Server.JSONGet=function(inMethod, inURL, inDataJSON, inCallback)
+    {
+        $.ajax({
+            type: inMethod,
+            url: inURL,
+            data: JSON.stringify(inDataJSON),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                inCallback(lResponseJSON)
+            },
+            dataType: "text"
+        });
+    }
+
+    /////////////////
+    ///Modal
+    ///////////////////
+    mGlobal.Modal={}
+    /////////////////////////////////////////////////////
+    mGlobal.Modal.TableFilter={}
+    mGlobal.Modal.TableFilter.Show=function(inJSON) {
+        //{
+        //	"Title":"",
+        //	"Headers":["Header1","Header2"],
+        //	"Rows": [["Cell1","Cell2"],["Cell2-1","Cell2-2"]],
+        //	"FilterOnKeyUp": "<JS Code>" //Fill here in function
+        //}
+        //Set js handler to Search field
+        inJSON["FilterOnKeyUp"]="mGlobal.Modal.TableFilter.FilterUpdate(this.value);"
+        ///Set value
+        mGlobal.Modal.TableFilter.mDataJSON = inJSON
+        //Render HTML
+        lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-table-filter",inJSON);
+        ///Установить HTML код
+        $('.ui.modal.basic .content').html(lHTMLCode);
+        $('.ui.modal.basic').modal('show');
+        //DO widest modal for table with scroll x
+        $("div.ui.basic.modal.transition.visible.active.scrolling")[0].style["width"]="1300px"
+        $("div.ui.basic.modal.transition.visible.active.scrolling")[0].style["overflow"]="scroll"
+    }
+    //Service function
+    mGlobal.Modal.TableFilter.FilterUpdate=function(inFilterValue) {
+        //Get JSON, apply filter, clone data
+        lDataJSON = clone(mGlobal.Modal.TableFilter.mDataJSON)
+        delete lDataJSON["Rows"]
+        lDataJSON["Rows"]=[]
+        //Filter code [any occurence in the row is ok for push! ]
+        mGlobal.Modal.TableFilter.mDataJSON["Rows"].forEach(
+            function(inElement) {
+                lFlagElementAppend = false
+                inElement.forEach(
+                    function(inElement2) {
+                        if (String(inElement2).includes(inFilterValue)) {
+                            lFlagElementAppend = true
+                        }
+                    }
+                )
+                if (lFlagElementAppend) {
+                    lDataJSON["Rows"].push(inElement)
+                }
+            }
+        )
+        //Clear Filter Title property (fixed in html)
+        delete lDataJSON["FilterOnKeyUp"]
+        delete lDataJSON["Title"]
+        //Search the table element [replace only table html]
+        lElement = $('.ui.modals.active .content table.table')[0]
+        lElementParentElement = lElement.parentNode
+        lElement.parentNode.removeChild(lElement);
+        //Render HTML
+        lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-table-filter",lDataJSON);
+        ///Установить HTML код
+        lElementParentElement.insertAdjacentHTML("beforeend",lHTMLCode);
+    }
+    /////////////////////////////////////////////////////////////
+    mGlobal.Modal.ListFilter={}
+    mGlobal.Modal.ListFilter.Show=function(inJSON) {
+        //{
+        //	"Title":"",
+        //	"List":[{"Header":"","Description":""}],
+        //	"FilterOnKeyUp": "<JS Code>" //Fill here in function
+        //}
+        //Set js handler to Search field
+        inJSON["FilterOnKeyUp"]="mGlobal.Modal.ListFilter.FilterUpdate(this.value);"
+        ///Set value
+        mGlobal.Modal.ListFilter.mDataJSON = inJSON
+        //Render HTML
+        lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-list-filter",inJSON);
+        ///Установить HTML код
+        $('.ui.modal.basic .content').html(lHTMLCode);
+        $('.ui.modal.basic').modal('show');
+    }
+    //Service function
+    mGlobal.Modal.ListFilter.FilterUpdate=function(inFilterValue) {
+        //Get JSON, apply filter, clone data
+        lDataJSON = clone(mGlobal.Modal.ListFilter.mDataJSON)
+        delete lDataJSON["List"]
+        lDataJSON["List"]=[]
+        //Filter code [any occurence in the row is ok for push! ]
+        mGlobal.Modal.ListFilter.mDataJSON["List"].forEach(
+            function(inElement) {
+                lFlagElementAppend = false
+                if (String(inElement["Header"]).includes(inFilterValue)) {
+                    lFlagElementAppend = true
+                }
+                if (String(inElement["Description"]).includes(inFilterValue)) {
+                    lFlagElementAppend = true
+                }
+                if (lFlagElementAppend) {
+                    lDataJSON["List"].push(inElement)
+                }
+            }
+        )
+        //Clear Filter Title property (fixed in html)
+        delete lDataJSON["FilterOnKeyUp"]
+        delete lDataJSON["Title"]
+        //Search the table element [replace only table html]
+        lElement = $('.ui.modals.active .content div.ui.inverted.segment')[0]
+        lElementParentElement = lElement.parentNode
+        lElement.parentNode.removeChild(lElement);
+        //Render HTML
+        lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-list-filter",lDataJSON);
+        ///Установить HTML код
+        lElementParentElement.insertAdjacentHTML("beforeend",lHTMLCode);
+    }
+    mGlobal.UserRoleHierarchyDict = null // Put here the user role hierarchy
+    // UAC Ask
+    mGlobal.UserRoleAsk=function(inList) {
+        var lResult = true; // Init flag
+        var lRoleHierarchyDict = mGlobal.pyOpenRPA.ServerDataDict.UserDict.UACClientDict; // get the Hierarchy
+        // Try to get value from key list
+        var lKeyValue = lRoleHierarchyDict; // Init the base
+        var lListLength = inList.length;
+        for (var i = 0; i<lListLength; i++) {
+            var lItem = inList[i]; // get the item
+            if (typeof lKeyValue == "object") {
+                if (lItem in lKeyValue) { // Has key
+                    lKeyValue = lKeyValue[lItem]; // Get the value and go to the next loop iteration
+                } else { // Else branch - true or false
+                    if (Object.keys(lKeyValue).length > 0) { // false - if Dict has some elements
+                        lResult = false; // Set the False Flag
+                    } else {
+                        lResult = true; // Set the true flag
+                    }
+                    break; // Stop the loop
+                }
+            } else { // Has element with no detalization - return true
+                lResult = true; // Set the flag
+                break; // Close the loop
+            }
+        }
+        return lResult; // Return the result
+    }
+    // Check user roles and update the Orchestrator UI
+    mGlobal.UserRoleUpdate=function() {
+        var lUACAsk = mGlobal.UserRoleAsk // Alias
+        //CPKeyDict
+        if (lUACAsk(["pyOpenRPADict","CPKeyDict"])) { $(".UACClient-pyOpenRPADict-CPKeyDict").show(); }
+
+        //RDPKeyDict
+        if (lUACAsk(["pyOpenRPADict","RDPKeyDict"])) { $(".UACClient-pyOpenRPADict-RDPKeyDict").show(); }
+
+        //AgentKeyDict
+        if (lUACAsk(["pyOpenRPADict","AgentKeyDict"])) { $(".UACClient-pyOpenRPADict-AgentKeyDict").show(); }
+
+        // AdminDict
+        if (lUACAsk(["pyOpenRPADict","AdminDict","LogViewerBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-LogViewerBool").show(); }
+        if (lUACAsk(["pyOpenRPADict","AdminDict","CMDInputBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-CMDInputBool").show(); }
+        if (lUACAsk(["pyOpenRPADict","AdminDict","ScreenshotViewerBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-ScreenshotViewerBool").show(); }
+        if (lUACAsk(["pyOpenRPADict","AdminDict","RestartOrchestratorBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorBool").show(); }
+        if (lUACAsk(["pyOpenRPADict","AdminDict","RestartOrchestratorGITPullBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorGITPullBool").show(); }
+        if (lUACAsk(["pyOpenRPADict","AdminDict","RestartPCBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-RestartPCBool").show(); }
+		if (lUACAsk(["pyOpenRPADict","AdminDict","Debugging"])) { $(".UACClient-pyOpenRPADict-AdminDict-Debugging").show(); }
+
+    }
+
+    /// v1.2.0 pyOpenRPA Init defs
+    mGlobal.pyOpenRPA.ServerDataRefreshDef(); // Init the refresh data def from server side
+    mGlobal.pyOpenRPA.ServerLogListRefreshDef(); // Init the refresh data def from the log window
+    mGlobal.pyOpenRPA.ServerLogListDoRenderTrue(); // Init button to freeze/unfreeze textare with logs
+    mGlobal.pyOpenRPA.ServerJSInitDef(); // Recieve JS from server (if exist) and then call anothe url ServerData
+    //$('.ui.dropdown').dropdown();
+	
+	////////////////////////////////////////////
+	// 1.2.7 Debugging
+	    /// Execute ActivityItem
+
+	// Debugging onchange def autofill init
+	var lDropdownOnChange = function(inEvent){
+		//lValueStr = inEvent.target.value
+		lValueStr = inEvent
+		$.ajax({
+            type: "GET",
+            url: '/pyOpenRPA/Debugging/HelperDefAutofill/'+lValueStr,
+            data: null,
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                console.log("HelperDefAutofill:")
+                console.log(lResponseJSON)
+				//ArgDict merge
+				var lArgDictTargetDict = lResponseJSON["ArgDict"]
+				var lArgDictStr = $(".mGlobal-pyOpenRPA-Debugging-ArgDict")[0].value
+				if (lArgDictStr !="" && lArgDictStr !=null) {
+					lArgDictLastDict = JSON.parse(lArgDictStr)
+					lArgDictTargetDict = mGlobal.pyOpenRPA.DebuggingAutofillMerge(lArgDictTargetDict, lArgDictLastDict)
+				}
+				
+				$(".mGlobal-pyOpenRPA-Debugging-ArgList")[0].value = JSON.stringify(lResponseJSON["ArgList"])
+				$(".mGlobal-pyOpenRPA-Debugging-ArgDict")[0].value = JSON.stringify(lArgDictTargetDict)
+				$(".mGlobal-pyOpenRPA-Debugging-ArgGSettingsStr")[0].value = JSON.stringify(lResponseJSON["ArgGSettingsStr"])
+				$(".mGlobal-pyOpenRPA-Debugging-ArgLoggerStr")[0].value = JSON.stringify(lResponseJSON["ArgLoggerStr"])
+				
+            },
+            dataType: "text"
+        });
+	}
+	//$('.ui.dropdown.mGlobal-pyOpenRPA-Debugging-Def-Dropdown')[0].onchange=lDropdownOnChange
+	
+	
+
+    mGlobal.pyOpenRPA.DebuggingExecute=function() {
+        ///EXAMPLE
+        //    {
+        //        "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
+        //        "ArgList":[], // Args list
+        //        "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
+        //        "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //        "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+        //    }
+        ///Подготовить конфигурацию
+		lArgListStr = $(".mGlobal-pyOpenRPA-Debugging-ArgList")[0].value
+		lArgDictStr = $(".mGlobal-pyOpenRPA-Debugging-ArgDict")[0].value
+		lArgGSettingsStr = $(".mGlobal-pyOpenRPA-Debugging-ArgGSettingsStr")[0].value
+		lArgLoggerStr = $(".mGlobal-pyOpenRPA-Debugging-ArgLoggerStr")[0].value
+		lActivityItem = {
+			"Def":$(".mGlobal-pyOpenRPA-Debugging-Def")[0].value, // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
+            "ArgList":(lArgListStr == "" ? [] : JSON.parse(lArgListStr)), // Args list
+            "ArgDict":(lArgDictStr == "" ? {} : JSON.parse(lArgDictStr)), // Args dictionary
+            "ArgGSettingsStr": (lArgGSettingsStr == "" ? null : lArgGSettingsStr), // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+            "ArgLoggerStr": (lArgLoggerStr == "" ? null : lArgLoggerStr) // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
+		}
+        lData = [lActivityItem]
+        $.ajax({
+            type: "POST",
+            url: '/pyOpenRPA/ActivityListExecute',
+            data: JSON.stringify(lData),
+            success:
+            function(lData,l2,l3)
+            {
+                var lResponseJSON=JSON.parse(lData)
+                console.log(lResponseJSON)
+				$(".mGlobal-pyOpenRPA-Debugging-Output")[0].value = JSON.stringify(lResponseJSON[0])
+            },
+            dataType: "text"
+        });
+    }
+	mGlobal.pyOpenRPA.DebuggingAutofillMerge=function(inTargetDict, inLastDict) {
+		// Merge 2 dict (get values from Last dict if key exists in new dict
+		for (const [lKeyStr, lValue] of Object.entries(inTargetDict)) {
+			//Check if key exists in LastDict
+			if (lKeyStr in inLastDict) {
+				inTargetDict[lKeyStr] = inLastDict[lKeyStr]
+			}
+		}
+		return inTargetDict
+	}
+	// 1.2.7 Debugging toolbox init
+	$('.ui.dropdown.mGlobal-pyOpenRPA-Debugging-Def-Dropdown')
+	  .dropdown({
+		apiSettings: {
+		  // this url parses query server side and returns filtered results
+		  url: '/pyOpenRPA/Debugging/HelperDefList/{query}'
+		},
+		onChange: lDropdownOnChange
+	  })
+	;
+});

Sources/pyOpenRPA/Resources/Web/orpa/orc.xhtml

@@ -0,0 +1,445 @@
+<!DOCTYPE html>
+<html lang="en" >
+	<head>
+		<meta charset="utf-8">
+		<title>pyOpenRPA Orchestrator</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 src="3rdParty/Handlebars/handlebars-v4.1.2.js"></script>
+		<script src = "Index.js"></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;
+		  }
+		  .ui.search.dropdown>input.search {
+			width:100%; 
+			font-family:monospace; 
+			font-weight: bold;
+		  }
+		  .ui.search.dropdown>.text {
+			width:100%; 
+			font-family:monospace; 
+			font-weight: bold;
+		  }
+		  </style>
+	</head>
+	<body>
+		<div class="ui internally celled grid">
+			{% include 'header.xhtml' %}
+			<div class="row">
+				<div class="sixteen wide column openrpa-control-panel-general UACClient-pyOpenRPADict-CPKeyDict" style="display:none;" >
+					<h4 class="ui horizontal divider header">
+						<i class="clipboard list icon"></i>
+						Dashboard (Robot control panel)
+					</h4>
+					<div class="openrpa-control-panel"></div>
+					<script class="openrpa-hidden-control-panel" style="display:none" type="text/x-handlebars-template">
+						<div class="ui cards">
+							{{#RenderRobotList}}
+							<div class="card">
+								<div class="content">
+									<div class="right floated mini ui ">
+										{{{HeaderRightText}}}
+									</div>
+									<div class="header">
+										{{{HeaderLeftText}}}
+										
+									</div>
+									<div class="meta">
+										{{{SubheaderText}}}
+									</div>
+									<div class="description">
+										<ul style="padding-inline-start:16px;margin:0px">
+											{{#BodyKeyValueList}}
+											<li>{{{Key}}}: {{{Value}}}</li>
+											{{/BodyKeyValueList}}
+										</ul>
+									</div>
+								</div>
+								<div class="extra content">
+									{{{FooterText}}}
+								</div>
+								<div class="extra content">
+									<div class="ui two buttons">
+									{{#FooterButtonX2List}}
+										<div class="ui basic {{Color}} button" onclick="{{OnClick}}">{{{Text}}}</div>
+									{{/FooterButtonX2List}}
+									</div>
+									<div class="ui horizontal divider">Add. controls</div>
+									<div class="ui one buttons">
+									{{#FooterButtonX1List}}
+										<div class="ui basic {{Color}} button" onclick="{{OnClick}}">{{{Text}}}</div>
+									{{/FooterButtonX1List}}
+									</div>
+								</div>
+							</div>
+							{{/RenderRobotList}}
+						</div>
+					</script>
+				</div>
+			</div>
+
+			<div class="row">
+
+				<script class="openrpa-hidden-monitor-table-general" style="display:none" type="text/x-handlebars-template">
+					<table class="ui celled table">
+						<thead>
+							<tr>
+								<th>Machine name</th>
+								<th>Machihe host</th>
+								<th>Status</th>
+								<th>Actions,length: {{childs.length}}</th>
+							</tr>
+						</thead>
+						<tbody>
+							{{#ListenURLList}}
+							<tr><td>{{Description}}</td><td>{{URL}}</td><td class="negative">None</td></tr>
+							{{/ListenURLList}}
+						</tbody>
+					</table>
+				</script>
+
+				<script class="openrpa-handlebar-template-table-filter" style="display:none" type="text/x-handlebars-template">
+					{{#if Title}}
+					<h1>{{{Title}}}</h1>
+					{{/if}}
+					{{#if FilterOnKeyUp}}
+					<div class="ui icon input search" style="width:500px;">
+						<input type="text" onkeyup="{{#if FilterOnKeyUp}}{{{FilterOnKeyUp}}}{{/if}}" placeholder="Search...">
+						<i class="inverted circular search link icon"></i>
+					</div>
+					{{/if}}
+					<table class="ui celled table selectable inverted">
+						<thead>
+							<tr>
+								{{#Columns}}
+								<th>{{{this}}}</th>
+								{{/Columns}}
+							</tr>
+						</thead>
+						<tbody>
+							{{#Rows}}
+							<tr>
+								{{#this}}
+								<td>
+									{{{this}}}
+								</td>
+								{{/this}}
+							</tr>
+							{{/Rows}}
+						</tbody>
+					</table>
+				</script>
+				<script class="openrpa-handlebar-template-list-filter" style="display:none" type="text/x-handlebars-template">
+					{{#if Title}}
+					<h1>{{{Title}}}</h1>
+					{{/if}}
+					{{#if FilterOnKeyUp}}
+					<div class="ui icon input search" style="width:500px;">
+						<input type="text" onkeyup="{{#if FilterOnKeyUp}}{{{FilterOnKeyUp}}}{{/if}}" placeholder="Search...">
+						<i class="inverted circular search link icon"></i>
+					</div>
+					{{/if}}
+					<div class="ui inverted segment">
+						<div class="ui inverted relaxed divided list">
+							{{#List}}
+							<div class="item">
+								<i class="map marker icon"></i>
+								<div class="content">
+									<a class="header">{{{Header}}}</a>
+									<div class="description">{{{Description}}}</div>
+								</div>
+							</div>
+							{{/List}}
+						</div>
+					</div>
+				</script>
+				<div class="eight wide column openrpa-robotrdpactive-control-panel-general UACClient-pyOpenRPADict-RDPKeyDict" style="display:none;">
+					<h2 class="ui header openrpa-rdpactive-title">
+						<i class="desktop icon"></i>
+						<div class="content">
+							RDP active list
+						</div>
+					</h2>
+					<div class="openrpa-robotrdpactive-control-panel"></div>
+					<script class="openrpa-hidden-robotrdpactive-control-panel" style="display:none" type="text/x-handlebars-template">
+						<div class="ui inverted segment" style="background: #368279">
+							<div class="ui inverted relaxed divided list">
+								{{#HandlebarsList}}
+								<div class="item">
+									<div class="right floated content">
+										<div class="ui button" onclick="mGlobal.Processor.ServerValueAppend(['RobotRDPActive','ActivityList'],{'DefNameStr': 'RDPSessionReconnect', 'ArgList': [], 'ArgDict': {'inRDPSessionKeyStr': '{{{SessionKeyStr}}}'} })" >Reconnect</div>
+									</div>
+									<div class="right floated content">
+										{{#if IsIgnoredBool}}
+										<div class="ui button red" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','RDPList','{{{SessionKeyStr}}}','SessionIsIgnoredBool'],false);">Ignore</div>
+										{{else}}
+										<div class="ui button" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','RDPList','{{{SessionKeyStr}}}','SessionIsIgnoredBool'],true);">Ignore</div>
+										{{/if}}
+									</div>
+									<div class="right floated content">
+										{{#if IsFullScreenBool}}
+										<div class="ui button green" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','FullScreenRDPSessionKeyStr'],null);">Full screen</div>
+										{{else}}
+										<div class="ui button" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','FullScreenRDPSessionKeyStr'],'{{{SessionKeyStr}}}');">Full screen</div>
+										{{/if}}
+									</div>
+									<div class="content">
+										<div class="header">Session key: {{{SessionKeyStr}}}</div>
+										{{{SessionHexStr}}}
+									</div>
+								</div>
+								{{/HandlebarsList}}
+							</div>
+						</div>
+					</script>
+				</div>
+				<div class="eight wide column UACClient-pyOpenRPADict-AgentKeyDict" style="display:none">
+					<h2 class="ui header " style="">
+						<i class="bug icon"></i>
+						<div class="content">
+							Agent active list
+						</div>
+					</h2>
+					<div class="pyOpenRPA-Agent-List"></div>
+					<script class="pyOpenRPA-Agent-ListTemplate" style="display:none" type="text/x-handlebars-template">
+						<div class="ui inverted segment" style="background: #368279">
+							<div class="ui inverted relaxed divided list">
+								{{#HandlebarsList}}
+								<div class="item">
+									<div class="right floated content">
+										{{#if IsListenBool}}
+										<i class="circle icon green"></i>
+										Online
+										{{else}}
+										<i class="circle icon red"></i>
+										Offline
+										{{/if}}
+									</div>
+									<div class="content">
+										<div class="header">Hostname: {{{HostnameUpperStr}}}, User: {{{UserUpperStr}}}</div>
+									</div>
+								</div>
+								{{/HandlebarsList}}
+							</div>
+						</div>
+					</script>
+				</div>
+			</div>
+
+
+			<div class="row openrpa-monitor">
+
+			</div>
+			<div class="row">
+				<div class="sixteen wide column" style="">
+					<h2 class="ui header">
+						<i class="settings icon"></i>
+						<div class="content">
+							Administration
+						</div>
+					</h2>
+
+				</div>
+			</div>
+
+			<div class="row">
+				<div class="sixteen wide column" style="">
+					<h4 class="ui horizontal divider header" >
+						<i class="clipboard list icon"></i>
+						Logs
+					</h4>
+
+					<textarea class="mGlobal-pyOpenRPA-ServerLogList UACClient-pyOpenRPADict-AdminDict-LogViewerBool" readonly="readonly" style="width:100%; display:none; resize: none; font-family:monospace; font-weight: bold;"  id="textarea_id" rows="20">
+
+					</textarea>
+					<a class="mGlobal-pyOpenRPA-ServerLogListDoRender" onclick="" style="cursor: pointer;">Freeze textarea</a>
+					<div class="ui fluid action input UACClient-pyOpenRPADict-AdminDict-CMDInputBool" style="display:none;">
+						<input class="openrpa-controller-cmd-run-input" type="text" placeholder="CMD Code...">
+						<div class="ui button" onclick="mGlobal.Controller.CMDRun();">Run!</div>
+						<div class="ui button" onclick="mGlobal.Controller.CMDRunGUILogout();">GUI Logout</div>
+					</div>
+				</div>
+			</div>
+			<div class="row UACClient-pyOpenRPADict-AdminDict-Debugging" style= "display:none;">
+				<div class="twelve wide column">
+					<h4 class="ui horizontal divider header" >
+						<i class="bug icon"></i>
+						Debugging - Send
+					</h4>
+					<div class="ui labeled input">
+						<div class="ui label">Def</div>
+					</div>
+					<div class="ui fluid search selection dropdown mGlobal-pyOpenRPA-Debugging-Def-Dropdown" style="margin-bottom:10px;">
+						<input class="mGlobal-pyOpenRPA-Debugging-Def" type="hidden" name="country" style="width:100%; font-family:monospace; font-weight: bold;">
+						<i class="dropdown icon"></i>
+						<div class="default text">Def</div>
+						<div class="menu">
+							<div class="item" data-value="eh">pyOpenRPA... sys.. os.. </div>
+						</div>
+					</div>
+					<div class="ui fluid labeled input" style="margin-bottom:10px;">
+					  <div class="ui label">
+						ArgList
+					  </div>
+					  <input type="text" placeholder="[1,2,3]" class="mGlobal-pyOpenRPA-Debugging-ArgList" style="width:100%; font-family:monospace; font-weight: bold;">
+					</div>
+					<div class="ui fluid labeled input" style="margin-bottom:10px;">
+					  <div class="ui label">
+						ArgDict
+					  </div>
+					  <input type="text" placeholder="{&quot;Key1&quot;:&quot;Value1&quot;}" class="mGlobal-pyOpenRPA-Debugging-ArgDict" style="width:100%; font-family:monospace; font-weight: bold;">
+					</div>
+					<div class="ui fluid labeled input" style="margin-bottom:10px;">
+					  <div class="ui label">
+						ArgGSettingsStr
+					  </div>
+					  <input type="text" placeholder="inGSettings" class="mGlobal-pyOpenRPA-Debugging-ArgGSettingsStr" style="width:100%; font-family:monospace; font-weight: bold;">
+					</div>
+					<div class="ui fluid labeled input" style="margin-bottom:10px;">
+					  <div class="ui label">
+						ArgLoggerStr
+					  </div>
+					  <input type="text" placeholder="inLogger" class="mGlobal-pyOpenRPA-Debugging-ArgLoggerStr" style="width:100%; font-family:monospace; font-weight: bold;">
+					</div>
+					<div class="ui fluid button" onclick="mGlobal.pyOpenRPA.DebuggingExecute();">Execute</div>
+				</div>
+				<div class="four wide column">
+					<h4 class="ui horizontal divider header" >
+						<i class="bug icon"></i>
+						Debugging - Output
+					</h4>
+					<p><textarea class="mGlobal-pyOpenRPA-Debugging-Output" readonly="readonly" style="width:100%; font-family:monospace; font-weight: bold;" rows="16" cols="60"></textarea></p>
+				</div>
+			</div>
+
+			<h4 class="ui horizontal divider header">
+				<i class="clipboard list icon"></i>
+				Controls
+			</h4>
+			<div class="four ui buttons">
+				<div class="ui animated button openrpa-control-lookmachinescreenshot green UACClient-pyOpenRPADict-AdminDict-ScreenshotViewerBool" onclick="mGlobal.Monitor.ScreenshotModal.Show();" style="display: none; margin-top: 5px;">
+					<div class="visible content">Show live screenshots</div>
+						<div class="hidden content">
+						<i class="right arrow icon"></i>
+					</div>
+				</div>
+				<div class="ui animated button openrpa-control-restartorchestrator orange UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorBool" onclick="mGlobal.Controller.OrchestratorRestart();" style="display: none; margin-top: 5px;">
+					<div class="visible content">Restart orchestrator</div>
+						<div class="hidden content">
+						<i class="right arrow icon"></i>
+					</div>
+				</div>
+				<div class="ui animated button openrpa-control-gitrestartorchestrator teal UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorGITPullBool" onclick="mGlobal.Controller.OrchestratorGITPullRestart();" style="display: none; margin-top: 5px;">
+					<div class="visible content">Git pull, restart orchestrator</div>
+						<div class="hidden content">
+						<i class="right arrow icon"></i>
+					</div>
+				</div>
+				<div class="ui animated button openrpa-control-restartpc red UACClient-pyOpenRPADict-AdminDict-RestartPCBool" onclick="mGlobal.Controller.PCRestart();" style="display: none; margin-top: 5px;">
+					<div class="visible content">Restart PC</div>
+						<div class="hidden content">
+						<i class="right arrow icon"></i>
+					</div>
+				</div>
+			</div>
+
+			<div class="row black">
+				
+
+
+			</div>
+		</div>
+		
+		{% include 'footer.xhtml' %}
+		
+		<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 daemon-screenshot modal">
+			<div class="ui icon header">
+			</div>
+			<div class="content">
+				<img src="GetScreenshot" class="ui fluid image">
+			</div>
+			<div class="actions">
+				<div class="ui green ok inverted button" onclick="mGlobal.Monitor.ScreenshotModal.Close()">
+					<i class="checkmark icon"></i>
+					Close
+				</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>
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/container.css

@@ -0,0 +1,157 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Container
+*******************************/
+
+
+/* All Sizes */
+.ui.container {
+  display: block;
+  max-width: 100% !important;
+}
+
+/* Mobile */
+@media only screen and (max-width: 767px) {
+  .ui.container {
+    width: auto !important;
+    margin-left: 1em !important;
+    margin-right: 1em !important;
+  }
+  .ui.grid.container {
+    width: auto !important;
+  }
+  .ui.relaxed.grid.container {
+    width: auto !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: auto !important;
+  }
+}
+
+/* Tablet */
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .ui.container {
+    width: 723px;
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .ui.grid.container {
+    width: calc( 723px  +  2rem ) !important;
+  }
+  .ui.relaxed.grid.container {
+    width: calc( 723px  +  3rem ) !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: calc( 723px  +  5rem ) !important;
+  }
+}
+
+/* Small Monitor */
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+  .ui.container {
+    width: 933px;
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .ui.grid.container {
+    width: calc( 933px  +  2rem ) !important;
+  }
+  .ui.relaxed.grid.container {
+    width: calc( 933px  +  3rem ) !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: calc( 933px  +  5rem ) !important;
+  }
+}
+
+/* Large Monitor */
+@media only screen and (min-width: 1200px) {
+  .ui.container {
+    width: 1127px;
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .ui.grid.container {
+    width: calc( 1127px  +  2rem ) !important;
+  }
+  .ui.relaxed.grid.container {
+    width: calc( 1127px  +  3rem ) !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: calc( 1127px  +  5rem ) !important;
+  }
+}
+
+
+/*******************************
+             Types
+*******************************/
+
+
+/* Text Container */
+.ui.text.container {
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  max-width: 700px !important;
+  line-height: 1.5;
+}
+.ui.text.container {
+  font-size: 1.14285714rem;
+}
+
+/* Fluid */
+.ui.fluid.container {
+  width: 100%;
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+.ui[class*="left aligned"].container {
+  text-align: left;
+}
+.ui[class*="center aligned"].container {
+  text-align: center;
+}
+.ui[class*="right aligned"].container {
+  text-align: right;
+}
+.ui.justified.container {
+  text-align: justify;
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/divider.css

@@ -0,0 +1,270 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Divider
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Divider
+*******************************/
+
+.ui.divider {
+  margin: 1rem 0rem;
+  line-height: 1;
+  height: 0em;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: rgba(0, 0, 0, 0.85);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/*--------------
+      Basic
+---------------*/
+
+.ui.divider:not(.vertical):not(.horizontal) {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*--------------
+    Coupling
+---------------*/
+
+
+/* Allow divider between each column row */
+.ui.grid > .column + .divider,
+.ui.grid > .row > .column + .divider {
+  left: auto;
+}
+
+/*--------------
+   Horizontal
+---------------*/
+
+.ui.horizontal.divider {
+  display: table;
+  white-space: nowrap;
+  height: auto;
+  margin: '';
+  line-height: 1;
+  text-align: center;
+}
+.ui.horizontal.divider:before,
+.ui.horizontal.divider:after {
+  content: '';
+  display: table-cell;
+  position: relative;
+  top: 50%;
+  width: 50%;
+  background-repeat: no-repeat;
+}
+.ui.horizontal.divider:before {
+  background-position: right 1em top 50%;
+}
+.ui.horizontal.divider:after {
+  background-position: left 1em top 50%;
+}
+
+/*--------------
+    Vertical
+---------------*/
+
+.ui.vertical.divider {
+  position: absolute;
+  z-index: 2;
+  top: 50%;
+  left: 50%;
+  margin: 0rem;
+  padding: 0em;
+  width: auto;
+  height: 50%;
+  line-height: 0em;
+  text-align: center;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ui.vertical.divider:before,
+.ui.vertical.divider:after {
+  position: absolute;
+  left: 50%;
+  content: '';
+  z-index: 3;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+  width: 0%;
+  height: calc(100% -  1rem );
+}
+.ui.vertical.divider:before {
+  top: -100%;
+}
+.ui.vertical.divider:after {
+  top: auto;
+  bottom: 0px;
+}
+
+/* Inside grid */
+@media only screen and (max-width: 767px) {
+  .ui.stackable.grid .ui.vertical.divider,
+  .ui.grid .stackable.row .ui.vertical.divider {
+    display: table;
+    white-space: nowrap;
+    height: auto;
+    margin: '';
+    overflow: hidden;
+    line-height: 1;
+    text-align: center;
+    position: static;
+    top: 0;
+    left: 0;
+    -webkit-transform: none;
+            transform: none;
+  }
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before,
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    position: static;
+    left: 0;
+    border-left: none;
+    border-right: none;
+    content: '';
+    display: table-cell;
+    position: relative;
+    top: 50%;
+    width: 50%;
+    background-repeat: no-repeat;
+  }
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before {
+    background-position: right 1em top 50%;
+  }
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    background-position: left 1em top 50%;
+  }
+}
+
+/*--------------
+      Icon
+---------------*/
+
+.ui.divider > .icon {
+  margin: 0rem;
+  font-size: 1rem;
+  height: 1em;
+  vertical-align: middle;
+}
+
+
+/*******************************
+          Variations
+*******************************/
+
+
+/*--------------
+    Hidden
+---------------*/
+
+.ui.hidden.divider {
+  border-color: transparent !important;
+}
+.ui.hidden.divider:before,
+.ui.hidden.divider:after {
+  display: none;
+}
+
+/*--------------
+    Inverted
+---------------*/
+
+.ui.divider.inverted,
+.ui.vertical.inverted.divider,
+.ui.horizontal.inverted.divider {
+  color: #FFFFFF;
+}
+.ui.divider.inverted,
+.ui.divider.inverted:after,
+.ui.divider.inverted:before {
+  border-top-color: rgba(34, 36, 38, 0.15) !important;
+  border-left-color: rgba(34, 36, 38, 0.15) !important;
+  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
+  border-right-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+/*--------------
+    Fitted
+---------------*/
+
+.ui.fitted.divider {
+  margin: 0em;
+}
+
+/*--------------
+    Clearing
+---------------*/
+
+.ui.clearing.divider {
+  clear: both;
+}
+
+/*--------------
+    Section
+---------------*/
+
+.ui.section.divider {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+/*--------------
+     Sizes
+---------------*/
+
+.ui.divider {
+  font-size: 1rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+.ui.horizontal.divider:before,
+.ui.horizontal.divider:after {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+}
+@media only screen and (max-width: 767px) {
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before,
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+  }
+}
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/easing.min.js

@@ -0,0 +1,10 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ *
+*/
+jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

Sources/pyOpenRPA/Resources/Web/orpa/styleset/header.css

@@ -0,0 +1,737 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Header
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Header
+*******************************/
+
+
+/* Standard */
+.ui.header {
+  border: none;
+  margin: calc(2rem -  0.14285714em ) 0em 1rem;
+  padding: 0em 0em;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  line-height: 1.28571429em;
+  text-transform: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+.ui.header:first-child {
+  margin-top: -0.14285714em;
+}
+.ui.header:last-child {
+  margin-bottom: 0em;
+}
+
+/*--------------
+   Sub Header
+---------------*/
+
+.ui.header .sub.header {
+  display: block;
+  font-weight: normal;
+  padding: 0em;
+  margin: 0em;
+  font-size: 1rem;
+  line-height: 1.2em;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/*--------------
+      Icon
+---------------*/
+
+.ui.header > .icon {
+  display: table-cell;
+  opacity: 1;
+  font-size: 1.5em;
+  padding-top: 0em;
+  vertical-align: middle;
+}
+
+/* With Text Node */
+.ui.header .icon:only-child {
+  display: inline-block;
+  padding: 0em;
+  margin-right: 0.75rem;
+}
+
+/*-------------------
+        Image
+--------------------*/
+
+.ui.header > .image:not(.icon),
+.ui.header > img {
+  display: inline-block;
+  margin-top: 0.14285714em;
+  width: 2.5em;
+  height: auto;
+  vertical-align: middle;
+}
+.ui.header > .image:not(.icon):only-child,
+.ui.header > img:only-child {
+  margin-right: 0.75rem;
+}
+
+/*--------------
+     Content
+---------------*/
+
+.ui.header .content {
+  display: inline-block;
+  vertical-align: top;
+}
+
+/* After Image */
+.ui.header > img + .content,
+.ui.header > .image + .content {
+  padding-left: 0.75rem;
+  vertical-align: middle;
+}
+
+/* After Icon */
+.ui.header > .icon + .content {
+  padding-left: 0.75rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+/*--------------
+ Loose Coupling
+---------------*/
+
+.ui.header .ui.label {
+  font-size: '';
+  margin-left: 0.5rem;
+  vertical-align: middle;
+}
+
+/* Positioning */
+.ui.header + p {
+  margin-top: 0em;
+}
+
+
+/*******************************
+            Types
+*******************************/
+
+
+/*--------------
+     Page
+---------------*/
+
+h1.ui.header {
+  font-size: 2rem;
+}
+h2.ui.header {
+  font-size: 1.71428571rem;
+}
+h3.ui.header {
+  font-size: 1.28571429rem;
+}
+h4.ui.header {
+  font-size: 1.07142857rem;
+}
+h5.ui.header {
+  font-size: 1rem;
+}
+
+/* Sub Header */
+h1.ui.header .sub.header {
+  font-size: 1.14285714rem;
+}
+h2.ui.header .sub.header {
+  font-size: 1.14285714rem;
+}
+h3.ui.header .sub.header {
+  font-size: 1rem;
+}
+h4.ui.header .sub.header {
+  font-size: 1rem;
+}
+h5.ui.header .sub.header {
+  font-size: 0.92857143rem;
+}
+
+/*--------------
+ Content Heading
+---------------*/
+
+.ui.huge.header {
+  min-height: 1em;
+  font-size: 2em;
+}
+.ui.large.header {
+  font-size: 1.71428571em;
+}
+.ui.medium.header {
+  font-size: 1.28571429em;
+}
+.ui.small.header {
+  font-size: 1.07142857em;
+}
+.ui.tiny.header {
+  font-size: 1em;
+}
+
+/* Sub Header */
+.ui.huge.header .sub.header {
+  font-size: 1.14285714rem;
+}
+.ui.large.header .sub.header {
+  font-size: 1.14285714rem;
+}
+.ui.header .sub.header {
+  font-size: 1rem;
+}
+.ui.small.header .sub.header {
+  font-size: 1rem;
+}
+.ui.tiny.header .sub.header {
+  font-size: 0.92857143rem;
+}
+
+/*--------------
+   Sub Heading
+---------------*/
+
+.ui.sub.header {
+  padding: 0em;
+  margin-bottom: 0.14285714rem;
+  font-weight: bold;
+  font-size: 0.85714286em;
+  text-transform: uppercase;
+  color: '';
+}
+.ui.small.sub.header {
+  font-size: 0.78571429em;
+}
+.ui.sub.header {
+  font-size: 0.85714286em;
+}
+.ui.large.sub.header {
+  font-size: 0.92857143em;
+}
+.ui.huge.sub.header {
+  font-size: 1em;
+}
+
+/*-------------------
+        Icon
+--------------------*/
+
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+  margin: 2rem 0em 1rem;
+}
+.ui.icon.header:after {
+  content: '';
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
+}
+.ui.icon.header:first-child {
+  margin-top: 0em;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  width: auto;
+  height: auto;
+  line-height: 1;
+  padding: 0em;
+  font-size: 3em;
+  margin: 0em auto 0.5rem;
+  opacity: 1;
+}
+.ui.icon.header .content {
+  display: block;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon {
+  font-size: 2em;
+}
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+
+
+/*******************************
+            States
+*******************************/
+
+.ui.disabled.header {
+  opacity: 0.45;
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+
+/*-------------------
+      Inverted
+--------------------*/
+
+.ui.inverted.header {
+  color: #FFFFFF;
+}
+.ui.inverted.header .sub.header {
+  color: rgba(255, 255, 255, 0.8);
+}
+.ui.inverted.attached.header {
+  background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
+  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border-color: transparent;
+}
+.ui.inverted.block.header {
+  background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
+  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ui.inverted.block.header {
+  border-bottom: none;
+}
+
+/*-------------------
+       Colors
+--------------------*/
+
+
+/*--- Red ---*/
+
+.ui.red.header {
+  color: #DB2828 !important;
+}
+a.ui.red.header:hover {
+  color: #d01919 !important;
+}
+.ui.red.dividing.header {
+  border-bottom: 2px solid #DB2828;
+}
+
+/* Inverted */
+.ui.inverted.red.header {
+  color: #FF695E !important;
+}
+a.ui.inverted.red.header:hover {
+  color: #ff5144 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.header {
+  color: #F2711C !important;
+}
+a.ui.orange.header:hover {
+  color: #f26202 !important;
+}
+.ui.orange.dividing.header {
+  border-bottom: 2px solid #F2711C;
+}
+
+/* Inverted */
+.ui.inverted.orange.header {
+  color: #FF851B !important;
+}
+a.ui.inverted.orange.header:hover {
+  color: #ff7701 !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.header {
+  color: #B5CC18 !important;
+}
+a.ui.olive.header:hover {
+  color: #a7bd0d !important;
+}
+.ui.olive.dividing.header {
+  border-bottom: 2px solid #B5CC18;
+}
+
+/* Inverted */
+.ui.inverted.olive.header {
+  color: #D9E778 !important;
+}
+a.ui.inverted.olive.header:hover {
+  color: #d8ea5c !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.header {
+  color: #FBBD08 !important;
+}
+a.ui.yellow.header:hover {
+  color: #eaae00 !important;
+}
+.ui.yellow.dividing.header {
+  border-bottom: 2px solid #FBBD08;
+}
+
+/* Inverted */
+.ui.inverted.yellow.header {
+  color: #FFE21F !important;
+}
+a.ui.inverted.yellow.header:hover {
+  color: #ffdf05 !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.header {
+  color: #21BA45 !important;
+}
+a.ui.green.header:hover {
+  color: #16ab39 !important;
+}
+.ui.green.dividing.header {
+  border-bottom: 2px solid #21BA45;
+}
+
+/* Inverted */
+.ui.inverted.green.header {
+  color: #2ECC40 !important;
+}
+a.ui.inverted.green.header:hover {
+  color: #22be34 !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.header {
+  color: #00B5AD !important;
+}
+a.ui.teal.header:hover {
+  color: #009c95 !important;
+}
+.ui.teal.dividing.header {
+  border-bottom: 2px solid #00B5AD;
+}
+
+/* Inverted */
+.ui.inverted.teal.header {
+  color: #6DFFFF !important;
+}
+a.ui.inverted.teal.header:hover {
+  color: #54ffff !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.header {
+  color: #2185D0 !important;
+}
+a.ui.blue.header:hover {
+  color: #1678c2 !important;
+}
+.ui.blue.dividing.header {
+  border-bottom: 2px solid #2185D0;
+}
+
+/* Inverted */
+.ui.inverted.blue.header {
+  color: #54C8FF !important;
+}
+a.ui.inverted.blue.header:hover {
+  color: #3ac0ff !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.header {
+  color: #6435C9 !important;
+}
+a.ui.violet.header:hover {
+  color: #5829bb !important;
+}
+.ui.violet.dividing.header {
+  border-bottom: 2px solid #6435C9;
+}
+
+/* Inverted */
+.ui.inverted.violet.header {
+  color: #A291FB !important;
+}
+a.ui.inverted.violet.header:hover {
+  color: #8a73ff !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.header {
+  color: #A333C8 !important;
+}
+a.ui.purple.header:hover {
+  color: #9627ba !important;
+}
+.ui.purple.dividing.header {
+  border-bottom: 2px solid #A333C8;
+}
+
+/* Inverted */
+.ui.inverted.purple.header {
+  color: #DC73FF !important;
+}
+a.ui.inverted.purple.header:hover {
+  color: #d65aff !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.header {
+  color: #E03997 !important;
+}
+a.ui.pink.header:hover {
+  color: #e61a8d !important;
+}
+.ui.pink.dividing.header {
+  border-bottom: 2px solid #E03997;
+}
+
+/* Inverted */
+.ui.inverted.pink.header {
+  color: #FF8EDF !important;
+}
+a.ui.inverted.pink.header:hover {
+  color: #ff74d8 !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.header {
+  color: #A5673F !important;
+}
+a.ui.brown.header:hover {
+  color: #975b33 !important;
+}
+.ui.brown.dividing.header {
+  border-bottom: 2px solid #A5673F;
+}
+
+/* Inverted */
+.ui.inverted.brown.header {
+  color: #D67C1C !important;
+}
+a.ui.inverted.brown.header:hover {
+  color: #c86f11 !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.header {
+  color: #767676 !important;
+}
+a.ui.grey.header:hover {
+  color: #838383 !important;
+}
+.ui.grey.dividing.header {
+  border-bottom: 2px solid #767676;
+}
+
+/* Inverted */
+.ui.inverted.grey.header {
+  color: #DCDDDE !important;
+}
+a.ui.inverted.grey.header:hover {
+  color: #cfd0d2 !important;
+}
+
+/*-------------------
+       Aligned
+--------------------*/
+
+.ui.left.aligned.header {
+  text-align: left;
+}
+.ui.right.aligned.header {
+  text-align: right;
+}
+.ui.centered.header,
+.ui.center.aligned.header {
+  text-align: center;
+}
+.ui.justified.header {
+  text-align: justify;
+}
+.ui.justified.header:after {
+  display: inline-block;
+  content: '';
+  width: 100%;
+}
+
+/*-------------------
+       Floated
+--------------------*/
+
+.ui.floated.header,
+.ui[class*="left floated"].header {
+  float: left;
+  margin-top: 0em;
+  margin-right: 0.5em;
+}
+.ui[class*="right floated"].header {
+  float: right;
+  margin-top: 0em;
+  margin-left: 0.5em;
+}
+
+/*-------------------
+       Fitted
+--------------------*/
+
+.ui.fitted.header {
+  padding: 0em;
+}
+
+/*-------------------
+      Dividing
+--------------------*/
+
+.ui.dividing.header {
+  padding-bottom: 0.21428571rem;
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.dividing.header .sub.header {
+  padding-bottom: 0.21428571rem;
+}
+.ui.dividing.header .icon {
+  margin-bottom: 0em;
+}
+.ui.inverted.dividing.header {
+  border-bottom-color: rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+        Block
+--------------------*/
+
+.ui.block.header {
+  background: #F3F4F5;
+  padding: 0.78571429rem 1rem;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: 1px solid #D4D4D5;
+  border-radius: 0.28571429rem;
+}
+.ui.tiny.block.header {
+  font-size: 0.85714286rem;
+}
+.ui.small.block.header {
+  font-size: 0.92857143rem;
+}
+.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+  font-size: 1rem;
+}
+.ui.large.block.header {
+  font-size: 1.14285714rem;
+}
+.ui.huge.block.header {
+  font-size: 1.42857143rem;
+}
+
+/*-------------------
+       Attached
+--------------------*/
+
+.ui.attached.header {
+  background: #FFFFFF;
+  padding: 0.78571429rem 1rem;
+  margin-left: -1px;
+  margin-right: -1px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: 1px solid #D4D4D5;
+}
+.ui.attached.block.header {
+  background: #F3F4F5;
+}
+.ui.attached:not(.top):not(.bottom).header {
+  margin-top: 0em;
+  margin-bottom: 0em;
+  border-top: none;
+  border-radius: 0em;
+}
+.ui.top.attached.header {
+  margin-bottom: 0em;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+.ui.bottom.attached.header {
+  margin-top: 0em;
+  border-top: none;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Attached Sizes */
+.ui.tiny.attached.header {
+  font-size: 0.85714286em;
+}
+.ui.small.attached.header {
+  font-size: 0.92857143em;
+}
+.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+  font-size: 1em;
+}
+.ui.large.attached.header {
+  font-size: 1.14285714em;
+}
+.ui.huge.attached.header {
+  font-size: 1.42857143em;
+}
+
+/*-------------------
+        Sizing
+--------------------*/
+
+.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+  font-size: 1.28571429em;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.css

@@ -0,0 +1,759 @@
+/*******************************
+            Homepage
+*******************************/
+
+#www-main.index .pusher > .page {
+  background-color: #FFFFFF;
+}
+
+@media only screen and (max-width: 992px) {
+  html {
+    overflow-x: visible;
+    -webkit-overflow-scrolling: auto;
+  }
+}
+#www-main > .pusher {
+  display: block;
+  min-height: 0px;
+  flex-direction: initial;
+}
+#www-main > .pusher > .full.height {
+  display: block;
+  flex: none !important;
+}
+
+/*--------------
+    Masthead
+---------------*/
+
+#www-main.index .masthead.segment.zoomed h1 {
+  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0);
+  color: rgba(255, 255, 255, 1);
+}
+#www-main.index .masthead.zoomed:after {
+  opacity: 0;
+}
+#www-main.index .masthead.zoomed {
+  background-color: #25282A;
+}
+
+#www-main.index .masthead {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  padding: 0em;
+  color: rgba(255, 255, 255, 0.9);
+  margin-bottom: 0px;
+  border-bottom: none;
+
+  background-color: #000000;
+  background-position: 50% 50%;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+#www-main.index .masthead:after {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  content: '';
+  background-size: cover;
+
+  opacity: 0.45;
+}
+#www-main.index .masthead.bg1:after {
+  background-image: url("./bg1.jpg");
+}
+#www-main.index .masthead.bg2:after {
+  background-image: url("./bg2.jpg");
+}
+#www-main.index .masthead.bg3:after {
+  background-image: url("./bg3.jpg");
+}
+#www-main.index .masthead.bg4:after {
+  background-image: url("./bg4.jpg");
+}
+#www-main.index .masthead.bg5:after {
+  background-image: url("./bg5.jpg");
+}
+#www-main.index .masthead.bg6:after {
+  background-image: url("./bg6.jpg");
+}
+#www-main.index .masthead.bg7:after {
+  background-image: url("./bg7.jpg");
+}
+#www-main.index .masthead.bg8:after {
+  background-image: url("./bg8.jpg");
+}
+#www-main.index .masthead.bg9:after {
+  background-image: url("./bg9.jpg");
+}
+#www-main.index .masthead.bg10:after {
+  background-image: url("./bg10.jpg");
+}
+#www-main.index .masthead.bg11:after {
+  background-image: url("./bg1.jpg");
+}
+#www-main.index .masthead.bg12:after {
+  background-image: url("./bg2.jpg");
+}
+#www-main.index .masthead.bg13:after {
+  background-image: url("./bg3.jpg");
+}
+#www-main.index .masthead.bg14:after {
+  background-image: url("./bg4.jpg");
+}
+
+
+#www-main.index .masthead,
+#www-main.index .masthead:after {
+  -ms-transition:
+    background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+    opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+  -moz-transition:
+    background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+    opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+  -webkit-transition:
+    background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+    opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+  transition:
+    background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+    opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+}
+#example.index .masthead .container {
+  height: 55vh;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  min-height: 600px;
+
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+#example .masthead .container {
+  padding: 15rem 0em;
+}
+#example.index .following.bar iframe.github {
+  margin-top: 0px;
+}
+#www-main.index .following.bar .menu .item {
+  display: block;
+}
+#example.index.pushed .masthead,
+#example.index.pushed .following.bar {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+#example.index > .pusher > .footer {
+  padding-left: 0em;
+}
+
+#example.index .light.following.bar {
+  padding: 0em 0em;
+  background-color: #FFFFFF;
+  border-bottom: 1px solid #DDDDDD;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
+}
+
+#example.index .masthead.segment .typed-cursor {
+  position: relative;
+  top: -0.05em;
+  left: -0.25em;
+  visibility: hidden;
+  opacity: 1;
+  -webkit-animation: blink 0.7s infinite;
+  -moz-animation: blink 0.7s infinite;
+  animation: blink 0.7s infinite;
+  -webkit-transition: opacity 0.7s ease;
+  -moz-transition: opacity 0.7s ease;
+  transition: opacity 0.7s ease;
+}
+#example.index .masthead.segment .typed-cursor.stop {
+  opacity: 0;
+  -moz-animation-duration: 0s;
+  -webkit-animation-duration: 0s;
+  animation-duration: 0s;
+}
+@keyframes blink {
+  0% { opacity:1; }
+  50% { opacity:0; }
+  100% { opacity:1; }
+}
+@-webkit-keyframes blink {
+  0% { opacity:1; }
+  50% { opacity:0; }
+  100% { opacity:1; }
+}
+@-moz-keyframes blink {
+  0% { opacity:1; }
+  50% { opacity:0; }
+  100% { opacity:1; }
+}
+
+#example.index .vertical.segment {
+  box-shadow: none;
+}
+
+#example.index .masthead.segment h1 {
+  font-size: 3em;
+  color: rgba(255, 255, 255, 1);
+  line-height: 1.2;
+  margin: 0px 0px 0px;
+  padding-bottom: 0px;
+  -moz-perspective: 500px;
+  -webkit-perspective: 500px;
+  perspective: 500px;
+
+  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+}
+#example.index .masthead.segment h1 .tagline {
+  font-size: 0.75em;
+}
+#example.index .masthead.segment h1 > .library {
+  display: block;
+  font-size: 1.75em;
+  font-weight: bold;
+}
+#example.index .masthead.segment h1 b {
+  display: inline-block;
+  font-weight: 500;
+}
+#example.index .masthead.segment h1 .text {
+  display: inline-block;
+  font-weight: 300;
+  margin-left: -0.4em;
+}
+#example.index .masthead h2 {
+  font-weight: normal;
+  margin: 0px 0 16px 0px;
+  font-size: 1.75em;
+  border-bottom: none;
+  line-height: 1;
+}
+#example.index .masthead p {
+  font-size: 1.5em;
+  margin: 1em 0em 1.5em;
+  padding: 0px;
+}
+#example.index .ui.header {
+  font-weight: normal;
+}
+#example.index .footer .ui.header {
+  font-weight: bold;
+}
+
+#example.index .introduction {
+  position: relative;
+  clear: both;
+  display: block;
+  text-align: center;
+}
+#example.index .introduction .buttons {
+  margin-top: 3em;
+}
+
+
+#example.index .advertisement {
+  display: none !important;
+  padding-left: 0;
+  position: absolute;
+  left: auto;
+  right: 6em;
+  top: 50%;
+  transform: translateY(-50%);
+  vertical-align: top;
+}
+#example.index .fixed.launch.button {
+  display: none;
+  top: 100px;
+}
+#example.index .main.menu {
+  top: 0px;
+}
+#example.index pre.console {
+  height: 120px;
+}
+
+/*--------------
+    Intro
+---------------*/
+
+#example .intro.segment h1 + p {
+  font-size: 22px;
+}
+
+/*--------------
+    Demo
+---------------*/
+
+#example .demo.row .example > .ui.label:not(.empty) {
+  margin-bottom: 1em;
+}
+#example .demo.row .ui.progress {
+  margin-bottom: 2.5em;
+}
+#example .demo.row h4 {
+  font-weight: bold !important;
+  margin: 0em 0em 1em !important;
+}
+#example .demo.row .example {
+  clear: both;
+  padding-top: 3em;
+  margin-top: 3em;
+}
+#example .demo.row .ui.menu,
+#example .demo.row .ui.card {
+  width: 100%;
+}
+#example .demo.row .ui.card {
+  width: 100%;
+  max-width: 400px;
+}
+
+/*--------------
+    Features
+---------------*/
+
+#example.index .hidden.code {
+  visibility: hidden;
+}
+
+#example.index .demo.row .example {
+  clear: both;
+  padding-top: 1.5em;
+  margin-top: 1.5em;
+}
+#example.index .demo.row .example:first-child {
+  margin-top: 0;
+  padding-top: 0;
+}
+#example.index .demo.row .example:last-child {
+  margin-bottom: 0em;
+}
+
+/*--------------
+    Following
+---------------*/
+
+#example.index .following.bar {
+  position: fixed;
+  top: 0px;
+  z-index: 900;
+  left: 0%;
+  padding: 2em 0em;
+  width: 100%;
+  box-shadow: 0px 0px 0px 0px transparent;
+  border-bottom: 1px solid transparent;
+  transition:
+    padding 0.5s ease,
+    background 0.5s ease,
+    box-shadow 0.5s ease,
+    border 0.5s ease
+  ;
+}
+#example.index .following.bar > .menu .item {
+  transition: all 0.5s ease;
+}
+#example.index.pushed .following.bar .menu .item,
+#example.index.pushed .following.bar {
+  transition: none;
+}
+#example.index .following.bar .additional.item[data-site="learn"]:hover {
+  color: #D9499A;
+}
+#example.index .following.bar span.additional.item {
+  cursor: default;
+  color: rgba(0, 0, 0, 0.2);
+}
+#example.index .following.bar .inverted span.additional.item {
+  color: rgba(255, 255, 255, 0.2);
+}
+#example.index .following.bar .column > .menu {
+  margin-top: 0px;
+  height: 35px;
+}
+#example.index .following.bar .network.menu .item {
+  font-weight: bold;
+}
+#example.index .following.bar .item iframe {
+  margin-left: 10px;
+}
+#example.index .following.bar .network.menu .view-ui {
+  margin-right: 1em;
+}
+#example.index .light.following.bar .network.menu .view-ui {
+  color: #00B5AD;
+}
+#example.index .light.following.bar .inverted.network.menu .view-ui {
+  color: #6DFFFF;
+}
+#example.index .following .logo {
+  float: left;
+  width: 35px;
+  margin-right: 1em;
+}
+#example.index .following .logo .side {
+  width: 35px;
+}
+#example .masthead .version.label:after {
+  background-color: #000000 !important;
+}
+#example.index .following .version.label {
+  margin: 0.25em 0px 0px 1em;
+}
+
+
+/*--------------
+     Stripes
+---------------*/
+
+#example.index .stripe .grid .row {
+  margin: 2rem 0rem;
+}
+#example.index .feature.stripe .grid .row {
+  margin: 0rem;
+}
+#example.index .feature.stripe .column {
+  display: flex;
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  -moz-flex-direction: column;
+  flex-direction: column;
+}
+#example.index .feature.stripe p {
+  -webkit-flex: 1 0 auto;
+  -moz-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  margin: 0.5em 0em 2em;
+}
+#example .stripe .ui.vertical.divider {
+  font-size: 1rem;
+}
+#example.index .feature.stripe .icon.header .icon.image {
+  width: auto;
+  height: 65px;
+  margin-bottom: 20px;
+}
+#example.index .stripe .icon.header .icon.image {
+  height: 65px;
+  margin-bottom: 20px;
+}
+#example.index .community.stripe {
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
+  padding: 4em 0;
+}
+#example.index .stripe .icon.header i.icon {
+  font-size: 2em;
+}
+
+
+/* Final */
+#example.index .final.stripe {
+  border-top: 1px solid #DDDDDD;
+  background-color: #F8F8F8;
+}
+
+/* Alternate */
+#example .alternate.stripe {
+  background-color: #F2F3F5;
+}
+
+/* Inverted */
+#example.index .inverted.stripe {
+  background-color: #1B1C1D;
+}
+#example.index .inverted.stripe p {
+  color: #FFFFFF;
+}
+
+
+/*--------------
+    Legacy?
+---------------*/
+
+/* content */
+#example .solid,
+#example .stripe {
+  background-color: #FFFFFF;
+  padding: 10em 0px;
+  border-radius: 0em;
+  margin: 0em;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+#example .theming.stripe {
+  -webkit-transform: none;
+  transform: none;
+}
+
+#example .stripe h1 {
+  font-size: 40px;
+}
+#example .stripe h2 {
+  font-size: 26px;
+}
+#example .stripe h3 {
+  font-size: 20px;
+}
+#example .feature.stripe {
+  padding: 3em 0em;
+}
+#example .theming.stripe .left.aligned.column {
+  padding-top: 8em;
+}
+#example .theming.stripe .hljs.code {
+  height: 483px;
+  max-height: 483px;
+}
+#example .theming .source.grid {
+  display: none !important;
+  margin: 2rem 2rem -4rem;
+}
+#example .theming .source.grid.visible {
+  display: block;
+  display: flex !important;
+}
+
+#example .theming.stripe .buttons {
+  vertical-align: top;
+}
+#example .theming.stripe .button {
+  margin-bottom: 0.5em;
+}
+#example .stripe .column > p {
+  font-size: 16px;
+  line-height: 1.6;
+  margin: 1em 0em;
+}
+
+#example .dark.stripe {
+  background-color: #333333;
+  background: url(/images/dark-bg.png) repeat;
+  color: #FFFFFF;
+}
+#example .stripe .column > .label {
+  margin-bottom: 1em;
+}
+
+#example .solid {
+  background-color: #FFFFFF;
+  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
+}
+#example .solid .column {
+  color: #555555;
+}
+#example .solid .column p b {
+  color: rgba(0, 0, 0, 0.9);
+}
+#example .solid .column p {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+/*--------------
+    Promo
+---------------*/
+
+#example.index .promo.stripe {
+  padding: 3em 0em;
+}
+
+
+/*--------------
+    Newsletter
+---------------*/
+
+#example.index .email.stripe {
+  padding: 5em 0em;
+}
+#example.index .email.stripe p {
+  margin: -0.5em 0em 1em;
+}
+#example.index .email.stripe .input {
+  width: 450px;
+}
+#example.index .email.stripe .submit.button {
+  margin-left: 1em;
+}
+
+
+@media only screen and (max-width : 400px) {
+  #example.index .advertisement {
+    display: none;
+    margin-left: -130px !important;
+  }
+  #example.index .carbonad {
+    width: 260px !important;
+  }
+  #example.index .masthead.segment h1  {
+    font-size: 1.75em !important;
+  }
+  #example.index .feature.stripe {
+    padding: 1em;
+  }
+}
+
+
+
+@media only screen and (max-width : 600px) {
+  #example.index .solid,
+  #example.index .stripe {
+    padding: 4em 0em;
+  }
+  #example.index .masthead.segment h1 .text {
+    margin-left: 0em;
+  }
+  #example.index .following.bar {
+    display: none;
+  }
+  #example.index .masthead:before {
+    display: none;
+  }
+  #example.index .following.bar .column {
+    text-align: center;
+  }
+  #example.index .following .logo {
+    float: none;
+  }
+  #example.index .codebase.stripe {
+    display: none;
+  }
+  #example.index .following .version.label {
+    vertical-align: top;
+    margin-top: 0em;
+  }
+  #example .masthead .container {
+    padding: 6rem 0rem;
+  }
+  #example.index .masthead.segment h1 {
+    font-size: 2.25em;
+  }
+  #example.index .email.stripe .input {
+    width: 100%;
+  }
+  #example.index .following .secondary.menu {
+    display: none;
+  }
+  #example.index .email.stripe .submit.button {
+    margin-top: 0.5em;
+  }
+  #example.index .stripe .icon.header .icon.image {
+    height: 50px;
+  }
+  #example.index .stripe {
+    padding: 2em 0em !important;
+  }
+}
+
+@media only screen and (max-width : 650px) {
+  #example.index .fixed.launch.button {
+    display: none;
+  }
+  #example .stripe h1 {
+    font-size: 32px;
+  }
+}
+@media only screen and (min-width : 601px) {
+  #example .theming .source.button {
+    display: none;
+  }
+  #example.index .main.menu {
+    display: none;
+  }
+
+  #example.index .fixed.launch.button {
+    display: none;
+  }
+}
+
+
+
+/* Homepage */
+@media only screen and (max-width : 810px) {
+  #example.index .masthead.segment h1 > .library {
+    font-size: 1.75em;
+  }
+  #example.index .feature.stripe p {
+    height: auto;
+    min-height: 0px;
+  }
+  #example.index .container {
+    margin-left: 0em;
+    margin-right: 0em;
+  }
+  #example .solid, #example .stripe {
+    padding: 6em 0em;
+  }
+  #example.index .masthead .container {
+    margin-top: 50px;
+  }
+  #example.index .following.bar span.additional.item {
+    display: none;
+    visibility: hidden !important;
+  }
+  #example.index .following.bar .network.menu .view-ui {
+    margin-right: 0.75em;
+  }
+  #example.index .masthead .container {
+    min-height: 350px;
+    height: auto;
+  }
+}
+
+
+@media only screen and (max-width : 1040px) {
+  #example.index .following.bar .network.menu .view-ui {
+    margin-right: 0.5em;
+  }
+}
+
+
+@media only screen and (max-width: 1300px) {
+  #example.index .advertisement {
+    position: absolute;
+    top: auto;
+    left: 50%;
+    bottom: 2rem;
+    margin-left: -175px;
+    -webkit-transform: none;
+    -moz-transform: none;
+    -ms-transform: none;
+    transform: none;
+  }
+  #example.index .inverted.advertisement .carbonad-img {
+    margin-top: 0px;
+  }
+  #example.index #carbonads-container {
+    float: none;
+  }
+  #example.index .carbonad {
+    width: 340px;
+  }
+  #example.index .carbonad-text,
+  #example.index .carbonad-tag {
+    float: none;
+    display: block;
+    text-align: left;
+    margin-left: 160px;
+    width: 170px;
+  }
+}

Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.js

@@ -0,0 +1,322 @@
+semantic.home = {};
+
+// ready event
+semantic.home.ready = function() {
+
+  var
+    $themeDropdown = $('.theme.dropdown'),
+    $header        = $('.masthead'),
+    $ui            = $header.find('h1 b'),
+    $phrase        = $header.find('h1 span'),
+    $download      = $header.find('.download'),
+    $library       = $header.find('.library'),
+    $cursor        = $header.find('.typed-cursor'),
+    $version       = $header.find('.version'),
+    $themeButton   = $('.theming .source.button'),
+    $themeGrid     = $('.theming .source.grid'),
+
+    handler
+  ;
+
+  handler = {
+    getRandomInt: function(min, max) {
+      return Math.floor(Math.random() * (max - min + 1)) + min;
+    },
+    introduction: function() {
+      var
+        background = 'bg' + handler.getRandomInt(1, 9)
+      ;
+      // zoom out
+      $header
+        .addClass(background)
+        .removeClass('zoomed')
+      ;
+    },
+    changeLogo: function() {
+      var
+        $logo = $('.following .logo'),
+        $nextSide = $logo.find('.'+ $(this).data('site') +'.side'),
+        directions = [
+          'up',
+          'left',
+          'down',
+          'right'
+        ],
+        direction = directions[Math.floor(Math.random() * directions.length)]
+      ;
+      if($nextSide.length > 0) {
+        clearTimeout(handler.timer);
+        handler.timer = setTimeout(function() {
+          $logo
+            .shape('set next side', $nextSide)
+            .shape('flip ' +  direction)
+          ;
+        }, 50);
+      }
+    },
+    returnLogo: function() {
+      var
+        $logo = $('.following .logo'),
+        $nextSide = $logo.find('.ui.side')
+      ;
+      clearTimeout(handler.timer);
+      handler.timer = setTimeout(function() {
+        $logo
+          .shape('set next side', $nextSide)
+          .shape('flip over')
+        ;
+      }, 500);
+
+    },
+
+    less: {
+
+      parseFile: function(content) {
+        var
+          variables = {},
+          lines = content.match(/^\s*(@[\s|\S]+?;)/gm),
+          name,
+          value
+        ;
+        if(lines) {
+          $.each(lines, function(index, line) {
+            // clear whitespace
+            line = $.trim(line);
+            // match variables only
+            if(line[0] == '@') {
+              name = line.match(/^@(.+?):/);
+              value = line.match(/:\s*([\s|\S]+?;)/);
+              if( ($.isArray(name) && name.length >= 2) && ($.isArray(value) && value.length >= 2) ) {
+                name = name[1];
+                value = value[1];
+                variables[name] = value;
+              }
+            }
+          });
+        }
+        console.log(variables);
+        return variables;
+      },
+
+      changeTheme: function(theme) {
+        var
+          $themeDropdown     = $(this),
+          $variableCode      = $('.variable.code'),
+          $overrideCode      = $('.override.code'),
+          $existingVariables = $variableCode.closest('.existing'),
+          $existingOverrides  = $overrideCode.closest('.existing'),
+
+          variableURL = '/src/themes/{$theme}/{$type}s/{$element}.variables',
+          overrideURL = '/src/themes/{$theme}/{$type}s/{$element}.overrides',
+          urlData     = {
+            theme   : typeof(theme === 'string')
+              ? theme.toLowerCase()
+              : theme,
+            type    : $themeDropdown.data('type'),
+            element : $themeDropdown.data('element')
+          }
+        ;
+        if($existingVariables.length > 0) {
+          $variableCode = $('<div class="ui variable code" data-type="less" data-preserve="true" />');
+          $variableCode
+            .insertAfter($existingVariables)
+          ;
+          $existingVariables.remove();
+          console.log($variableCode);
+        }
+
+        if($existingOverrides.length > 0) {
+          $overrideCode = $('<div class="ui override code" data-type="less" data-preserve="true" />');
+          $overrideCode
+            .insertAfter($existingOverrides)
+          ;
+          $existingOverrides.remove();
+          console.log($overrideCode);
+        }
+
+        $themeDropdown
+          .api({
+            on       : 'now',
+            url      : variableURL,
+            dataType : 'text',
+            urlData  : urlData,
+            onSuccess: function(content) {
+              window.less.modifyVars( handler.less.parseFile(content) );
+              $themeDropdown
+                .api({
+                  on       : 'now',
+                  url      : overrideURL,
+                  dataType : 'text',
+                  urlData  : urlData,
+                  onSuccess: function(content) {
+                    if( $('style.override').length > 0 ) {
+                      $('style.override').remove();
+                    }
+                    $('<style>' + content + '</style>')
+                      .addClass('override')
+                      .appendTo('body')
+                    ;
+                    $('.sticky').sticky('refresh');
+
+                    $overrideCode.html(content);
+                    $.proxy(semantic.handler.initializeCode, $overrideCode[0])();
+                  }
+                })
+              ;
+              $variableCode.html(content);
+              $.proxy(semantic.handler.initializeCode, $variableCode[0])();
+            }
+          })
+        ;
+      }
+    },
+    showThemeButton: function(value, text) {
+      if(!$themeButton.transition('is visible')) {
+        $themeButton.transition('scale in');
+      }
+      $.proxy(handler.less.changeTheme, this)(value);
+    },
+    createDemos: function() {
+      $('.demo.menu .item, .demo.buttons .button')
+        .on('click', function() {
+          if(!$(this).hasClass('dropdown')) {
+            $(this)
+              .addClass('active')
+              .closest('.ui.menu, .ui.buttons')
+              .find('.item, .button')
+                .not($(this))
+                .removeClass('active')
+            ;
+          }
+        })
+      ;
+      $('.example .message .close')
+        .on('click', function() {
+          $(this).closest('.message').transition('scale out');
+        })
+      ;
+    },
+    toggleTheme: function() {
+      $(this).toggleClass('active');
+      $themeGrid.toggleClass('visible');
+    }
+  };
+
+  // intro
+  handler.introduction();
+
+  if($(window).width() > 600) {
+    $('body')
+      .visibility({
+        offset         : -10,
+        observeChanges : false,
+        once           : false,
+        continuous     : false,
+        onTopPassed: function() {
+          requestAnimationFrame(function() {
+            $('.following.bar')
+              .addClass('light fixed')
+              .find('.menu')
+                .removeClass('inverted')
+            ;
+            $('.following .additional.item')
+              .transition('scale in', 750)
+            ;
+          });
+        },
+        onTopPassedReverse: function() {
+          requestAnimationFrame(function() {
+            $('.following.bar')
+              .removeClass('light fixed')
+              .find('.menu')
+                .addClass('inverted')
+                .find('.additional.item')
+                  .transition('hide')
+            ;
+          });
+        }
+      })
+    ;
+  }
+  $('.additional.item')
+    .popup({
+      delay: {
+        show: 200,
+        hide: 50
+      },
+      position: 'bottom center'
+    })
+  ;
+
+  $('.email.stripe form')
+    .form({
+      fields: {
+        email: {
+          identifier : 'email',
+          rules: [
+            {
+              type   : 'empty',
+              prompt : 'Please enter an e-mail'
+            },
+            {
+              type   : 'email',
+              prompt : 'Please enter a valid e-mail address'
+            }
+          ]
+        }
+      }
+    })
+  ;
+
+
+
+  $themeDropdown
+    .dropdown('setting', 'transition', 'drop')
+    .dropdown('setting', 'duration', 350)
+    .dropdown('setting', 'action', 'activate')
+    .dropdown('setting', 'onChange', handler.showThemeButton)
+  ;
+
+  $themeButton
+    .on('click', handler.toggleTheme)
+  ;
+
+
+  // demos
+  $('.demo .checkbox')
+    .checkbox()
+  ;
+  $('.demo .accordion')
+    .accordion()
+  ;
+  $('.demo .dimmer')
+    .dimmer({
+      on: 'hover'
+    })
+  ;
+  $('.demo .ui.dropdown')
+    .dropdown()
+  ;
+
+  if(window.Transifex !== undefined) {
+    window.Transifex.live.onTranslatePage(function(countryCode){
+      var fullName = $('.language.dropdown .item[data-value=' + countryCode + ']').eq(0).text();
+      $('.language.dropdown > .text').html(fullName);
+    });
+  }
+
+  $('.ui.sidebar')
+    .sidebar('setting', {
+      transition: 'overlay'
+    })
+  ;
+
+  handler.createDemos();
+
+};
+
+
+// attach ready event
+$(document)
+  .ready(semantic.home.ready)
+;

Sources/pyOpenRPA/Resources/Web/orpa/styleset/image.css

@@ -0,0 +1,320 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Image
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+             Image
+*******************************/
+
+.ui.image {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 100%;
+  background-color: transparent;
+}
+img.ui.image {
+  display: block;
+}
+.ui.image svg,
+.ui.image img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+
+/*******************************
+            States
+*******************************/
+
+.ui.hidden.images,
+.ui.hidden.image {
+  display: none;
+}
+.ui.hidden.transition.images,
+.ui.hidden.transition.image {
+  display: block;
+  visibility: hidden;
+}
+.ui.images > .hidden.transition {
+  display: inline-block;
+  visibility: hidden;
+}
+.ui.disabled.images,
+.ui.disabled.image {
+  cursor: default;
+  opacity: 0.45;
+}
+
+
+/*******************************
+          Variations
+*******************************/
+
+
+/*--------------
+     Inline
+---------------*/
+
+.ui.inline.image,
+.ui.inline.image svg,
+.ui.inline.image img {
+  display: inline-block;
+}
+
+/*------------------
+  Vertical Aligned
+-------------------*/
+
+.ui.top.aligned.images .image,
+.ui.top.aligned.image,
+.ui.top.aligned.image svg,
+.ui.top.aligned.image img {
+  display: inline-block;
+  vertical-align: top;
+}
+.ui.middle.aligned.images .image,
+.ui.middle.aligned.image,
+.ui.middle.aligned.image svg,
+.ui.middle.aligned.image img {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ui.bottom.aligned.images .image,
+.ui.bottom.aligned.image,
+.ui.bottom.aligned.image svg,
+.ui.bottom.aligned.image img {
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+/*--------------
+     Rounded
+---------------*/
+
+.ui.rounded.images .image,
+.ui.rounded.image,
+.ui.rounded.images .image > *,
+.ui.rounded.image > * {
+  border-radius: 0.3125em;
+}
+
+/*--------------
+    Bordered
+---------------*/
+
+.ui.bordered.images .image,
+.ui.bordered.images img,
+.ui.bordered.images svg,
+.ui.bordered.image img,
+.ui.bordered.image svg,
+img.ui.bordered.image {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/*--------------
+    Circular
+---------------*/
+
+.ui.circular.images,
+.ui.circular.image {
+  overflow: hidden;
+}
+.ui.circular.images .image,
+.ui.circular.image,
+.ui.circular.images .image > *,
+.ui.circular.image > * {
+  border-radius: 500rem;
+}
+
+/*--------------
+     Fluid
+---------------*/
+
+.ui.fluid.images,
+.ui.fluid.image,
+.ui.fluid.images img,
+.ui.fluid.images svg,
+.ui.fluid.image svg,
+.ui.fluid.image img {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+/*--------------
+     Avatar
+---------------*/
+
+.ui.avatar.images .image,
+.ui.avatar.images img,
+.ui.avatar.images svg,
+.ui.avatar.image img,
+.ui.avatar.image svg,
+.ui.avatar.image {
+  margin-right: 0.25em;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  border-radius: 500rem;
+}
+
+/*-------------------
+       Spaced
+--------------------*/
+
+.ui.spaced.image {
+  display: inline-block !important;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+}
+.ui[class*="left spaced"].image {
+  margin-left: 0.5em;
+  margin-right: 0em;
+}
+.ui[class*="right spaced"].image {
+  margin-left: 0em;
+  margin-right: 0.5em;
+}
+
+/*-------------------
+       Floated
+--------------------*/
+
+.ui.floated.image,
+.ui.floated.images {
+  float: left;
+  margin-right: 1em;
+  margin-bottom: 1em;
+}
+.ui.right.floated.images,
+.ui.right.floated.image {
+  float: right;
+  margin-right: 0em;
+  margin-bottom: 1em;
+  margin-left: 1em;
+}
+.ui.floated.images:last-child,
+.ui.floated.image:last-child {
+  margin-bottom: 0em;
+}
+.ui.centered.images,
+.ui.centered.image {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/*--------------
+     Sizes
+---------------*/
+
+.ui.mini.images .image,
+.ui.mini.images img,
+.ui.mini.images svg,
+.ui.mini.image {
+  width: 35px;
+  height: auto;
+  font-size: 0.78571429rem;
+}
+.ui.tiny.images .image,
+.ui.tiny.images img,
+.ui.tiny.images svg,
+.ui.tiny.image {
+  width: 80px;
+  height: auto;
+  font-size: 0.85714286rem;
+}
+.ui.small.images .image,
+.ui.small.images img,
+.ui.small.images svg,
+.ui.small.image {
+  width: 150px;
+  height: auto;
+  font-size: 0.92857143rem;
+}
+.ui.medium.images .image,
+.ui.medium.images img,
+.ui.medium.images svg,
+.ui.medium.image {
+  width: 300px;
+  height: auto;
+  font-size: 1rem;
+}
+.ui.large.images .image,
+.ui.large.images img,
+.ui.large.images svg,
+.ui.large.image {
+  width: 450px;
+  height: auto;
+  font-size: 1.14285714rem;
+}
+.ui.big.images .image,
+.ui.big.images img,
+.ui.big.images svg,
+.ui.big.image {
+  width: 600px;
+  height: auto;
+  font-size: 1.28571429rem;
+}
+.ui.huge.images .image,
+.ui.huge.images img,
+.ui.huge.images svg,
+.ui.huge.image {
+  width: 800px;
+  height: auto;
+  font-size: 1.42857143rem;
+}
+.ui.massive.images .image,
+.ui.massive.images img,
+.ui.massive.images svg,
+.ui.massive.image {
+  width: 960px;
+  height: auto;
+  font-size: 1.71428571rem;
+}
+
+
+/*******************************
+              Groups
+*******************************/
+
+.ui.images {
+  font-size: 0em;
+  margin: 0em -0.25rem 0rem;
+}
+.ui.images .image,
+.ui.images > img,
+.ui.images > svg {
+  display: inline-block;
+  margin: 0em 0.25rem 0.5rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/list.css

@@ -0,0 +1,963 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - List
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            List
+*******************************/
+
+ul.ui.list,
+ol.ui.list,
+.ui.list {
+  list-style-type: none;
+  margin: 1em 0em;
+  padding: 0em 0em;
+}
+ul.ui.list:first-child,
+ol.ui.list:first-child,
+.ui.list:first-child {
+  margin-top: 0em;
+  padding-top: 0em;
+}
+ul.ui.list:last-child,
+ol.ui.list:last-child,
+.ui.list:last-child {
+  margin-bottom: 0em;
+  padding-bottom: 0em;
+}
+
+
+/*******************************
+            Content
+*******************************/
+
+
+/* List Item */
+ul.ui.list li,
+ol.ui.list li,
+.ui.list > .item,
+.ui.list .list > .item {
+  display: list-item;
+  table-layout: fixed;
+  list-style-type: none;
+  list-style-position: outside;
+  padding: 0.21428571em 0em;
+  line-height: 1.14285714em;
+}
+ul.ui.list > li:first-child:after,
+ol.ui.list > li:first-child:after,
+.ui.list > .list > .item,
+.ui.list > .item:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+ul.ui.list li:first-child,
+ol.ui.list li:first-child,
+.ui.list .list > .item:first-child,
+.ui.list > .item:first-child {
+  padding-top: 0em;
+}
+ul.ui.list li:last-child,
+ol.ui.list li:last-child,
+.ui.list .list > .item:last-child,
+.ui.list > .item:last-child {
+  padding-bottom: 0em;
+}
+
+/* Child List */
+ul.ui.list ul,
+ol.ui.list ol,
+.ui.list .list {
+  clear: both;
+  margin: 0em;
+  padding: 0.75em 0em 0.25em 0.5em;
+}
+
+/* Child Item */
+ul.ui.list ul li,
+ol.ui.list ol li,
+.ui.list .list > .item {
+  padding: 0.14285714em 0em;
+  line-height: inherit;
+}
+
+/* Icon */
+.ui.list .list > .item > i.icon,
+.ui.list > .item > i.icon {
+  display: table-cell;
+  margin: 0em;
+  padding-top: 0em;
+  padding-right: 0.28571429em;
+  vertical-align: top;
+  -webkit-transition: color 0.1s ease;
+  transition: color 0.1s ease;
+}
+.ui.list .list > .item > i.icon:only-child,
+.ui.list > .item > i.icon:only-child {
+  display: inline-block;
+  vertical-align: top;
+}
+
+/* Image */
+.ui.list .list > .item > .image,
+.ui.list > .item > .image {
+  display: table-cell;
+  background-color: transparent;
+  margin: 0em;
+  vertical-align: top;
+}
+.ui.list .list > .item > .image:not(:only-child):not(img),
+.ui.list > .item > .image:not(:only-child):not(img) {
+  padding-right: 0.5em;
+}
+.ui.list .list > .item > .image img,
+.ui.list > .item > .image img {
+  vertical-align: top;
+}
+.ui.list .list > .item > img.image,
+.ui.list .list > .item > .image:only-child,
+.ui.list > .item > img.image,
+.ui.list > .item > .image:only-child {
+  display: inline-block;
+}
+
+/* Content */
+.ui.list .list > .item > .content,
+.ui.list > .item > .content {
+  line-height: 1.14285714em;
+}
+.ui.list .list > .item > .image + .content,
+.ui.list .list > .item > .icon + .content,
+.ui.list > .item > .image + .content,
+.ui.list > .item > .icon + .content {
+  display: table-cell;
+  width: 100%;
+  padding: 0em 0em 0em 0.5em;
+  vertical-align: top;
+}
+.ui.list .list > .item > img.image + .content,
+.ui.list > .item > img.image + .content {
+  display: inline-block;
+  width: auto;
+}
+.ui.list .list > .item > .content > .list,
+.ui.list > .item > .content > .list {
+  margin-left: 0em;
+  padding-left: 0em;
+}
+
+/* Header */
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+  display: block;
+  margin: 0em;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/* Description */
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+  display: block;
+  color: rgba(0, 0, 0, 0.7);
+}
+
+/* Child Link */
+.ui.list > .item a,
+.ui.list .list > .item a {
+  cursor: pointer;
+}
+
+/* Linking Item */
+.ui.list .list > a.item,
+.ui.list > a.item {
+  cursor: pointer;
+  color: #4183C4;
+}
+.ui.list .list > a.item:hover,
+.ui.list > a.item:hover {
+  color: #1e70bf;
+}
+
+/* Linked Item Icons */
+.ui.list .list > a.item i.icon,
+.ui.list > a.item i.icon {
+  color: rgba(0, 0, 0, 0.4);
+}
+
+/* Header Link */
+.ui.list .list > .item a.header,
+.ui.list > .item a.header {
+  cursor: pointer;
+  color: #4183C4 !important;
+}
+.ui.list .list > .item a.header:hover,
+.ui.list > .item a.header:hover {
+  color: #1e70bf !important;
+}
+
+/* Floated Content */
+.ui[class*="left floated"].list {
+  float: left;
+}
+.ui[class*="right floated"].list {
+  float: right;
+}
+.ui.list .list > .item [class*="left floated"],
+.ui.list > .item [class*="left floated"] {
+  float: left;
+  margin: 0em 1em 0em 0em;
+}
+.ui.list .list > .item [class*="right floated"],
+.ui.list > .item [class*="right floated"] {
+  float: right;
+  margin: 0em 0em 0em 1em;
+}
+
+
+/*******************************
+            Coupling
+*******************************/
+
+.ui.menu .ui.list > .item,
+.ui.menu .ui.list .list > .item {
+  display: list-item;
+  table-layout: fixed;
+  background-color: transparent;
+  list-style-type: none;
+  list-style-position: outside;
+  padding: 0.21428571em 0em;
+  line-height: 1.14285714em;
+}
+.ui.menu .ui.list .list > .item:before,
+.ui.menu .ui.list > .item:before {
+  border: none;
+  background: none;
+}
+.ui.menu .ui.list .list > .item:first-child,
+.ui.menu .ui.list > .item:first-child {
+  padding-top: 0em;
+}
+.ui.menu .ui.list .list > .item:last-child,
+.ui.menu .ui.list > .item:last-child {
+  padding-bottom: 0em;
+}
+
+
+/*******************************
+            Types
+*******************************/
+
+
+/*-------------------
+      Horizontal
+--------------------*/
+
+.ui.horizontal.list {
+  display: inline-block;
+  font-size: 0em;
+}
+.ui.horizontal.list > .item {
+  display: inline-block;
+  margin-left: 1em;
+  font-size: 1rem;
+}
+.ui.horizontal.list:not(.celled) > .item:first-child {
+  margin-left: 0em !important;
+  padding-left: 0em !important;
+}
+.ui.horizontal.list .list {
+  padding-left: 0em;
+  padding-bottom: 0em;
+}
+.ui.horizontal.list > .item > .image,
+.ui.horizontal.list .list > .item > .image,
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > .content,
+.ui.horizontal.list .list > .item > .content {
+  vertical-align: middle;
+}
+
+/* Padding on all elements */
+.ui.horizontal.list > .item:first-child,
+.ui.horizontal.list > .item:last-child {
+  padding-top: 0.21428571em;
+  padding-bottom: 0.21428571em;
+}
+
+/* Horizontal List */
+.ui.horizontal.list > .item > i.icon {
+  margin: 0em;
+  padding: 0em 0.25em 0em 0em;
+}
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list > .item > .icon + .content {
+  float: none;
+  display: inline-block;
+}
+
+
+/*******************************
+             States
+*******************************/
+
+
+/*-------------------
+       Disabled
+--------------------*/
+
+.ui.list .list > .disabled.item,
+.ui.list > .disabled.item {
+  pointer-events: none;
+  color: rgba(40, 40, 40, 0.3) !important;
+}
+.ui.inverted.list .list > .disabled.item,
+.ui.inverted.list > .disabled.item {
+  color: rgba(225, 225, 225, 0.3) !important;
+}
+
+/*-------------------
+        Hover
+--------------------*/
+
+.ui.list .list > a.item:hover .icon,
+.ui.list > a.item:hover .icon {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+
+/*-------------------
+       Inverted
+--------------------*/
+
+.ui.inverted.list .list > a.item > .icon,
+.ui.inverted.list > a.item > .icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+.ui.inverted.list .list > .item .header,
+.ui.inverted.list > .item .header {
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.list .list > .item .description,
+.ui.inverted.list > .item .description {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* Item Link */
+.ui.inverted.list .list > a.item,
+.ui.inverted.list > a.item {
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.list .list > a.item:hover,
+.ui.inverted.list > a.item:hover {
+  color: #1e70bf;
+}
+
+/* Linking Content */
+.ui.inverted.list .item a:not(.ui) {
+  color: rgba(255, 255, 255, 0.9) !important;
+}
+.ui.inverted.list .item a:not(.ui):hover {
+  color: #1e70bf !important;
+}
+
+/*-------------------
+       Aligned
+--------------------*/
+
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
+.ui.list [class*="top aligned"] {
+  vertical-align: top !important;
+}
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
+.ui.list [class*="middle aligned"] {
+  vertical-align: middle !important;
+}
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
+.ui.list [class*="bottom aligned"] {
+  vertical-align: bottom !important;
+}
+
+/*-------------------
+       Link
+--------------------*/
+
+.ui.link.list .item,
+.ui.link.list a.item,
+.ui.link.list .item a:not(.ui) {
+  color: rgba(0, 0, 0, 0.4);
+  -webkit-transition: 0.1s color ease;
+  transition: 0.1s color ease;
+}
+.ui.link.list.list a.item:hover,
+.ui.link.list.list .item a:not(.ui):hover {
+  color: rgba(0, 0, 0, 0.8);
+}
+.ui.link.list.list a.item:active,
+.ui.link.list.list .item a:not(.ui):active {
+  color: rgba(0, 0, 0, 0.9);
+}
+.ui.link.list.list .active.item,
+.ui.link.list.list .active.item a:not(.ui) {
+  color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+.ui.inverted.link.list .item,
+.ui.inverted.link.list a.item,
+.ui.inverted.link.list .item a:not(.ui) {
+  color: rgba(255, 255, 255, 0.5);
+}
+.ui.inverted.link.list.list a.item:hover,
+.ui.inverted.link.list.list .item a:not(.ui):hover {
+  color: #ffffff;
+}
+.ui.inverted.link.list.list a.item:active,
+.ui.inverted.link.list.list .item a:not(.ui):active {
+  color: #ffffff;
+}
+.ui.inverted.link.list.list a.active.item,
+.ui.inverted.link.list.list .active.item a:not(.ui) {
+  color: #ffffff;
+}
+
+/*-------------------
+      Selection
+--------------------*/
+
+.ui.selection.list .list > .item,
+.ui.selection.list > .item {
+  cursor: pointer;
+  background: transparent;
+  padding: 0.5em 0.5em;
+  margin: 0em;
+  color: rgba(0, 0, 0, 0.4);
+  border-radius: 0.5em;
+  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
+  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
+}
+.ui.selection.list .list > .item:last-child,
+.ui.selection.list > .item:last-child {
+  margin-bottom: 0em;
+}
+.ui.selection.list.list > .item:hover,
+.ui.selection.list > .item:hover {
+  background: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.8);
+}
+.ui.selection.list .list > .item:active,
+.ui.selection.list > .item:active {
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.9);
+}
+.ui.selection.list .list > .item.active,
+.ui.selection.list > .item.active {
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+.ui.inverted.selection.list > .item,
+.ui.inverted.selection.list > .item {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+.ui.inverted.selection.list > .item:hover,
+.ui.inverted.selection.list > .item:hover {
+  background: rgba(255, 255, 255, 0.02);
+  color: #ffffff;
+}
+.ui.inverted.selection.list > .item:active,
+.ui.inverted.selection.list > .item:active {
+  background: rgba(255, 255, 255, 0.08);
+  color: #ffffff;
+}
+.ui.inverted.selection.list > .item.active,
+.ui.inverted.selection.list > .item.active {
+  background: rgba(255, 255, 255, 0.08);
+  color: #ffffff;
+}
+
+/* Celled / Divided Selection List */
+.ui.celled.selection.list .list > .item,
+.ui.divided.selection.list .list > .item,
+.ui.celled.selection.list > .item,
+.ui.divided.selection.list > .item {
+  border-radius: 0em;
+}
+
+/*-------------------
+       Animated
+--------------------*/
+
+.ui.animated.list > .item {
+  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
+  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
+}
+.ui.animated.list:not(.horizontal) > .item:hover {
+  padding-left: 1em;
+}
+
+/*-------------------
+       Fitted
+--------------------*/
+
+.ui.fitted.list:not(.selection) .list > .item,
+.ui.fitted.list:not(.selection) > .item {
+  padding-left: 0em;
+  padding-right: 0em;
+}
+.ui.fitted.selection.list .list > .item,
+.ui.fitted.selection.list > .item {
+  margin-left: -0.5em;
+  margin-right: -0.5em;
+}
+
+/*-------------------
+      Bulleted
+--------------------*/
+
+ul.ui.list,
+.ui.bulleted.list {
+  margin-left: 1.25rem;
+}
+ul.ui.list li,
+.ui.bulleted.list .list > .item,
+.ui.bulleted.list > .item {
+  position: relative;
+}
+ul.ui.list li:before,
+.ui.bulleted.list .list > .item:before,
+.ui.bulleted.list > .item:before {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  position: absolute;
+  top: auto;
+  left: auto;
+  font-weight: normal;
+  margin-left: -1.25rem;
+  content: '•';
+  opacity: 1;
+  color: inherit;
+  vertical-align: top;
+}
+ul.ui.list li:before,
+.ui.bulleted.list .list > a.item:before,
+.ui.bulleted.list > a.item:before {
+  color: rgba(0, 0, 0, 0.87);
+}
+ul.ui.list ul,
+.ui.bulleted.list .list {
+  padding-left: 1.25rem;
+}
+
+/* Horizontal Bulleted */
+ul.ui.horizontal.bulleted.list,
+.ui.horizontal.bulleted.list {
+  margin-left: 0em;
+}
+ul.ui.horizontal.bulleted.list li,
+.ui.horizontal.bulleted.list > .item {
+  margin-left: 1.75rem;
+}
+ul.ui.horizontal.bulleted.list li:first-child,
+.ui.horizontal.bulleted.list > .item:first-child {
+  margin-left: 0em;
+}
+ul.ui.horizontal.bulleted.list li::before,
+.ui.horizontal.bulleted.list > .item::before {
+  color: rgba(0, 0, 0, 0.87);
+}
+ul.ui.horizontal.bulleted.list li:first-child::before,
+.ui.horizontal.bulleted.list > .item:first-child::before {
+  display: none;
+}
+
+/*-------------------
+       Ordered
+--------------------*/
+
+ol.ui.list,
+.ui.ordered.list,
+.ui.ordered.list .list,
+ol.ui.list ol {
+  counter-reset: ordered;
+  margin-left: 1.25rem;
+  list-style-type: none;
+}
+ol.ui.list li,
+.ui.ordered.list .list > .item,
+.ui.ordered.list > .item {
+  list-style-type: none;
+  position: relative;
+}
+ol.ui.list li:before,
+.ui.ordered.list .list > .item:before,
+.ui.ordered.list > .item:before {
+  position: absolute;
+  top: auto;
+  left: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  margin-left: -1.25rem;
+  counter-increment: ordered;
+  content: counters(ordered, ".") " ";
+  text-align: right;
+  color: rgba(0, 0, 0, 0.87);
+  vertical-align: middle;
+  opacity: 0.8;
+}
+ol.ui.inverted.list li:before,
+.ui.ordered.inverted.list .list > .item:before,
+.ui.ordered.inverted.list > .item:before {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* Value */
+.ui.ordered.list > .list > .item[data-value],
+.ui.ordered.list > .item[data-value] {
+  content: attr(data-value);
+}
+ol.ui.list li[value]:before {
+  content: attr(value);
+}
+
+/* Child Lists */
+ol.ui.list ol,
+.ui.ordered.list .list {
+  margin-left: 1em;
+}
+ol.ui.list ol li:before,
+.ui.ordered.list .list > .item:before {
+  margin-left: -2em;
+}
+
+/* Horizontal Ordered */
+ol.ui.horizontal.list,
+.ui.ordered.horizontal.list {
+  margin-left: 0em;
+}
+ol.ui.horizontal.list li:before,
+.ui.ordered.horizontal.list .list > .item:before,
+.ui.ordered.horizontal.list > .item:before {
+  position: static;
+  margin: 0em 0.5em 0em 0em;
+}
+
+/*-------------------
+       Divided
+--------------------*/
+
+.ui.divided.list > .item {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.divided.list .list > .item {
+  border-top: none;
+}
+.ui.divided.list .item .list > .item {
+  border-top: none;
+}
+.ui.divided.list .list > .item:first-child,
+.ui.divided.list > .item:first-child {
+  border-top: none;
+}
+
+/* Sub Menu */
+.ui.divided.list:not(.horizontal) .list > .item:first-child {
+  border-top-width: 1px;
+}
+
+/* Divided bulleted */
+.ui.divided.bulleted.list:not(.horizontal),
+.ui.divided.bulleted.list .list {
+  margin-left: 0em;
+  padding-left: 0em;
+}
+.ui.divided.bulleted.list > .item:not(.horizontal) {
+  padding-left: 1.25rem;
+}
+
+/* Divided Ordered */
+.ui.divided.ordered.list {
+  margin-left: 0em;
+}
+.ui.divided.ordered.list .list > .item,
+.ui.divided.ordered.list > .item {
+  padding-left: 1.25rem;
+}
+.ui.divided.ordered.list .item .list {
+  margin-left: 0em;
+  margin-right: 0em;
+  padding-bottom: 0.21428571em;
+}
+.ui.divided.ordered.list .item .list > .item {
+  padding-left: 1em;
+}
+
+/* Divided Selection */
+.ui.divided.selection.list .list > .item,
+.ui.divided.selection.list > .item {
+  margin: 0em;
+  border-radius: 0em;
+}
+
+/* Divided horizontal */
+.ui.divided.horizontal.list {
+  margin-left: 0em;
+}
+.ui.divided.horizontal.list > .item:not(:first-child) {
+  padding-left: 0.5em;
+}
+.ui.divided.horizontal.list > .item:not(:last-child) {
+  padding-right: 0.5em;
+}
+.ui.divided.horizontal.list > .item {
+  border-top: none;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  margin: 0em;
+  line-height: 0.6;
+}
+.ui.horizontal.divided.list > .item:first-child {
+  border-left: none;
+}
+
+/* Inverted */
+.ui.divided.inverted.list > .item,
+.ui.divided.inverted.list > .list,
+.ui.divided.inverted.horizontal.list > .item {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+        Celled
+--------------------*/
+
+.ui.celled.list > .item,
+.ui.celled.list > .list {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+.ui.celled.list > .item:last-child {
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Padding on all elements */
+.ui.celled.list > .item:first-child,
+.ui.celled.list > .item:last-child {
+  padding-top: 0.21428571em;
+  padding-bottom: 0.21428571em;
+}
+
+/* Sub Menu */
+.ui.celled.list .item .list > .item {
+  border-width: 0px;
+}
+.ui.celled.list .list > .item:first-child {
+  border-top-width: 0px;
+}
+
+/* Celled Bulleted */
+.ui.celled.bulleted.list {
+  margin-left: 0em;
+}
+.ui.celled.bulleted.list .list > .item,
+.ui.celled.bulleted.list > .item {
+  padding-left: 1.25rem;
+}
+.ui.celled.bulleted.list .item .list {
+  margin-left: -1.25rem;
+  margin-right: -1.25rem;
+  padding-bottom: 0.21428571em;
+}
+
+/* Celled Ordered */
+.ui.celled.ordered.list {
+  margin-left: 0em;
+}
+.ui.celled.ordered.list .list > .item,
+.ui.celled.ordered.list > .item {
+  padding-left: 1.25rem;
+}
+.ui.celled.ordered.list .item .list {
+  margin-left: 0em;
+  margin-right: 0em;
+  padding-bottom: 0.21428571em;
+}
+.ui.celled.ordered.list .list > .item {
+  padding-left: 1em;
+}
+
+/* Celled Horizontal */
+.ui.horizontal.celled.list {
+  margin-left: 0em;
+}
+.ui.horizontal.celled.list .list > .item,
+.ui.horizontal.celled.list > .item {
+  border-top: none;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  margin: 0em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  line-height: 0.6;
+}
+.ui.horizontal.celled.list .list > .item:last-child,
+.ui.horizontal.celled.list > .item:last-child {
+  border-bottom: none;
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Inverted */
+.ui.celled.inverted.list > .item,
+.ui.celled.inverted.list > .list {
+  border-color: 1px solid rgba(255, 255, 255, 0.1);
+}
+.ui.celled.inverted.horizontal.list .list > .item,
+.ui.celled.inverted.horizontal.list > .item {
+  border-color: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+       Relaxed
+--------------------*/
+
+.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
+  padding-top: 0.42857143em;
+}
+.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
+  padding-bottom: 0.42857143em;
+}
+.ui.horizontal.relaxed.list .list > .item:not(:first-child),
+.ui.horizontal.relaxed.list > .item:not(:first-child) {
+  padding-left: 1rem;
+}
+.ui.horizontal.relaxed.list .list > .item:not(:last-child),
+.ui.horizontal.relaxed.list > .item:not(:last-child) {
+  padding-right: 1rem;
+}
+
+/* Very Relaxed */
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
+  padding-top: 0.85714286em;
+}
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
+  padding-bottom: 0.85714286em;
+}
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
+  padding-left: 1.5rem;
+}
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
+  padding-right: 1.5rem;
+}
+
+/*-------------------
+      Sizes
+--------------------*/
+
+.ui.mini.list {
+  font-size: 0.78571429em;
+}
+.ui.tiny.list {
+  font-size: 0.85714286em;
+}
+.ui.small.list {
+  font-size: 0.92857143em;
+}
+.ui.list {
+  font-size: 1em;
+}
+.ui.large.list {
+  font-size: 1.14285714em;
+}
+.ui.big.list {
+  font-size: 1.28571429em;
+}
+.ui.huge.list {
+  font-size: 1.42857143em;
+}
+.ui.massive.list {
+  font-size: 1.71428571em;
+}
+.ui.mini.horizontal.list .list > .item,
+.ui.mini.horizontal.list > .item {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.horizontal.list .list > .item,
+.ui.tiny.horizontal.list > .item {
+  font-size: 0.85714286rem;
+}
+.ui.small.horizontal.list .list > .item,
+.ui.small.horizontal.list > .item {
+  font-size: 0.92857143rem;
+}
+.ui.horizontal.list .list > .item,
+.ui.horizontal.list > .item {
+  font-size: 1rem;
+}
+.ui.large.horizontal.list .list > .item,
+.ui.large.horizontal.list > .item {
+  font-size: 1.14285714rem;
+}
+.ui.big.horizontal.list .list > .item,
+.ui.big.horizontal.list > .item {
+  font-size: 1.28571429rem;
+}
+.ui.huge.horizontal.list .list > .item,
+.ui.huge.horizontal.list > .item {
+  font-size: 1.42857143rem;
+}
+.ui.massive.horizontal.list .list > .item,
+.ui.massive.horizontal.list > .item {
+  font-size: 1.71428571rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+    User Variable Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/metadata.json

@@ -0,0 +1 @@
+{}

Sources/pyOpenRPA/Resources/Web/orpa/styleset/reset.css

@@ -0,0 +1,495 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Reset
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+             Reset
+*******************************/
+
+
+/* Border-Box */
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+}
+html {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+/* iPad Input Shadows */
+input[type="text"],
+input[type="email"],
+input[type="search"],
+input[type="password"] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  
+/* mobile firefox too! */
+}
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+html {
+  line-height: 1.15;
+  
+/* 1 */
+  -ms-text-size-adjust: 100%;
+  
+/* 2 */
+  -webkit-text-size-adjust: 100%;
+  
+/* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+body {
+  margin: 0;
+}
+/**
+ * Add the correct display in IE 9-.
+ */
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+figcaption,
+figure,
+main {
+  
+/* 1 */
+  display: block;
+}
+/**
+ * Add the correct margin in IE 8.
+ */
+figure {
+  margin: 1em 40px;
+}
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  
+/* 1 */
+  height: 0;
+  
+/* 1 */
+  overflow: visible;
+  
+/* 2 */
+}
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace;
+  
+/* 1 */
+  font-size: 1em;
+  
+/* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+a {
+  background-color: transparent;
+  
+/* 1 */
+  -webkit-text-decoration-skip: objects;
+  
+/* 2 */
+}
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none;
+  
+/* 1 */
+  text-decoration: underline;
+  
+/* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+  
+/* 2 */
+}
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+b,
+strong {
+  font-weight: inherit;
+}
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  
+/* 1 */
+  font-size: 1em;
+  
+/* 2 */
+}
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+dfn {
+  font-style: italic;
+}
+/**
+ * Add the correct background and color in IE 9-.
+ */
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+audio,
+video {
+  display: inline-block;
+}
+/**
+ * Add the correct display in iOS 4-7.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+img {
+  border-style: none;
+}
+/**
+ * Hide the overflow in IE.
+ */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif;
+  
+/* 1 */
+  font-size: 100%;
+  
+/* 1 */
+  line-height: 1.15;
+  
+/* 1 */
+  margin: 0;
+  
+/* 2 */
+}
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+  
+/* 1 */
+  overflow: visible;
+}
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+  
+/* 1 */
+  text-transform: none;
+}
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+  
+/* 2 */
+}
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  
+/* 1 */
+  color: inherit;
+  
+/* 2 */
+  display: table;
+  
+/* 1 */
+  max-width: 100%;
+  
+/* 1 */
+  padding: 0;
+  
+/* 3 */
+  white-space: normal;
+  
+/* 1 */
+}
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  display: inline-block;
+  
+/* 1 */
+  vertical-align: baseline;
+  
+/* 2 */
+}
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+textarea {
+  overflow: auto;
+}
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  
+/* 1 */
+  padding: 0;
+  
+/* 2 */
+}
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+  
+/* 1 */
+  outline-offset: -2px;
+  
+/* 2 */
+}
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  
+/* 1 */
+  font: inherit;
+  
+/* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details,
+menu {
+  display: block;
+}
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+canvas {
+  display: inline-block;
+}
+/**
+ * Add the correct display in IE.
+ */
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+[hidden] {
+  display: none;
+}
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/segment.css

@@ -0,0 +1,889 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Segment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Segment
+*******************************/
+
+.ui.segment {
+  position: relative;
+  background: #FFFFFF;
+  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  margin: 1rem 0em;
+  padding: 1em 1em;
+  border-radius: 0.28571429rem;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.segment:first-child {
+  margin-top: 0em;
+}
+.ui.segment:last-child {
+  margin-bottom: 0em;
+}
+
+/* Vertical */
+.ui.vertical.segment {
+  margin: 0em;
+  padding-left: 0em;
+  padding-right: 0em;
+  background: none transparent;
+  border-radius: 0px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.vertical.segment:last-child {
+  border-bottom: none;
+}
+
+/*-------------------
+    Loose Coupling
+--------------------*/
+
+
+/* Header */
+.ui.inverted.segment > .ui.header {
+  color: #FFFFFF;
+}
+
+/* Label */
+.ui[class*="bottom attached"].segment > [class*="top attached"].label {
+  border-top-left-radius: 0em;
+  border-top-right-radius: 0em;
+}
+.ui[class*="top attached"].segment > [class*="bottom attached"].label {
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
+}
+.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+  border-top-left-radius: 0em;
+  border-top-right-radius: 0em;
+}
+.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
+}
+
+/* Grid */
+.ui.page.grid.segment,
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
+  padding-top: 2em;
+  padding-bottom: 2em;
+}
+.ui.grid.segment {
+  margin: 1rem 0em;
+  border-radius: 0.28571429rem;
+}
+
+/* Table */
+.ui.basic.table.segment {
+  background: #FFFFFF;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+.ui[class*="very basic"].table.segment {
+  padding: 1em 1em;
+}
+
+
+/*******************************
+             Types
+*******************************/
+
+
+/*-------------------
+     Placeholder
+--------------------*/
+
+.ui.placeholder.segment {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+  max-width: initial;
+  -webkit-animation: none;
+          animation: none;
+  overflow: visible;
+  padding: 1em 1em;
+  min-height: 18rem;
+  background: #F9FAFB;
+  border-color: rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+          box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+}
+.ui.placeholder.segment .button,
+.ui.placeholder.segment textarea {
+  display: block;
+}
+.ui.placeholder.segment .field,
+.ui.placeholder.segment textarea,
+.ui.placeholder.segment > .ui.input,
+.ui.placeholder.segment .button {
+  max-width: 15rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.ui.placeholder.segment .column .button,
+.ui.placeholder.segment .column .field,
+.ui.placeholder.segment .column textarea,
+.ui.placeholder.segment .column > .ui.input {
+  max-width: 15rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.ui.placeholder.segment > .inline {
+  -ms-flex-item-align: center;
+      align-self: center;
+}
+.ui.placeholder.segment > .inline > .button {
+  display: inline-block;
+  width: auto;
+  margin: 0px 0.35714286rem 0px 0px;
+}
+.ui.placeholder.segment > .inline > .button:last-child {
+  margin-right: 0px;
+}
+
+/*-------------------
+        Piled
+--------------------*/
+
+.ui.piled.segments,
+.ui.piled.segment {
+  margin: 3em 0em;
+  -webkit-box-shadow: '';
+          box-shadow: '';
+  z-index: auto;
+}
+.ui.piled.segment:first-child {
+  margin-top: 0em;
+}
+.ui.piled.segment:last-child {
+  margin-bottom: 0em;
+}
+.ui.piled.segments:after,
+.ui.piled.segments:before,
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+  background-color: #FFFFFF;
+  visibility: visible;
+  content: '';
+  display: block;
+  height: 100%;
+  left: 0px;
+  position: absolute;
+  width: 100%;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: '';
+          box-shadow: '';
+}
+.ui.piled.segments:before,
+.ui.piled.segment:before {
+  -webkit-transform: rotate(-1.2deg);
+          transform: rotate(-1.2deg);
+  top: 0;
+  z-index: -2;
+}
+.ui.piled.segments:after,
+.ui.piled.segment:after {
+  -webkit-transform: rotate(1.2deg);
+          transform: rotate(1.2deg);
+  top: 0;
+  z-index: -1;
+}
+
+/* Piled Attached */
+.ui[class*="top attached"].piled.segment {
+  margin-top: 3em;
+  margin-bottom: 0em;
+}
+.ui.piled.segment[class*="top attached"]:first-child {
+  margin-top: 0em;
+}
+.ui.piled.segment[class*="bottom attached"] {
+  margin-top: 0em;
+  margin-bottom: 3em;
+}
+.ui.piled.segment[class*="bottom attached"]:last-child {
+  margin-bottom: 0em;
+}
+
+/*-------------------
+       Stacked
+--------------------*/
+
+.ui.stacked.segment {
+  padding-bottom: 1.4em;
+}
+.ui.stacked.segments:before,
+.ui.stacked.segments:after,
+.ui.stacked.segment:before,
+.ui.stacked.segment:after {
+  content: '';
+  position: absolute;
+  bottom: -3px;
+  left: 0%;
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  background: rgba(0, 0, 0, 0.03);
+  width: 100%;
+  height: 6px;
+  visibility: visible;
+}
+.ui.stacked.segments:before,
+.ui.stacked.segment:before {
+  display: none;
+}
+
+/* Add additional page */
+.ui.tall.stacked.segments:before,
+.ui.tall.stacked.segment:before {
+  display: block;
+  bottom: 0px;
+}
+
+/* Inverted */
+.ui.stacked.inverted.segments:before,
+.ui.stacked.inverted.segments:after,
+.ui.stacked.inverted.segment:before,
+.ui.stacked.inverted.segment:after {
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(34, 36, 38, 0.35);
+}
+
+/*-------------------
+       Padded
+--------------------*/
+
+.ui.padded.segment {
+  padding: 1.5em;
+}
+.ui[class*="very padded"].segment {
+  padding: 3em;
+}
+
+/* Padded vertical */
+.ui.padded.segment.vertical.segment,
+.ui[class*="very padded"].vertical.segment {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+/*-------------------
+       Compact
+--------------------*/
+
+.ui.compact.segment {
+  display: table;
+}
+
+/* Compact Group */
+.ui.compact.segments {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.ui.compact.segments .segment,
+.ui.segments .compact.segment {
+  display: block;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+}
+
+/*-------------------
+       Circular
+--------------------*/
+
+.ui.circular.segment {
+  display: table-cell;
+  padding: 2em;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: 500em;
+}
+
+/*-------------------
+       Raised
+--------------------*/
+
+.ui.raised.segments,
+.ui.raised.segment {
+  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+
+/*******************************
+            Groups
+*******************************/
+
+
+/* Group */
+.ui.segments {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  position: relative;
+  margin: 1rem 0em;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  border-radius: 0.28571429rem;
+}
+.ui.segments:first-child {
+  margin-top: 0em;
+}
+.ui.segments:last-child {
+  margin-bottom: 0em;
+}
+
+/* Nested Segment */
+.ui.segments > .segment {
+  top: 0px;
+  bottom: 0px;
+  border-radius: 0px;
+  margin: 0em;
+  width: auto;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.segments:not(.horizontal) > .segment:first-child {
+  border-top: none;
+  margin-top: 0em;
+  bottom: 0px;
+  margin-bottom: 0em;
+  top: 0px;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Bottom */
+.ui.segments:not(.horizontal) > .segment:last-child {
+  top: 0px;
+  bottom: 0px;
+  margin-top: 0em;
+  margin-bottom: 0em;
+  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Only */
+.ui.segments:not(.horizontal) > .segment:only-child {
+  border-radius: 0.28571429rem;
+}
+
+/* Nested Group */
+.ui.segments > .ui.segments {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  margin: 1rem 1rem;
+}
+.ui.segments > .segments:first-child {
+  border-top: none;
+}
+.ui.segments > .segment + .segments:not(.horizontal) {
+  margin-top: 0em;
+}
+
+/* Horizontal Group */
+.ui.horizontal.segments {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  background-color: transparent;
+  border-radius: 0px;
+  padding: 0em;
+  background-color: #FFFFFF;
+  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  margin: 1rem 0em;
+  border-radius: 0.28571429rem;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Nested Horizontal Group */
+.ui.segments > .horizontal.segments {
+  margin: 0em;
+  background-color: transparent;
+  border-radius: 0px;
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Horizontal Segment */
+.ui.horizontal.segments > .segment {
+  -webkit-box-flex: 1;
+          flex: 1 1 auto;
+  -ms-flex: 1 1 0px;
+  
+/* Solves #2550 MS Flex */
+  margin: 0em;
+  min-width: 0px;
+  background-color: transparent;
+  border-radius: 0px;
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Border Fixes */
+.ui.segments > .horizontal.segments:first-child {
+  border-top: none;
+}
+.ui.horizontal.segments > .segment:first-child {
+  border-left: none;
+}
+
+
+/*******************************
+            States
+*******************************/
+
+
+/*--------------
+    Disabled
+---------------*/
+
+.ui.disabled.segment {
+  opacity: 0.45;
+  color: rgba(40, 40, 40, 0.3);
+}
+
+/*--------------
+    Loading
+---------------*/
+
+.ui.loading.segment {
+  position: relative;
+  cursor: default;
+  pointer-events: none;
+  text-shadow: none !important;
+  color: transparent !important;
+  -webkit-transition: all 0s linear;
+  transition: all 0s linear;
+}
+.ui.loading.segment:before {
+  position: absolute;
+  content: '';
+  top: 0%;
+  left: 0%;
+  background: rgba(255, 255, 255, 0.8);
+  width: 100%;
+  height: 100%;
+  border-radius: 0.28571429rem;
+  z-index: 100;
+}
+.ui.loading.segment:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -1.5em 0em 0em -1.5em;
+  width: 3em;
+  height: 3em;
+  -webkit-animation: segment-spin 0.6s linear;
+          animation: segment-spin 0.6s linear;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  border-radius: 500rem;
+  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+  border-style: solid;
+  border-width: 0.2em;
+  -webkit-box-shadow: 0px 0px 0px 1px transparent;
+          box-shadow: 0px 0px 0px 1px transparent;
+  visibility: visible;
+  z-index: 101;
+}
+@-webkit-keyframes segment-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes segment-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+
+/*-------------------
+       Basic
+--------------------*/
+
+.ui.basic.segment {
+  background: none transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+  border-radius: 0px;
+}
+
+/*-------------------
+       Clearing
+--------------------*/
+
+.ui.clearing.segment:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+/*-------------------
+       Colors
+--------------------*/
+
+
+/* Red */
+.ui.red.segment:not(.inverted) {
+  border-top: 2px solid #DB2828 !important;
+}
+.ui.inverted.red.segment {
+  background-color: #DB2828 !important;
+  color: #FFFFFF !important;
+}
+
+/* Orange */
+.ui.orange.segment:not(.inverted) {
+  border-top: 2px solid #F2711C !important;
+}
+.ui.inverted.orange.segment {
+  background-color: #F2711C !important;
+  color: #FFFFFF !important;
+}
+
+/* Yellow */
+.ui.yellow.segment:not(.inverted) {
+  border-top: 2px solid #FBBD08 !important;
+}
+.ui.inverted.yellow.segment {
+  background-color: #FBBD08 !important;
+  color: #FFFFFF !important;
+}
+
+/* Olive */
+.ui.olive.segment:not(.inverted) {
+  border-top: 2px solid #B5CC18 !important;
+}
+.ui.inverted.olive.segment {
+  background-color: #B5CC18 !important;
+  color: #FFFFFF !important;
+}
+
+/* Green */
+.ui.green.segment:not(.inverted) {
+  border-top: 2px solid #21BA45 !important;
+}
+.ui.inverted.green.segment {
+  background-color: #21BA45 !important;
+  color: #FFFFFF !important;
+}
+
+/* Teal */
+.ui.teal.segment:not(.inverted) {
+  border-top: 2px solid #00B5AD !important;
+}
+.ui.inverted.teal.segment {
+  background-color: #00B5AD !important;
+  color: #FFFFFF !important;
+}
+
+/* Blue */
+.ui.blue.segment:not(.inverted) {
+  border-top: 2px solid #2185D0 !important;
+}
+.ui.inverted.blue.segment {
+  background-color: #2185D0 !important;
+  color: #FFFFFF !important;
+}
+
+/* Violet */
+.ui.violet.segment:not(.inverted) {
+  border-top: 2px solid #6435C9 !important;
+}
+.ui.inverted.violet.segment {
+  background-color: #6435C9 !important;
+  color: #FFFFFF !important;
+}
+
+/* Purple */
+.ui.purple.segment:not(.inverted) {
+  border-top: 2px solid #A333C8 !important;
+}
+.ui.inverted.purple.segment {
+  background-color: #A333C8 !important;
+  color: #FFFFFF !important;
+}
+
+/* Pink */
+.ui.pink.segment:not(.inverted) {
+  border-top: 2px solid #E03997 !important;
+}
+.ui.inverted.pink.segment {
+  background-color: #E03997 !important;
+  color: #FFFFFF !important;
+}
+
+/* Brown */
+.ui.brown.segment:not(.inverted) {
+  border-top: 2px solid #A5673F !important;
+}
+.ui.inverted.brown.segment {
+  background-color: #A5673F !important;
+  color: #FFFFFF !important;
+}
+
+/* Grey */
+.ui.grey.segment:not(.inverted) {
+  border-top: 2px solid #767676 !important;
+}
+.ui.inverted.grey.segment {
+  background-color: #767676 !important;
+  color: #FFFFFF !important;
+}
+
+/* Black */
+.ui.black.segment:not(.inverted) {
+  border-top: 2px solid #1B1C1D !important;
+}
+.ui.inverted.black.segment {
+  background-color: #1B1C1D !important;
+  color: #FFFFFF !important;
+}
+
+/*-------------------
+       Aligned
+--------------------*/
+
+.ui[class*="left aligned"].segment {
+  text-align: left;
+}
+.ui[class*="right aligned"].segment {
+  text-align: right;
+}
+.ui[class*="center aligned"].segment {
+  text-align: center;
+}
+
+/*-------------------
+       Floated
+--------------------*/
+
+.ui.floated.segment,
+.ui[class*="left floated"].segment {
+  float: left;
+  margin-right: 1em;
+}
+.ui[class*="right floated"].segment {
+  float: right;
+  margin-left: 1em;
+}
+
+/*-------------------
+      Inverted
+--------------------*/
+
+.ui.inverted.segment {
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+  background: #1B1C1D;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Nested */
+.ui.inverted.segment .segment {
+  color: rgba(0, 0, 0, 0.87);
+}
+.ui.inverted.segment .inverted.segment {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Attached */
+.ui.inverted.attached.segment {
+  border-color: #555555;
+}
+
+/*-------------------
+     Emphasis
+--------------------*/
+
+
+/* Secondary */
+.ui.secondary.segment {
+  background: #F3F4F5;
+  color: rgba(0, 0, 0, 0.6);
+}
+.ui.secondary.inverted.segment {
+  background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
+  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
+  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+/* Tertiary */
+.ui.tertiary.segment {
+  background: #DCDDDE;
+  color: rgba(0, 0, 0, 0.6);
+}
+.ui.tertiary.inverted.segment {
+  background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
+  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
+  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+/*-------------------
+      Attached
+--------------------*/
+
+
+/* Middle */
+.ui.attached.segment {
+  top: 0px;
+  bottom: 0px;
+  border-radius: 0px;
+  margin: 0em -1px;
+  width: calc(100% - (-1px * 2));
+  max-width: calc(100% - (-1px * 2));
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: 1px solid #D4D4D5;
+}
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+  border-top: none;
+}
+
+/* Top */
+.ui[class*="top attached"].segment {
+  bottom: 0px;
+  margin-bottom: 0em;
+  top: 0px;
+  margin-top: 1rem;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+.ui.segment[class*="top attached"]:first-child {
+  margin-top: 0em;
+}
+
+/* Bottom */
+.ui.segment[class*="bottom attached"] {
+  bottom: 0px;
+  margin-top: 0em;
+  top: 0px;
+  margin-bottom: 1rem;
+  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+.ui.segment[class*="bottom attached"]:last-child {
+  margin-bottom: 0em;
+}
+
+/*-------------------
+        Size
+--------------------*/
+
+.ui.mini.segments .segment,
+.ui.mini.segment {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.segments .segment,
+.ui.tiny.segment {
+  font-size: 0.85714286rem;
+}
+.ui.small.segments .segment,
+.ui.small.segment {
+  font-size: 0.92857143rem;
+}
+.ui.segments .segment,
+.ui.segment {
+  font-size: 1rem;
+}
+.ui.large.segments .segment,
+.ui.large.segment {
+  font-size: 1.14285714rem;
+}
+.ui.big.segments .segment,
+.ui.big.segment {
+  font-size: 1.28571429rem;
+}
+.ui.huge.segments .segment,
+.ui.huge.segment {
+  font-size: 1.42857143rem;
+}
+.ui.massive.segments .segment,
+.ui.massive.segment {
+  font-size: 1.71428571rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/sidebar.css

@@ -0,0 +1,638 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Sidebar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Sidebar
+*******************************/
+
+
+/* Sidebar Menu */
+.ui.sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-transition: none;
+  transition: none;
+  will-change: transform;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  visibility: hidden;
+  -webkit-overflow-scrolling: touch;
+  height: 100% !important;
+  max-height: 100%;
+  border-radius: 0em !important;
+  margin: 0em !important;
+  overflow-y: auto !important;
+  z-index: 102;
+}
+
+/* GPU Layers for Child Elements */
+.ui.sidebar > * {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+
+/*--------------
+   Direction
+---------------*/
+
+.ui.left.sidebar {
+  right: auto;
+  left: 0px;
+  -webkit-transform: translate3d(-100%, 0, 0);
+          transform: translate3d(-100%, 0, 0);
+}
+.ui.right.sidebar {
+  right: 0px !important;
+  left: auto !important;
+  -webkit-transform: translate3d(100%, 0%, 0);
+          transform: translate3d(100%, 0%, 0);
+}
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+  width: 100% !important;
+  height: auto !important;
+}
+.ui.top.sidebar {
+  top: 0px !important;
+  bottom: auto !important;
+  -webkit-transform: translate3d(0, -100%, 0);
+          transform: translate3d(0, -100%, 0);
+}
+.ui.bottom.sidebar {
+  top: auto !important;
+  bottom: 0px !important;
+  -webkit-transform: translate3d(0, 100%, 0);
+          transform: translate3d(0, 100%, 0);
+}
+
+/*--------------
+     Pushable
+---------------*/
+
+.pushable {
+  height: 100%;
+  overflow-x: hidden;
+  padding: 0em !important;
+}
+
+/* Whole Page */
+body.pushable {
+  background: #545454 !important;
+}
+
+/* Page Context */
+.pushable:not(body) {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+.pushable:not(body) > .ui.sidebar,
+.pushable:not(body) > .fixed,
+.pushable:not(body) > .pusher:after {
+  position: absolute;
+}
+
+/*--------------
+     Fixed
+---------------*/
+
+.pushable > .fixed {
+  position: fixed;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+  will-change: transform;
+  z-index: 101;
+}
+
+/*--------------
+     Page
+---------------*/
+
+.pushable > .pusher {
+  position: relative;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  overflow: hidden;
+  min-height: 100%;
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+  z-index: 2;
+}
+body.pushable > .pusher {
+  background: #FFFFFF;
+}
+
+/* Pusher should inherit background from context */
+.pushable > .pusher {
+  background: inherit;
+}
+
+/*--------------
+     Dimmer
+---------------*/
+
+.pushable > .pusher:after {
+  position: fixed;
+  top: 0px;
+  right: 0px;
+  content: '';
+  background-color: rgba(0, 0, 0, 0.4);
+  overflow: hidden;
+  opacity: 0;
+  -webkit-transition: opacity 500ms;
+  transition: opacity 500ms;
+  will-change: opacity;
+  z-index: 1000;
+}
+
+/*--------------
+    Coupling
+---------------*/
+
+.ui.sidebar.menu .item {
+  border-radius: 0em !important;
+}
+
+
+/*******************************
+            States
+*******************************/
+
+
+/*--------------
+     Dimmed
+---------------*/
+
+.pushable > .pusher.dimmed:after {
+  width: 100% !important;
+  height: 100% !important;
+  opacity: 1 !important;
+}
+
+/*--------------
+    Animating
+---------------*/
+
+.ui.animating.sidebar {
+  visibility: visible;
+}
+
+/*--------------
+     Visible
+---------------*/
+
+.ui.visible.sidebar {
+  visibility: visible;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+
+/* Shadow Direction */
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+  -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+}
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+  -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+          box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+}
+
+/* Visible On Load */
+.ui.visible.left.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .pusher {
+  -webkit-transform: translate3d(260px, 0, 0);
+          transform: translate3d(260px, 0, 0);
+}
+.ui.visible.right.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .pusher {
+  -webkit-transform: translate3d(-260px, 0, 0);
+          transform: translate3d(-260px, 0, 0);
+}
+.ui.visible.top.sidebar ~ .fixed,
+.ui.visible.top.sidebar ~ .pusher {
+  -webkit-transform: translate3d(0, 36px, 0);
+          transform: translate3d(0, 36px, 0);
+}
+.ui.visible.bottom.sidebar ~ .fixed,
+.ui.visible.bottom.sidebar ~ .pusher {
+  -webkit-transform: translate3d(0, -36px, 0);
+          transform: translate3d(0, -36px, 0);
+}
+
+/* opposite sides visible forces content overlay */
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+
+/*--------------
+       iOS
+---------------*/
+
+
+
+/*******************************
+          Variations
+*******************************/
+
+
+/*--------------
+     Width
+---------------*/
+
+
+/* Left / Right */
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+  width: 150px;
+}
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+  width: 60px;
+}
+.ui.left.sidebar,
+.ui.right.sidebar {
+  width: 260px;
+}
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+  width: 350px;
+}
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+  width: 475px;
+}
+
+/* Left Visible */
+.ui.visible.thin.left.sidebar ~ .fixed,
+.ui.visible.thin.left.sidebar ~ .pusher {
+  -webkit-transform: translate3d(150px, 0, 0);
+          transform: translate3d(150px, 0, 0);
+}
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+  -webkit-transform: translate3d(60px, 0, 0);
+          transform: translate3d(60px, 0, 0);
+}
+.ui.visible.wide.left.sidebar ~ .fixed,
+.ui.visible.wide.left.sidebar ~ .pusher {
+  -webkit-transform: translate3d(350px, 0, 0);
+          transform: translate3d(350px, 0, 0);
+}
+.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
+  -webkit-transform: translate3d(475px, 0, 0);
+          transform: translate3d(475px, 0, 0);
+}
+
+/* Right Visible */
+.ui.visible.thin.right.sidebar ~ .fixed,
+.ui.visible.thin.right.sidebar ~ .pusher {
+  -webkit-transform: translate3d(-150px, 0, 0);
+          transform: translate3d(-150px, 0, 0);
+}
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+  -webkit-transform: translate3d(-60px, 0, 0);
+          transform: translate3d(-60px, 0, 0);
+}
+.ui.visible.wide.right.sidebar ~ .fixed,
+.ui.visible.wide.right.sidebar ~ .pusher {
+  -webkit-transform: translate3d(-350px, 0, 0);
+          transform: translate3d(-350px, 0, 0);
+}
+.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
+  -webkit-transform: translate3d(-475px, 0, 0);
+          transform: translate3d(-475px, 0, 0);
+}
+
+
+/*******************************
+          Animations
+*******************************/
+
+
+/*--------------
+    Overlay
+---------------*/
+
+
+/* Set-up */
+.ui.overlay.sidebar {
+  z-index: 102;
+}
+
+/* Initial */
+.ui.left.overlay.sidebar {
+  -webkit-transform: translate3d(-100%, 0%, 0);
+          transform: translate3d(-100%, 0%, 0);
+}
+.ui.right.overlay.sidebar {
+  -webkit-transform: translate3d(100%, 0%, 0);
+          transform: translate3d(100%, 0%, 0);
+}
+.ui.top.overlay.sidebar {
+  -webkit-transform: translate3d(0%, -100%, 0);
+          transform: translate3d(0%, -100%, 0);
+}
+.ui.bottom.overlay.sidebar {
+  -webkit-transform: translate3d(0%, 100%, 0);
+          transform: translate3d(0%, 100%, 0);
+}
+
+/* Animation */
+.animating.ui.overlay.sidebar,
+.ui.visible.overlay.sidebar {
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+}
+
+/* End - Sidebar */
+.ui.visible.left.overlay.sidebar {
+  -webkit-transform: translate3d(0%, 0%, 0);
+          transform: translate3d(0%, 0%, 0);
+}
+.ui.visible.right.overlay.sidebar {
+  -webkit-transform: translate3d(0%, 0%, 0);
+          transform: translate3d(0%, 0%, 0);
+}
+.ui.visible.top.overlay.sidebar {
+  -webkit-transform: translate3d(0%, 0%, 0);
+          transform: translate3d(0%, 0%, 0);
+}
+.ui.visible.bottom.overlay.sidebar {
+  -webkit-transform: translate3d(0%, 0%, 0);
+          transform: translate3d(0%, 0%, 0);
+}
+
+/* End - Pusher */
+.ui.visible.overlay.sidebar ~ .fixed,
+.ui.visible.overlay.sidebar ~ .pusher {
+  -webkit-transform: none !important;
+          transform: none !important;
+}
+
+/*--------------
+      Push
+---------------*/
+
+
+/* Initial */
+.ui.push.sidebar {
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+  z-index: 102;
+}
+
+/* Sidebar - Initial */
+.ui.left.push.sidebar {
+  -webkit-transform: translate3d(-100%, 0, 0);
+          transform: translate3d(-100%, 0, 0);
+}
+.ui.right.push.sidebar {
+  -webkit-transform: translate3d(100%, 0, 0);
+          transform: translate3d(100%, 0, 0);
+}
+.ui.top.push.sidebar {
+  -webkit-transform: translate3d(0%, -100%, 0);
+          transform: translate3d(0%, -100%, 0);
+}
+.ui.bottom.push.sidebar {
+  -webkit-transform: translate3d(0%, 100%, 0);
+          transform: translate3d(0%, 100%, 0);
+}
+
+/* End */
+.ui.visible.push.sidebar {
+  -webkit-transform: translate3d(0%, 0, 0);
+          transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+    Uncover
+---------------*/
+
+
+/* Initial */
+.ui.uncover.sidebar {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  z-index: 1;
+}
+
+/* End */
+.ui.visible.uncover.sidebar {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+}
+
+/*--------------
+   Slide Along
+---------------*/
+
+
+/* Initial */
+.ui.slide.along.sidebar {
+  z-index: 1;
+}
+
+/* Sidebar - Initial */
+.ui.left.slide.along.sidebar {
+  -webkit-transform: translate3d(-50%, 0, 0);
+          transform: translate3d(-50%, 0, 0);
+}
+.ui.right.slide.along.sidebar {
+  -webkit-transform: translate3d(50%, 0, 0);
+          transform: translate3d(50%, 0, 0);
+}
+.ui.top.slide.along.sidebar {
+  -webkit-transform: translate3d(0, -50%, 0);
+          transform: translate3d(0, -50%, 0);
+}
+.ui.bottom.slide.along.sidebar {
+  -webkit-transform: translate3d(0%, 50%, 0);
+          transform: translate3d(0%, 50%, 0);
+}
+
+/* Animation */
+.ui.animating.slide.along.sidebar {
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+}
+
+/* End */
+.ui.visible.slide.along.sidebar {
+  -webkit-transform: translate3d(0%, 0, 0);
+          transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+   Slide Out
+---------------*/
+
+
+/* Initial */
+.ui.slide.out.sidebar {
+  z-index: 1;
+}
+
+/* Sidebar - Initial */
+.ui.left.slide.out.sidebar {
+  -webkit-transform: translate3d(50%, 0, 0);
+          transform: translate3d(50%, 0, 0);
+}
+.ui.right.slide.out.sidebar {
+  -webkit-transform: translate3d(-50%, 0, 0);
+          transform: translate3d(-50%, 0, 0);
+}
+.ui.top.slide.out.sidebar {
+  -webkit-transform: translate3d(0%, 50%, 0);
+          transform: translate3d(0%, 50%, 0);
+}
+.ui.bottom.slide.out.sidebar {
+  -webkit-transform: translate3d(0%, -50%, 0);
+          transform: translate3d(0%, -50%, 0);
+}
+
+/* Animation */
+.ui.animating.slide.out.sidebar {
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+}
+
+/* End */
+.ui.visible.slide.out.sidebar {
+  -webkit-transform: translate3d(0%, 0, 0);
+          transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+   Scale Down
+---------------*/
+
+
+/* Initial */
+.ui.scale.down.sidebar {
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+  z-index: 102;
+}
+
+/* Sidebar - Initial  */
+.ui.left.scale.down.sidebar {
+  -webkit-transform: translate3d(-100%, 0, 0);
+          transform: translate3d(-100%, 0, 0);
+}
+.ui.right.scale.down.sidebar {
+  -webkit-transform: translate3d(100%, 0, 0);
+          transform: translate3d(100%, 0, 0);
+}
+.ui.top.scale.down.sidebar {
+  -webkit-transform: translate3d(0%, -100%, 0);
+          transform: translate3d(0%, -100%, 0);
+}
+.ui.bottom.scale.down.sidebar {
+  -webkit-transform: translate3d(0%, 100%, 0);
+          transform: translate3d(0%, 100%, 0);
+}
+
+/* Pusher - Initial */
+.ui.scale.down.left.sidebar ~ .pusher {
+  -webkit-transform-origin: 75% 50%;
+          transform-origin: 75% 50%;
+}
+.ui.scale.down.right.sidebar ~ .pusher {
+  -webkit-transform-origin: 25% 50%;
+          transform-origin: 25% 50%;
+}
+.ui.scale.down.top.sidebar ~ .pusher {
+  -webkit-transform-origin: 50% 75%;
+          transform-origin: 50% 75%;
+}
+.ui.scale.down.bottom.sidebar ~ .pusher {
+  -webkit-transform-origin: 50% 25%;
+          transform-origin: 50% 25%;
+}
+
+/* Animation */
+.ui.animating.scale.down > .visible.ui.sidebar {
+  -webkit-transition: -webkit-transform 500ms ease;
+  transition: -webkit-transform 500ms ease;
+  transition: transform 500ms ease;
+  transition: transform 500ms ease, -webkit-transform 500ms ease;
+}
+.ui.visible.scale.down.sidebar ~ .pusher,
+.ui.animating.scale.down.sidebar ~ .pusher {
+  display: block !important;
+  width: 100%;
+  height: 100%;
+  overflow: hidden !important;
+}
+
+/* End */
+.ui.visible.scale.down.sidebar {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+.ui.visible.scale.down.sidebar ~ .pusher {
+  -webkit-transform: scale(0.75);
+          transform: scale(0.75);
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Resources/Web/orpa/styleset/site.css

@@ -0,0 +1,214 @@
+ /*
+ * # Semantic UI - 2.4.2
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*!
+ * # Semantic UI - Site
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+             Page
+*******************************/
+
+@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
+html,
+body {
+  height: 100%;
+}
+html {
+  font-size: 14px;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+  overflow-x: hidden;
+  min-width: 320px;
+  background: #FFFFFF;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-size: 14px;
+  line-height: 1.4285em;
+  color: rgba(0, 0, 0, 0.87);
+  font-smoothing: antialiased;
+}
+
+
+/*******************************
+             Headers
+*******************************/
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  line-height: 1.28571429em;
+  margin: calc(2rem -  0.14285714em ) 0em 1rem;
+  font-weight: bold;
+  padding: 0em;
+}
+h1 {
+  min-height: 1rem;
+  font-size: 2rem;
+}
+h2 {
+  font-size: 1.71428571rem;
+}
+h3 {
+  font-size: 1.28571429rem;
+}
+h4 {
+  font-size: 1.07142857rem;
+}
+h5 {
+  font-size: 1rem;
+}
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
+  margin-top: 0em;
+}
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child {
+  margin-bottom: 0em;
+}
+
+
+/*******************************
+             Text
+*******************************/
+
+p {
+  margin: 0em 0em 1em;
+  line-height: 1.4285em;
+}
+p:first-child {
+  margin-top: 0em;
+}
+p:last-child {
+  margin-bottom: 0em;
+}
+
+/*-------------------
+        Links
+--------------------*/
+
+a {
+  color: #4183C4;
+  text-decoration: none;
+}
+a:hover {
+  color: #1e70bf;
+  text-decoration: none;
+}
+
+
+/*******************************
+         Scrollbars
+*******************************/
+
+
+
+/*******************************
+          Highlighting
+*******************************/
+
+
+/* Site */
+::-webkit-selection {
+  background-color: #CCE2FF;
+  color: rgba(0, 0, 0, 0.87);
+}
+::-moz-selection {
+  background-color: #CCE2FF;
+  color: rgba(0, 0, 0, 0.87);
+}
+::selection {
+  background-color: #CCE2FF;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/* Form */
+textarea::-webkit-selection,
+input::-webkit-selection {
+  background-color: rgba(100, 100, 100, 0.4);
+  color: rgba(0, 0, 0, 0.87);
+}
+textarea::-moz-selection,
+input::-moz-selection {
+  background-color: rgba(100, 100, 100, 0.4);
+  color: rgba(0, 0, 0, 0.87);
+}
+textarea::selection,
+input::selection {
+  background-color: rgba(100, 100, 100, 0.4);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/* Force Simple Scrollbars */
+body ::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 10px;
+  height: 10px;
+}
+body ::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 0px;
+}
+body ::-webkit-scrollbar-thumb {
+  cursor: pointer;
+  border-radius: 5px;
+  background: rgba(0, 0, 0, 0.25);
+  -webkit-transition: color 0.2s ease;
+  transition: color 0.2s ease;
+}
+body ::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(0, 0, 0, 0.15);
+}
+body ::-webkit-scrollbar-thumb:hover {
+  background: rgba(128, 135, 139, 0.8);
+}
+
+/* Inverted UI */
+body .ui.inverted::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.1);
+}
+body .ui.inverted::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.25);
+}
+body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(255, 255, 255, 0.15);
+}
+body .ui.inverted::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.35);
+}
+
+
+/*******************************
+        Global Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

Sources/pyOpenRPA/Utils/Render.py

@@ -16,11 +16,13 @@ class Render():
         Hello my control panel!
         You can use any def from Orchestrator module here in Jinja2 HTML template:
         Example: OrchestratorModule.OSCMD(inCMDStr="notepad")
-        {{MathModule.pi}}
+        {{MathModule.pi}} # Обратиться к переменной 
         {% if UserInfoDict['UserNameUpperStr']=="ND" %}
         YES - IT IS ND
         {% endif %}
 
+        {% include 'test2.txt' %} # Добавить содержимого другого файла. Подняться выше нельзя через .. 
+
     """
     # Jinja2 consolidated
     mTemplateRefreshBool = None

Sources/setup.py

@@ -29,7 +29,7 @@ datafile = "pyOpenRPA\\LICENSE.pdf"
 datafiles = datafiles + [datafile]
 setup(name='pyOpenRPA',
       version=Version.Get(".."),
-      description='First open source RPA platform for business',
+      description='The powerful open source RPA platform for business',
       long_description=LongDescriptionRead(),
       long_description_content_type='text/markdown',
       classifiers=[

Utils/Jupyter-notebooks/Clipboard.ipynb

@@ -3,7 +3,6 @@
   {
    "cell_type": "code",
    "execution_count": 1,
-   "id": "f264954d",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -18,7 +17,6 @@
   {
    "cell_type": "code",
    "execution_count": 5,
-   "id": "ad79c144",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -30,7 +28,6 @@
   {
    "cell_type": "code",
    "execution_count": 6,
-   "id": "31993162",
    "metadata": {},
    "outputs": [
     {
@@ -51,7 +48,6 @@
   {
    "cell_type": "code",
    "execution_count": 9,
-   "id": "6a193b1a",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -63,7 +59,6 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "fd722cd8",
    "metadata": {},
    "outputs": [],
    "source": []
@@ -71,7 +66,7 @@
  ],
  "metadata": {
   "kernelspec": {
-   "display_name": "Python 3 (ipykernel)",
+   "display_name": "Python 3",
    "language": "python",
    "name": "python3"
   },
@@ -85,7 +80,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.10.5"
+   "version": "3.7.2"
   }
  },
  "nbformat": 4,

Utils/Jupyter-notebooks/Sandbox.ipynb

@@ -0,0 +1,59 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 8,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "ОШИБКА ПРИ ГЕНЕРАЦИИ ТЕКСТА ИЗ ШАБЛОНА JINJA2\n",
+      "None\n"
+     ]
+    }
+   ],
+   "source": [
+    "import sys\n",
+    "import os\n",
+    "sys.path.insert(0, os.path.abspath(\"..\\\\..\\\\Sources\")) # FOR WINDOWS\n",
+    "#sys.path.insert(0, os.path.abspath(\"../../Sources\")) # FOR LINUX\n",
+    "import time\n",
+    "\n",
+    "# Пример использования\n",
+    "from pyOpenRPA.Utils.Render import Render\n",
+    "lRender = Render(inTemplatePathStr=\"test.txt\", inTemplateRefreshBool = True)\n",
+    "print(lRender.Generate(inDataDict={\"Const\":123}))"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.7.2"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 4
+}

Utils/Jupyter-notebooks/test.txt

@@ -0,0 +1,8 @@
+        Hello my control panel!
+        You can use any def from Orchestrator module here in Jinja2 HTML template:
+        Example: OrchestratorModule.OSCMD(inCMDStr="notepad")
+        {{Const}}
+        {% if Const=="ND" %}
+        YES - IT IS ND
+        {% endif %}
+{% include 'test2.txt' %}