Merge pull request #1891 from thfries/ui_small_fixes_and_improvements

UI small fixes and improvements

Author: thjaeckle

ui/modules/api.ts

@@ -370,7 +370,7 @@ export async function callDittoREST(method,
       throw new Error('An error occurred: ' + response.status);
     }
   }
-  if (response.status !== 204) {
+  if (response.status !== 204 && response.status !== 202) {
     if (returnHeaders) {
       return response;
     } else {

ui/modules/connections/connections.html

@@ -168,10 +168,11 @@ <h6>Connection Logs <span class="badge rounded-pill bg-info" id="badgeConnection
             </div>
             <table-filter id="tableFilterConnectionLogs"></table-filter>
             <div class="table-wrap">
-                <table class="table table-striped table-hover table-sm">
+                <table class="table table-striped table-hover table-sm" style="table-layout: fixed;">
                     <thead>
                         <tr>
                             <th>Timestamp</th>
+                            <th>Category</th>
                             <th>Type</th>
                             <th>Level</th>
                         </tr>

ui/modules/connections/connectionsCRUD.ts

@@ -96,8 +96,6 @@ function onConnectionEditorInput() {
 
 function onConnectionEditorChangeAnnotation() {
   hasErrors = connectionEditor.getSession().getAnnotations().filter((a) => a.type === 'error').length > 0;
-  incomingEditor.setReadOnly(hasErrors);
-  outgoingEditor.setReadOnly(hasErrors);
 }
 
 function onUpdateConnectionClick() {

ui/modules/connections/connectionsMonitor.ts

@@ -65,6 +65,7 @@ export async function ready() {
   Utils.getAllElementsById(dom);
 
   connectionLogDetail = Utils.createAceEditor('connectionLogDetail', 'ace/mode/json', true);
+  connectionLogDetail.session.setUseWrapMode(true);
   connectionStatusDetail = Utils.createAceEditor('connectionStatusDetail', 'ace/mode/json', true);
 
   // Status --------------
@@ -162,6 +163,7 @@ function fillConnectionLogsTable() {
     Utils.addTableRow(
         dom.tbodyConnectionLogs,
         Utils.formatDate(entry.timestamp, true), false, null,
+        entry.category,
         entry.type,
         entry.level
     );

ui/modules/things/messagesIncoming.ts

@@ -125,7 +125,7 @@ function onSelectThingUpdateMessageContentSelect() {
 function onMessage(messageData) {
   messages.push(messageData);
 
-  const filteredMessage = dom.tableFilterMessagesIncoming.filterItems([messageData]);
+  const filteredMessage = dom.tableFilterMessagesIncoming.filterItems(messages);
 
   if (filteredMessage.length > 0) {
     filteredMessages.push(filteredMessage[0]);