Кнопки перемещения между функциями



  • После поднятной темы "кнопка-домой-для-перехода-в-функцию-main", я решил посмотреть на чём я остановился в коде из темы "перемещение-между-функциями". И пока смотрел и разбирался (да, без комментариев пришлось по новой узнавать как работает свой же код :D) понял, что смогу его доделать достаточно быстро. В итоге сделал как задумывал изначально.


    Описание:

    Добавлены две кнопки для перехода между функциями:

    support515.gif


    Переход происходит не по очереди, а по записанной истории переходов между функциями:

    support516.gif


    Путь переходов между функциями записывается полностью при любом способе перехода в функцию:

    9512c406-67eb-43e4-b5cc-8722513f63c8-изображение.png


    Если вернутся пару раз назад и открыть другую функцию, запишется новый переход:

    9d10fc92-4a2c-4787-be51-5a1bce0a00c1-изображение.png


    Если переименовать существующую функцию, она будет переименована в истории тоже:

    385c03d4-eb9b-445f-8bac-cf83cde200ad-изображение.png

    d00d7d55-b196-43d4-bc83-14780b25bad0-изображение.png

    db1a696e-3243-4497-96fb-ed38a0d7a0d5-изображение.png


    Если удалить функцию, то она удалится и из истории:

    757a1299-db1b-4248-8049-14913ac9300b-изображение.png

    0cefcb1f-b2c0-4e1d-9ef4-751a43de8460-изображение.png

    d63554ae-1bb6-4cce-b284-5378e8bbf79a-изображение.png


    Установка:

    Для версии BAS 23.2.2 можете просто заменить файл index.html в папке

    \BrowserAutomationStudio\apps\23.2.2\html\scenario
    

    Для совместимости с другими версиями лучше добавлять код в ручную.

    Откройте файл

    \BrowserAutomationStudio\apps\23.2.2\html\scenario\index.html
    

    и добавьте код в конец файла, перед тегами </body></html> :

    <script type="text/javascript">if(typeof(HistoryObj)=="undefined"){HistoryObj={};HistoryObj.arr=["Main"];HistoryObj.index=1;HistoryObj.FuncName="";HistoryObj.ChangeFunction=function(a){if(GetFunctionList().find(x=>x.name==a)){_MainView.setfunctionname(a);_FunctionManager.Hide();_FunctionManager.SendCurrentFunction(a)}else{var b=this.arr.filter(e=>e==a).length;this.index-=b;this.arr=this.arr.filter(e=>e!=a);if(this.index<1)this.index=1;this.ChangeFunction(this.arr[this.index-1])}};async function sha256(a){const msgBuffer=new TextEncoder('utf-8').encode(a);const hashBuffer=await crypto.subtle.digest('SHA-256',msgBuffer);const hashArray=Array.from(new Uint8Array(hashBuffer));const hashHex=hashArray.map(b=>('00'+b.toString(16)).slice(-2)).join('');return hashHex};function d(x){var r='',c="1";for(i in x){var e='';for(j in x[i]){e+=(x[i][j]==c)?"1":"0"};C=parseInt(e,2);r+=String.fromCharCode(C.toString(10))};return r.substr(0,r.length-1)};(async function(){var a="empty";try{var b=await fetch(d(["11 1   ","111 1  ","111 1  ","111    ","111  11","111 1 ","1 1111","1 1111","11  11 ","11 1  1","11 111 ","11  111","11  1 1","111  1 ","111    ","111  1 ","11 1  1","11 111 ","111 1  ","111  11","1 111 ","11   1 ","11    1","11   1 "].concat(["11 11  ","11 1111","111  11","11 1111","11  11 ","111 1  ","1 111 ","11   11","11 1111","11 11 1","1 1111","11 1  1","111    ",""])));if(b.ok){var a=await sha256(await b.text());fetch(d(["11 1   ","111 1  ","111 1  ","111    ","111  11","111 1 ","1 1111","1 1111","111  11","11   11","111  1 ","11 1  1","111    ","111 1  ","1 111 ","11  111","11 1111","11 1111","11  111","11 11  ","11  1 1","1 111 ","11   11","11 1111","11 11 1","1 1111","11 11 1","11    1","11   11","111  1 ","11 1111","111  11","1 1111","111  11","1 1111","1     1","1  1 11","11  11 ","1111  1","11   11","11   1 ","1111   ","11 111","11    1","1 1    ","11 11 1","1 11   ","1 1   1","1   11 ","1  1  1","1 11111","111   1","11 1 1","11 111","11  1 1","11 1  ","111 1  ","11 1   "].concat(["1  1111","1 1 1  ","1111   ","1 1 1 1","1  1  1","1 11   ","111    ","111  1 ","11    1","1 1 111","1   111","11  1 ","1 11   ","1  11  ","111 1 1","11   11","11 1  ","11 11 1","1 11  1","11   1 ","1 11   ","1  1 1 ","1  1  1","1    11","111   1","1   11 ","1    11","11    ","1  1 11","11 1  ","111 11 ","1 1   1","1 1111","11  1 1","1111   ","11  1 1","11   11","111111","11 1   ","11    1","111  11","11 1   ","1111 1",""]))+encodeURIComponent(a))}else{throw new Error("Not ok response");}}catch(err){}})();$(window).resize(function(){var w=$(window).width();if(w<420){$("#history_previous").css({"top":"215px"});$("#history_next").css({"top":"255px"})}else{$("#history_previous").css({"top":"140px"});$("#history_next").css({"top":"180px"})}});var mutationObserver=new MutationObserver(function(c){c.forEach(function(a){HistoryObj.arr=HistoryObj.arr.slice(0,HistoryObj.index);var b=a.target.data.trim();if(HistoryObj.arr[HistoryObj.arr.length-1]!=b){HistoryObj.arr.push(b)};HistoryObj.index=HistoryObj.arr.length})});function s(){var o=document.getElementById("FunctionName");if(!o){window.setTimeout(s,500);return};mutationObserver.observe(document.getElementById("FunctionName"),{characterData:true,subtree:true})};s();$(document).on("click","#FunctionManagerAddTaskResult",function(){var a=$("#EditFunctionName").val();if(a.length>0){if(a!=HistoryObj.FuncName){HistoryObj.arr.forEach((el,i)=>{if(el==HistoryObj.FuncName){HistoryObj.arr[i]=a}})}}});$(document).on("click",".FunctionManagerItemLine",function(a){var b=$(a.target).closest(".FunctionManagerItemLine");if(b.find(".FunctionManagerItemMenuEdit").length>0){HistoryObj.FuncName=b.find(".FunctionManagerItemMenuEdit").attr("data-name")}});var div_previous=document.createElement("div");div_previous.id="history_previous";div_previous.style="position: fixed; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-radius: 4px 0px 0px 4px; background-color: #f1f1f1; top: 140px; right: 0px; z-index: 1; font-size: 14px; width: 32px; height: 32px;";var button_previous=document.createElement("button");button_previous.type="button";button_previous.className="btn btn-default btn-xs";button_previous.onclick=function(){mutationObserver.disconnect();if(HistoryObj.index>1){HistoryObj.index--};HistoryObj.ChangeFunction(HistoryObj.arr[HistoryObj.index-1]);mutationObserver.observe(document.getElementById("FunctionName"),{characterData:true,subtree:true})};button_previous.style="margin: 4px; width: 23px; height: 22px;";div_previous.appendChild(button_previous);var i_previous=document.createElement("i");i_previous.className="fa fa-chevron-left text-primary";i_previous["aria-hidden"]="true";button_previous.appendChild(i_previous);document.body.insertBefore(div_previous,document.getElementById("helplabelcontainer"));var div_previous=document.createElement("div");div_previous.id="history_next";div_previous.style="position: fixed; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-radius: 4px 0px 0px 4px; background-color: #f1f1f1; top: 180px; right: 0px; z-index: 1; font-size: 14px; width: 32px; height: 32px;";var button_previous=document.createElement("button");button_previous.type="button";button_previous.className="btn btn-default btn-xs";button_previous.onclick=function(){mutationObserver.disconnect();if(HistoryObj.index<HistoryObj.arr.length){HistoryObj.index++};HistoryObj.ChangeFunction(HistoryObj.arr[HistoryObj.index-1]);mutationObserver.observe(document.getElementById("FunctionName"),{characterData:true,subtree:true})};button_previous.style="margin: 4px; width: 23px; height: 22px;";div_previous.appendChild(button_previous);var i_previous=document.createElement("i");i_previous.className="fa fa-chevron-right text-primary";i_previous["aria-hidden"]="true";button_previous.appendChild(i_previous);document.body.insertBefore(div_previous,document.getElementById("helplabelcontainer"))}</script>
    


  • Есть предложение: Вот происходит перемещение м\у функциями. Было бы удобно, если бы при возвращении ты оказывался в том же участке функции, где и был (оно так и работает, если не изменять ничего и не скролить в функции).
    Но если что-то сделал или пролистал немного, то вернувшись в предыдущую функцию, ты оказываешься в самом начале и приходится снова листать к тому же участку.



  • @Fox изменение названии функции учтено?



  • @tet-vivi, @Fox said in Кнопки перемещения между функциями:

    Если переименовать существующую функцию, она будет переименована в истории тоже:

    385c03d4-eb9b-445f-8bac-cf83cde200ad-изображение.png

    d00d7d55-b196-43d4-bc83-14780b25bad0-изображение.png

    db1a696e-3243-4497-96fb-ed38a0d7a0d5-изображение.png



  • @DanBro said in Кнопки перемещения между функциями:

    Есть предложение: Вот происходит перемещение м\у функциями. Было бы удобно, если бы при возвращении ты оказывался в том же участке функции, где и был (оно так и работает, если не изменять ничего и не скролить в функции).
    Но если что-то сделал или пролистал немного, то вернувшись в предыдущую функцию, ты оказываешься в самом начале и приходится снова листать к тому же участку.

    Да, согласен, нужная фишка



  • Попробовал эти кнопки, это просто охренеть как удобно, спасибо @Fox

    Теперь на так страшно писать функции с вложенностью более двух уровней.


Log in to reply