socket indicator

Author: bitrequest

assets_js_bitrequest_monitors.js

@@ -120,29 +120,31 @@ function get_requeststates(trigger, active_requests) {
                 getinputs(request_data, d_lay);
                 return
             }
-            if (trigger === true) {} else { // only update on page refresh
-                // parse cached transaction data
-                $.each(requeststates, function(i, value) {
-                    const thislist = $("#" + value.requestid),
-                        thisdata = thislist.data();
-                    if (thisdata) {
-                        const pendingstatus = thisdata.pending;
-                        if (pendingstatus == "scanning" || pendingstatus == "polling") {
-                            const statuspanel = thislist.find(".pmetastatus"),
-                                transactionlist = thislist.find(".transactionlist");
-                            statuspanel.text(value.status);
-                            transactionlist.html("");
-                            $.each(value.transactions, function(data, value) {
-                                const tx_listitem = append_tx_li(value, false);
-                                if (tx_listitem) {
-                                    transactionlist.append(tx_listitem.data(value));
-                                }
-                            });
-                            thislist.addClass("pmstatloaded");
-                        }
-                    }
-                });
+            if (trigger === true) {
+                return
             }
+            // Only update on page refresh
+            // parse cached transaction data
+            $.each(requeststates, function(i, value) {
+                const thislist = $("#" + value.requestid),
+                    thisdata = thislist.data();
+                if (thisdata) {
+                    const pendingstatus = thisdata.pending;
+                    if (pendingstatus == "scanning" || pendingstatus == "polling") {
+                        const statuspanel = thislist.find(".pmetastatus"),
+                            transactionlist = thislist.find(".transactionlist");
+                        statuspanel.text(value.status);
+                        transactionlist.html("");
+                        $.each(value.transactions, function(data, value) {
+                            const tx_listitem = append_tx_li(value, false);
+                            if (tx_listitem) {
+                                transactionlist.append(tx_listitem.data(value));
+                            }
+                        });
+                        thislist.addClass("pmstatloaded");
+                    }
+                }
+            });
             return
         }
         active_requests.addClass("scan");

assets_js_bitrequest_sockets.js

@@ -1204,7 +1204,10 @@ function socket_info(snode, live) {
     $("#current_socket").html(contents);
     if (live) {
         console.log("Connected: " + snode.url);
+        glob_paymentpopup.addClass("live");
+        return
     }
+    glob_paymentpopup.removeClass("live");
 }
 
 function reconnect() {

assets_styles_payments.css

@@ -205,6 +205,21 @@ html.inframe #paymentdialogbox[data-pending="no"].transacting #view_tx {
 	margin: 0 0.5em 0 0.5em;
 }
 
+@keyframes iconpulse {
+	0% {
+		transform: scale(1) rotate(0deg);
+	}
+	94% {
+		transform: scale(1) rotate(0deg);
+	}
+	97% {
+		transform: scale(1.1) rotate(180deg);
+	}
+	100% {
+		transform: scale(1) rotate(360deg);
+	}
+}
+
 @keyframes blob {
 	50% {
 		transform: scale(1.3);
@@ -490,6 +505,10 @@ html.inframe #request_back {
 	-webkit-transform: translate3d(0, 0, 0);
 }
 
+#payment.live .qrwrap img.cmc_icon {
+	animation: iconpulse 10000ms linear infinite;
+}
+
 #paymentdialogbox.transacting #rf_wrap {
 	visibility: hidden;
 }