[Add] disable states of buttons

Author: Muntasib-creator

Apps/Web/AI_Recorder/background/back.js

@@ -165,30 +165,3 @@ browserAppData.runtime.onInstalled.addListener(function (details) {
         console.log("Recorder Installed");
     }
 });
-
-browserAppData.runtime.onMessage.addListener(
-    function(request, sender, sendResponse) {
-        if (request.apiName == 'ai_single_action') {
-            var url = `${metaData.url}/ai_record_single_action/`
-            fetch(url, {
-                method: "POST",
-                headers: {
-                    // "Content-Type": "application/json",
-                    "X-Api-Key": metaData.apiKey,
-                },
-                body: request.data,
-            })
-            .then(response => response.json())
-            .then(text => {
-                console.log(text);
-                sendResponse(text);
-            })
-            .catch(error => {
-                console.error(error);
-                sendResponse("error");
-            })
-
-            return true;  // Will respond asynchronously.
-        }
-    }
-);

Apps/Web/AI_Recorder/background/back_reocrder.js

@@ -1,4 +1,3 @@
-
 var metaData = {};
 
 fetch("./data.json")
@@ -56,6 +55,10 @@ async function fetchAIData(idx, command, value, url, document){
         })
         return;
     }
+    recorded_actions[idx] = 'empty';
+    browserAppData.storage.local.set({
+        recorded_actions: recorded_actions,
+    })
     let validate_full_text_by_ai = false
     if (command === 'validate full text by ai'){
         command = 'validate full text';
@@ -85,17 +88,11 @@ async function fetchAIData(idx, command, value, url, document){
     let response = resp.ai_choices;
 
     if (validate_full_text_by_ai){
-        // let text_classifier = await browserAppData.runtime.sendMessage({
-        //     action: 'classify',
-        //     text: value,
-        // });
         let text_classifier = await browserAppData.runtime.sendMessage({
             action: 'content_classify',
             text: value,
         });
 
-        // let text_classifier = await classify(value);
-
         console.log("text_classifier", text_classifier);
         let label = text_classifier[0].label;
         label = label.charAt(0).toUpperCase() + label.slice(1).toLowerCase();

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

@@ -14,6 +14,24 @@ class BackgroundRecorder {
         this.contentWindowId = -1;
         this.attached = false;
         this.rebind();
+        setInterval(async ()=>{
+            if (!this.attached) return;
+			browserAppData.storage.local.get(null, function (result) {
+				if (result.recorded_actions.length === 0) return;
+                console.log("Opacity =================", result.recorded_actions);
+				for(let i = 0; i < result.recorded_actions.length; i++){
+					if (result.recorded_actions[i] === 'empty'){
+                        console.log("Opacity 2222 =================", result.recorded_actions);
+						$("#record_label").text("Waiting...");
+						$("#record").attr('disabled', true).css('opacity',0.5);
+						return;
+					}
+				}
+				$("#record").removeAttr('disabled').css('opacity',1);
+				$("#record_label").text("Stop");
+			})
+			return;
+		}, 500)
     }
 
     /* Bind initial time */

Apps/Web/AI_Recorder/panel/assets/js/custom.js

@@ -428,7 +428,7 @@ var CustomFunction = {
 	// This Function is called when Record_stop button is pressed
 	SaveCaseDataAsJson() {
 		setTimeout(()=>{	// Setting 0.5 sec so that the last action is saved properly in storage.local
-			chrome.storage.local.get(null, function (result) {
+			browserAppData.storage.local.get(null, function (result) {
 				try {
 					if (!result.recorded_actions) return;
 					CustomFunction.FetchChromeCaseData()
@@ -1021,7 +1021,7 @@ var CustomFunction = {
 
 	async FetchChromeCaseData() {
 		CustomFunction.caseDataArr = {};
-		result = await chrome.storage.local.get(null);
+		result = await browserAppData.storage.local.get(null);
 		try {
 			if (result.case_data) {
 				CustomFunction.caseDataArr = result.case_data;
@@ -1296,7 +1296,7 @@ var CustomFunction = {
 
 		/* Mange playing speed */
 		/* initial time set speed */
-		chrome.storage.local.get(null, function (result) {
+		browserAppData.storage.local.get(null, function (result) {
 			try {
 				if (result.speed_data) {
 					var speed_data = result.speed_data;
@@ -1389,6 +1389,7 @@ var CustomFunction = {
 		/* Save all newlly recorded actions with old actions and auto naming */
 		$(document).on('click', '#save_button', async function () {
 			$('#save_label').text('Saving...');
+			$("#save_button").attr('disabled', true).css('opacity',0.5);
 			CustomFunction.FetchChromeCaseData()
 			.then(async ()=>{
 				var result = await browserAppData.storage.local.get(["meta_data"]);
@@ -1418,7 +1419,10 @@ var CustomFunction = {
 					success: function(response) {
 					    console.log(response);
 						$('#save_label').text('Success!');
-					    setTimeout(()=>$('#save_label').text('Save'),1500)
+					    setTimeout(()=>{
+							$('#save_label').text('Save');
+							$("#save_button").removeAttr('disabled').css('opacity',1);
+						},1500)
 					},
 					error: function(jqXHR, textStatus, errorThrown) {
 						console.log(errorThrown);
@@ -1819,7 +1823,7 @@ var CustomFunction = {
 						selectedCase = $(this).data('mainindex'); //action
 						selectedStep = $(this).data('stepindex');
 
-						/* Update the chrome case date as disable */
+						/* Update the browserAppData case date as disable */
 						var textValue = 1;
 						var case_command = 'is_disable';
 						var case_index = $(this).data('mainindex');
@@ -1881,7 +1885,7 @@ var CustomFunction = {
 
 						if (!$('.parent_step' + selectedStep).hasClass('disabled-case')) {
 
-							/* Update the chrome case date as disable */
+							/* Update the browserAppData case date as disable */
 							var textValue = 0;
 							var case_command = 'is_disable';
 							var case_index = $(this).data('mainindex');
@@ -2327,7 +2331,7 @@ var CustomFunction = {
 			document.getElementById(section).style.display = "block";
 		})
 
-		chrome.storage.local.get(null, function (result) {
+		browserAppData.storage.local.get(null, function (result) {
 			try {
 				if (result.is_initial_app_open) {
 					$('.close_main_page').trigger('click');
@@ -2342,7 +2346,7 @@ var CustomFunction = {
 
 	InitialTimeCheckAuthUserOrNot() {
 		/* fetch username and password for browser storage */
-		chrome.storage.local.get(null, function (result) {
+		browserAppData.storage.local.get(null, function (result) {
 			try {
 				if (result.auth_data) {
 					var auth_data = result.auth_data;