Ticket #4929 - Agents: Add loading indicator in Assistant chat.

modules/boonex/artificer/data/template/system/css/general.css

@@ -65,6 +65,12 @@ import url(../../../../../../../template/css/general.css);
     max-height: calc(0.5 * 100vh);
     overflow-y: auto;
 }
+.bx-agents-popup .cmts .cmt .bx-agents-loading {
+    padding: 0;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+}
 .bx-agents-popup .cmt-reply {
     margin-bottom: 0;
 }

studio/classes/BxDolStudioAgentsAsstChatsCmts.php

@@ -225,8 +225,15 @@ class BxDolStudioAgentsAsstChatsCmts extends BxTemplCmts
         if(!$bLoad && !$bRetrieve)
             $sText = nl2br($this->_prepareTextForOutput($sText, $iId));
 
-        if($bLoad)
-            $sText = _t('_sys_loading') . $this->_oTemplate->_wrapInTagJsCode("var " . $this->_sJsObjName . "_interval = setInterval(function() {if(window['" . $this->_sJsObjName . "'] == undefined) return; clearInterval(" . $this->_sJsObjName . "_interval); " . $this->getJsObjectName() . "._getCmt('#cmt" . $iId . "', " . $iId . ");}, 200)");
+        if($bLoad) {
+            $sLoadingId = 'cmt' . $iId . '-loading';
+            $sText = $this->_oTemplate->parseLink('javascript:void(0)', _t('_sys_loading'), [
+                'id' => $sLoadingId, 
+                'class' => 'bx-btn bx-btn-small bx-agents-loading'
+            ]);
+
+            $sText .= $this->_oTemplate->_wrapInTagJsCode("bx_loading('" . $sLoadingId . "', true); var " . $this->_sJsObjName . "_interval = setInterval(function() {if(window['" . $this->_sJsObjName . "'] == undefined) return; clearInterval(" . $this->_sJsObjName . "_interval); " . $this->getJsObjectName() . "._getCmt('#cmt" . $iId . "', " . $iId . ");}, 200)");
+        }
         
         if($bRetrieve)
             $sText = _t('_sys_agents_assistants_chats_err_no_response');

studio/template/css/menu_top.css

@@ -406,6 +406,12 @@ body > .bx-popup-wrapper.bx-std-mod-popup-settings-wrapper,
     max-height: calc(0.5 * 100vh);
     overflow-y: auto;
 }
+.bx-std-pcap-assistant div.cmts .cmt .bx-agents-loading {
+    padding: 0;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+}
 .bx-std-pcap-assistant div.cmts > ul.cmts {
     margin-top: 1rem;
 }

template/css/common.css

@@ -190,6 +190,12 @@ blockquote {
     max-height: calc(0.5 * 100vh);
     overflow-y: auto;
 }
+.bx-agents-popup .cmts .cmt .bx-agents-loading {
+    padding: 0;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+}
 .bx-acl-err-msg {
     padding: 0 10%;
 }