update

app.py

@@ -68,7 +68,7 @@ observe_js = """
 			target.style.setProperty("--indication-dot-size", `${newWidth*0.025}px`);
 			target.style.setProperty("--indication-text-size", `${newWidth*0.035}px`);
 			
-			all_elem = target.querySelectorAll(":scope > label");
+			let all_elem = target.querySelectorAll(":scope > label");
 			Array.from(all_elem).forEach(item => {
 				item.querySelector(":scope > input").style.width = `${newWidth*0.025}px`;
 				item.querySelector(":scope > input").style.height = `${newWidth*0.025}px`;
@@ -85,6 +85,7 @@ init_js = """
 	stage1_info = JSON.parse(JSON.stringify(stage1_info));
 	channel_info = JSON.parse(JSON.stringify(channel_info));
 	
+	let selector, attribute;
 	if(stage1_info.state == "step2-selecting"){
 	    selector = "#radio-group > div:nth-of-type(2)";
 	    attribute = "value";
@@ -107,7 +108,8 @@ init_js = """
 	`;
 	
 	// move the radios/checkboxes
-	all_elem = div.querySelectorAll(":scope > label");
+	let name, left, bottom;
+	let all_elem = div.querySelectorAll(":scope > label");
 	Array.from(all_elem).forEach(item => {
 		name = item.querySelector(":scope > input").getAttribute(attribute);
 		left = channel_info.inputDict[name].css_position[0];
@@ -131,7 +133,7 @@ init_js = """
 	name = stage1_info.emptyTemplate[0];
 	left = channel_info.templateDict[name].css_position[0];
 	bottom = channel_info.templateDict[name].css_position[1];
-	dot_rule = `
+	const dot_rule = `
 		${selector}::before {
 			content: "";
 			position: absolute;
@@ -147,7 +149,7 @@ init_js = """
 	left = left.toString()+"%";
 	bottom = parseFloat(bottom.slice(0, -1));
 	bottom = bottom.toString()+"%";
-	txt_rule = `
+	const txt_rule = `
 		${selector}::after {
 			content: "${name}";
 			position: absolute;
@@ -177,6 +179,8 @@ update_js = """
 	stage1_info = JSON.parse(JSON.stringify(stage1_info));
 	channel_info = JSON.parse(JSON.stringify(channel_info));
 	
+	let selector;
+	let cnt, name, left, bottom;
 	if(stage1_info.state == "step2-selecting"){
 	    selector = "#radio-group > div:nth-of-type(2)";
 	    cnt = stage1_info.step2.count
@@ -199,7 +203,7 @@ update_js = """
 	name = stage1_info.emptyTemplate[cnt-1];
 	left = channel_info.templateDict[name].css_position[0];
 	bottom = channel_info.templateDict[name].css_position[1];
-	let dot_rule = `
+	const dot_rule = `
 		${selector}::before {
 			content: "";
 			position: absolute;
@@ -215,7 +219,7 @@ update_js = """
 	left = left.toString()+"%";
 	bottom = parseFloat(bottom.slice(0, -1));
 	bottom = bottom.toString()+"%";
-	let txt_rule = `
+	const txt_rule = `
 		${selector}::after {
 			content: "${name}";
 			position: absolute;