Merge pull request #401 from AutomationSolutionz/recorder

New improvements of Recorder

Author: Muntasib-creator

Apps/Web/AI_Recorder/background/back.js

@@ -62,7 +62,7 @@ function getWindowSize(callback) {
         // var width = 1110;
         var win = await chrome.windows.getCurrent();
         var height = Math.round(win.height*0.9);
-        var width = Math.round(win.width*0.6);
+        var width = Math.round(win.width*0.5);
         if (result) {
             try {
                 result = result.window;

Apps/Web/AI_Recorder/background/back_reocrder.js

@@ -24,8 +24,10 @@ var action_name_convert = {
 }
 
 async function start_recording(){
-    idx = 0;
-    recorded_actions = [];    
+    let res = await browserAppData.storage.local.get('recorded_actions');    
+    recorded_actions = res.recorded_actions;
+    idx = recorded_actions.length;
+
 }
 async function stop_recording(){
     // When there are 2 iframes. it saves 3 times. this is a temporary fix. Should be fixed properly
@@ -118,7 +120,8 @@ async function fetchAIData(idx, command, value, url, document){
         value = 10;
     }
     response[0].short.value = value;
-    if (value) response[0].data_set[response[0].data_set.length-1][response[0].data_set[0].length-1] = value;
+    if (command === 'text') response[0].data_set[response[0].data_set.length-1][response[0].data_set[0].length-1] = value;
+    else if (value) response[0].data_set[response[0].data_set.length-1][response[0].data_set[0].length-1] = value;
     recorded_actions[idx] = {
         action: response[0].short.action,
         data_list: [response[0].short.value],
@@ -139,7 +142,8 @@ async function record_action(command, value, url, document){
     if (Object.keys(action_name_convert).includes(command)) command = action_name_convert[command]
     console.log("... Action recorder start");
     idx += 1;
-    if (recorded_actions.length === 0 || recorded_actions.length > 0 && recorded_actions[0].action != 'go to link'){
+    if (recorded_actions.length === 0 || 
+        recorded_actions.length > 0 && typeof recorded_actions[0] == 'object' && recorded_actions[0].action != 'go to link'){
         let go_to_link = {
             action: 'go to link',
             data_list: [url],

Apps/Web/AI_Recorder/panel/assets/css/mystyle.css

@@ -80,7 +80,9 @@ body
 {
   background: white;
 }
-
+#content{
+  background-color: #eeeeee;
+}
 #header_tab li a {
   color: #9FC8FA;
 }
@@ -604,11 +606,6 @@ body
   display: inline;
 }
 
-
-
-
-
-
 .bottom_left_icon a
 {
   background: none;
@@ -628,21 +625,37 @@ body
    font-style: italic;
 }
 
-.tr{
+.tr:not(thead>tr){
   background-color:white;
+  cursor: grab;
+  border-radius: 15px;
+}
+#case_data_wrap tr td{
+  padding: 0;
+}
+.tr:active:not(thead>tr){
+  cursor: grabbing;
 }
 .td-no{
   min-width: 75px;
+  border-radius: 15px;
 }
 .table-custom{
   width: 640px;
 }
 .del-btn:hover{
   opacity: 1;
+  cursor: pointer;
+
+}
+.tr:hover .del-btn{
+  opacity: 0.75;
 }
 .del-btn{
-  /* visibility: hidden; */
-  opacity: 0.3;
+  opacity: 0;
+}
+.opacity1{
+  opacity: 1;
 }
 .font_black ::-webkit-input-placeholder
 {
@@ -757,9 +770,6 @@ body
   height: 41px;
   padding-left: 5px;
 }
-.show_text_box .has-input{
-  padding: 4px !important;
-}
 
 .disabled-case{
   opacity: 40%;
@@ -797,11 +807,6 @@ body
 .gray-font{
   color: #4a4a4acf
 }
-.case-sub-wrap td:first-child { 
-  padding-left: 0px; 
-  padding-right: 0px;
-  color: #4a4a4acf
-}
 .log_section_head_left_text h6{
   color: #4a4a4a;
   font-weight: bold;

Apps/Web/AI_Recorder/panel/assets/css/style.css

@@ -8220,6 +8220,32 @@ h1, h2, h3, h4, h5,
   /* Support for IE. */
   font-feature-settings: "liga";
 }
+.material-icons-outlined {
+  font-family: "Material Symbols Outlined";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  color: #ef0000;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: "liga";
+}
+
 .material-icons-label {
   font-size: 19px;
   color: white;

Apps/Web/AI_Recorder/panel/assets/js/background/play_back.js

@@ -79,9 +79,25 @@ window.onload = function() {
                 }
                 browser.tabs.query({windowId: extCommand.getContentWindowId(), url: "<all_urls>"})
                 .then(function(tabs) {
-                    for(let tab of tabs) {
-                        browser.tabs.sendMessage(tab.id, {attachRecorder: true});
+                    try {
+                        console.log("attachRecorder=true sendMessage() call");
+                        for(let tab of tabs) {
+                            browser.tabs.sendMessage(tab.id, {attachRecorder: true})
+                            .catch((error)=>{
+                                console.log('error in sendMessage from tab.url=', tab.url);
+                                console.error(error);
+                                if (tab.url.startsWith("http://") || tab.url.startsWith("https://")){
+                                    msg = (tabs.length == 1) ?
+                                    `Recorder Disconnected!\n  1. Close the Recorder\n  2. Refresh the page (optional)\n  3. Open Recorder again` :
+                                    `Recorder Disconnected!\n  1. Close the Recorder\n  2. Close all tabs except the main tab\n  3. Refresh the page (optional)\n  4. Open Recorder again` ;
+                                    alert(msg)
+                                }
+                            });
+                        }
+                    } catch (error) {
+                        console.error(error);
                     }
+                    
                 });
                 // recordButton.childNodes[1].textContent = " Stop";
                 // switchRecordButton(false);

Apps/Web/AI_Recorder/panel/assets/js/background/recorder.js

@@ -56,7 +56,7 @@ class BackgroundRecorder {
 				}
 			})
 			return;
-		}, 10000)
+		}, 30000)
     }
 
     /* Bind initial time */