Medium anzeigen

3CX_TAPI.user.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name          3CX TAPI
 // @namespace     http://cp-solutions.at
-// @version       7.0.0
+// @version       7.0.2
 // @author        Daniel Triendl <d.triendl@cp-solutions.at>
 // @copyright     Copyright 2020 CP Solutions GmbH
 // @source        http://scootaloo.cp-austria.at/gitlist/3cx_tapi.git
@@ -3532,7 +3532,7 @@ class call_history_CallHistory {
     updateCallHistoryEntry(call, callerId) {
         if (callerId.tD_NAME !== '') {
             var span = call.querySelector('span');
-            this.showTimeManager(call, span.nextSibling.textContent, callerId);
+            this.showTimeManager(call, span.nextSibling.textContent.trim(), callerId);
             var text = span.textContent;
             span.textContent = callerId.tD_NAME;
             var br = document.createElement('br');
@@ -3543,36 +3543,37 @@ class call_history_CallHistory {
             span.parentNode.insertBefore(span2, span.nextSibling);
         }
     }
-    showTimeManager(call, time, callerId) {
+    showTimeManager(call, date, callerId) {
         if (!callerId.tD_ID) {
             return;
         }
-        var timeParts = time.split(/, /);
+        var dateParts = date.match(/^(?<date>.*), (?<duration>[0-9]{2}:[0-9]{2}:[0-9]{2})$/);
         var duration = '00:00:00';
-        if (timeParts.length >= 1) {
+        if (dateParts) {
-            time = timeParts[0];
+            date = dateParts.groups.date;
+            duration = dateParts.groups.duration;
         }
-        if (timeParts.length >= 2) {
+        var parsedDate = dist["de"].parseDate(date);
-            duration = timeParts[1];
-        }
-        var parsedDate = dist["de"].parseDate(time);
         if (!parsedDate) {
-            parsedDate = dist["parseDate"](time);
+            parsedDate = dist["parseDate"](date);
         }
         if (!parsedDate) {
             return;
         }
+        // Date parsing is awful, just assume the first number is the day of month
+        var day = date.match(/[0-9]+/)[0];
         var parsedDuration = dist["parseDate"](duration);
-        console.log('TAPI call history time:', time, 'parsedDate:', parsedDate, 'duration:', duration, 'parsedDuration:', parsedDuration);
+        console.log('TAPI call history time:', date, 'parsedDate:', parsedDate, 'duration:', duration, 'parsedDuration:', parsedDuration);
         var connect = parsedDate.getFullYear().toString() +
             (parsedDate.getMonth() + 1).toString().padStart(2, '0') + // (January gives 0)
-            parsedDate.getDate().toString().padStart(2, '0') +
+            day.toString().padStart(2, '0') +
             parsedDate.getHours().toString().padStart(2, '0') +
             parsedDate.getMinutes().toString().padStart(2, '0');
         var length = (parsedDuration.getHours() * 60 + parsedDuration.getMinutes()).toString();
         var toolbar = call.querySelector('.wcToolbarTiles');
-        var a = document.createElement('a');
         var href = 'domizil://PM/Zeitbuchung?KontaktId=' + callerId.tD_ID + '&connect=' + connect + '&length=' + length;
+        var a = document.createElement('a');
+        a.title = 'PM Zeitbuchung';
         a.dataset.domizilLink = href;
         a.onclick = () => {
             window.open(href);
@@ -3645,7 +3646,7 @@ class call_notification_CallNotification {
             if (response.status === 200) {
                 var callerId = response.data;
                 if (callerId) {
-                    notification.text = callerId.tD_NAME + '\r\n' + number;
+                    notification.text = callerId.tD_NAME + '\r\n' + number + ' (' + callerId.tD_MEDIUM + ')';
                 }
             }
             // eslint-disable-next-line no-undef
@@ -3723,7 +3724,7 @@ class search_Search {
                 line1.appendChild(document.createTextNode(contact.tD_NAME));
                 resultText.appendChild(line1);
                 var line2 = document.createElement('div');
-                line2.appendChild(document.createTextNode(contact.tD_NUMBER_TAPI));
+                line2.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI));
                 resultText.appendChild(line2);
                 resultList.appendChild(li);
             });
@@ -3736,7 +3737,10 @@ class search_Search {
         form.style.float = 'right';
         form.style.marginRight = '20px';
         form.onsubmit = () => {
-            var items = document.getElementsByClassName('tapi-search-result');
+            var items = document.getElementsByClassName('tapi-search-result-selected');
+            if (items.length === 0) {
+                items = document.getElementsByClassName('tapi-search-result');
+            }
             if (items.length > 0) {
                 this.dial(items[0].dataset.tapiNumber);
             }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "3cp-tapi",
   "description": "Build your UserScript with webpack",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "author": {
     "name": "Daniel Triendl",
     "email": "d.triendl@cp-solutions.at"
@@ -29,8 +29,7 @@
   "dependencies": {
     "axios": "0.20.0",
     "axios-userscript-adapter": "0.0.7",
-    "chrono-node": "2.1.9",
+    "chrono-node": "2.1.9"
-    "jquery": "3.5.1"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "4.3.0",

readme.md

@@ -50,4 +50,4 @@ And commit 3CX_TAPI.user.js
 
 ## see also
 
-Based on [webpack-userscript-template](https://github.com/Trim21/webpack-userscript-template/.
+Based on [webpack-userscript-template](https://github.com/Trim21/webpack-userscript-template/)

src/js/call-history.ts

@@ -9,7 +9,7 @@ export class CallHistory {
     if (callerId.tD_NAME !== '') {
       var span = call.querySelector('span')
 
-      this.showTimeManager(call, span.nextSibling.textContent, callerId)
+      this.showTimeManager(call, span.nextSibling.textContent.trim(), callerId)
 
       var text = span.textContent
       span.textContent = callerId.tD_NAME
@@ -22,40 +22,43 @@ export class CallHistory {
     }
   }
 
-  private showTimeManager (call: HTMLElement, time: string, callerId: TapiContact) {
+  private showTimeManager (call: HTMLElement, date: string, callerId: TapiContact) {
     if (!callerId.tD_ID) {
       return
     }
 
-    var timeParts = time.split(/, /)
+    var dateParts = date.match(/^(?<date>.*), (?<duration>[0-9]{2}:[0-9]{2}:[0-9]{2})$/)
     var duration = '00:00:00'
-    if (timeParts.length >= 1) {
+    if (dateParts) {
-      time = timeParts[0]
+      date = dateParts.groups.date
+      duration = dateParts.groups.duration
     }
-    if (timeParts.length >= 2) {
+
-      duration = timeParts[1]
+    var parsedDate = chrono.de.parseDate(date)
-    }
-    var parsedDate = chrono.de.parseDate(time)
     if (!parsedDate) {
-      parsedDate = chrono.parseDate(time)
+      parsedDate = chrono.parseDate(date)
     }
     if (!parsedDate) {
       return
     }
+    // Date parsing is awful, just assume the first number is the day of month
+    var day = date.match(/[0-9]+/)[0]
+
     var parsedDuration = chrono.parseDate(duration)
-    console.log('TAPI call history time:', time, 'parsedDate:', parsedDate, 'duration:', duration, 'parsedDuration:', parsedDuration)
+    console.log('TAPI call history time:', date, 'parsedDate:', parsedDate, 'duration:', duration, 'parsedDuration:', parsedDuration)
 
     var connect = parsedDate.getFullYear().toString() +
       (parsedDate.getMonth() + 1).toString().padStart(2, '0') + // (January gives 0)
-      parsedDate.getDate().toString().padStart(2, '0') +
+      day.toString().padStart(2, '0') +
       parsedDate.getHours().toString().padStart(2, '0') +
       parsedDate.getMinutes().toString().padStart(2, '0')
 
     var length = (parsedDuration.getHours() * 60 + parsedDuration.getMinutes()).toString()
 
     var toolbar = call.querySelector('.wcToolbarTiles')
-    var a = document.createElement('a')
     var href = 'domizil://PM/Zeitbuchung?KontaktId=' + callerId.tD_ID + '&connect=' + connect + '&length=' + length
+    var a = document.createElement('a')
+    a.title = 'PM Zeitbuchung'
     a.dataset.domizilLink = href
     a.onclick = () => {
       window.open(href)

src/js/call-notification.ts

@@ -21,7 +21,7 @@ export class CallNotification {
     if (response.status === 200) {
       var callerId = response.data
       if (callerId) {
-        notification.text = callerId.tD_NAME + '\r\n' + number
+        notification.text = callerId.tD_NAME + '\r\n' + number + ' (' + callerId.tD_MEDIUM + ')'
       }
     }
 

src/js/search.ts

@@ -13,7 +13,10 @@ export class Search {
     form.style.float = 'right'
     form.style.marginRight = '20px'
     form.onsubmit = () => {
-      var items = document.getElementsByClassName('tapi-search-result')
+      var items = document.getElementsByClassName('tapi-search-result-selected')
+      if (items.length === 0) {
+        items = document.getElementsByClassName('tapi-search-result')
+      }
       if (items.length > 0) {
         this.dial((<HTMLElement>items[0]).dataset.tapiNumber)
       }
@@ -148,7 +151,7 @@ export class Search {
       resultText.appendChild(line1)
 
       var line2 = document.createElement('div')
-      line2.appendChild(document.createTextNode(contact.tD_NUMBER_TAPI))
+      line2.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI))
       resultText.appendChild(line2)
 
       resultList.appendChild(li)

src/js/tapi-contact.ts

@@ -4,4 +4,5 @@ export interface TapiContact {
   tD_NAME: string;
   tD_NUMBER?: string;
   tD_NUMBER_TAPI?: string;
+  tD_MEDIUM?: string;
 }