Bump version to 9.1.1

3CX_TAPI.user.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name          3CX TAPI
 // @namespace     http://cp-solutions.at
-// @version       9.1.0
+// @version       9.1.1
 // @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,6 +529,9 @@ ___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;
@@ -4291,8 +4294,9 @@ class Search {
             contacts.forEach(contact => {
                 var item = document.createElement('div');
                 item.setAttribute('class', 'tapi-search-autocomplete-item');
-                item.appendChild(document.createTextNode(contact.tD_NAME));
+                var p = document.createElement('p');
-                item.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI));
+                p.innerHTML = contact.tD_NAME + '<br>' + contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI;
+                item.appendChild(p);
                 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.0",
+  "version": "9.1.1",
   "author": {
     "name": "Daniel Triendl",
     "email": "d.triendl@cp-solutions.at"

src/search.css

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