3CX_TAPI.user.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name          3CX TAPI
 // @namespace     http://cp-solutions.at
-// @version       9.1.1
+// @version       9.1.0
 // @author        Daniel Triendl <d.triendl@cp-solutions.at>
 // @copyright     Copyright 2021 CP Solutions GmbH
 // @source        https://source.cp-austria.at/git/CPATRD/3cx_tapi.git
@@ -529,9 +529,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.tapi-search-autocomplete {
     border-bottom: 1px solid #d4d4d4;
     color: #000;
 }
-.tapi-search-autocomplete-items div p {
-    margin: 0;
-}
 .tapi-search-autocomplete-items div:hover, .tapi-search-autocomplete-active {
     /*when hovering an item:*/
     background-color: #E7E6E6 !important;
@@ -4294,9 +4291,8 @@ class Search {
             contacts.forEach(contact => {
                 var item = document.createElement('div');
                 item.setAttribute('class', 'tapi-search-autocomplete-item');
-                var p = document.createElement('p');
-                p.innerHTML = contact.tD_NAME + '<br>' + contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI;
-                item.appendChild(p);
+                item.appendChild(document.createTextNode(contact.tD_NAME));
+                item.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI));
                 item.onclick = () => { this.dial(contact.tD_NUMBER_TAPI); };
                 item.onmouseover = () => { this.selectResult(item); };
                 item.dataset.tapiNumber = contact.tD_NUMBER_TAPI;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "3cx-tapi",
   "description": "3CX CP Tapi and Projectmanager integration",
-  "version": "9.1.1",
+  "version": "9.1.0",
   "author": {
     "name": "Daniel Triendl",
     "email": "d.triendl@cp-solutions.at"

src/search.css

@@ -33,9 +33,6 @@
     border-bottom: 1px solid #d4d4d4;
     color: #000;
 }
-.tapi-search-autocomplete-items div p {
-    margin: 0;
-}
 .tapi-search-autocomplete-items div:hover, .tapi-search-autocomplete-active {
     /*when hovering an item:*/
     background-color: #E7E6E6 !important;

src/search.ts

@@ -117,9 +117,8 @@ export class Search {
     contacts.forEach(contact => {
       var item = document.createElement('div');
       item.setAttribute('class', 'tapi-search-autocomplete-item')
-      var p = document.createElement('p')
-      p.innerHTML = contact.tD_NAME + '<br>' + contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI
-      item.appendChild(p)
+      item.appendChild(document.createTextNode(contact.tD_NAME))
+      item.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI))
       item.onclick = () => { this.dial(contact.tD_NUMBER_TAPI) }
       item.onmouseover = () => { this.selectResult(item) }
       item.dataset.tapiNumber = contact.tD_NUMBER_TAPI