From 05f0f72c739a6c668c7c73c0370644e3906c143e Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 30 Aug 2023 14:14:48 +0200
Subject: [PATCH] refs #6119 microsip link added

---
 modules/client/front/summary/index.html       | 23 ++++++++--
 modules/client/front/summary/style.scss       |  4 ++
 modules/order/front/summary/index.html        | 11 ++++-
 modules/order/front/summary/style.scss        |  4 ++
 .../route/front/roadmap/summary/index.html    | 11 ++++-
 .../route/front/roadmap/summary/style.scss    |  6 ++-
 modules/ticket/front/summary/index.html       | 42 ++++++++++++++++---
 modules/ticket/front/summary/style.scss       |  5 +++
 modules/worker/front/descriptor/index.html    | 30 +++++++++++--
 modules/worker/front/descriptor/index.js      |  2 +-
 modules/worker/front/descriptor/style.scss    |  6 +++
 modules/worker/front/summary/index.html       | 41 +++++++++++++++---
 modules/worker/front/summary/index.js         |  2 +-
 modules/worker/front/summary/style.scss       |  6 +++
 14 files changed, 169 insertions(+), 24 deletions(-)
 create mode 100644 modules/worker/front/descriptor/style.scss
 create mode 100644 modules/worker/front/summary/style.scss

diff --git a/modules/client/front/summary/index.html b/modules/client/front/summary/index.html
index 15a55ec8c9..6f7c915c15 100644
--- a/modules/client/front/summary/index.html
+++ b/modules/client/front/summary/index.html
@@ -45,11 +45,26 @@
             <vn-label-value label="Contact"
                 value="{{$ctrl.summary.contact}}">
             </vn-label-value>
-            <vn-label-value label="Phone"
-                value="{{$ctrl.summary.phone}}">
+            <vn-label-value label="Phone">
+                {{$ctrl.summary.phone}}
+                <a href="tel:{{$ctrl.summary.phone}}">
+                    <vn-icon
+                    class="tel"
+                    icon="call"
+                    translate-attr="{title: 'Microsip'}"
+                    >
+                </vn-icon>
+                </a>
             </vn-label-value>
-            <vn-label-value label="Mobile"
-                value="{{$ctrl.summary.mobile}}">
+            <vn-label-value label="Mobile">
+                {{$ctrl.summary.mobile}}
+                <a href="tel:{{$ctrl.summary.mobile}}">
+                    <vn-icon
+                    class="tel"
+                    icon="smartphone"
+                    translate-attr="{title: 'Microsip'}"
+                    ></vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value label="Email" no-ellipsize
                 value="{{$ctrl.listEmails($ctrl.summary.email)}}">
diff --git a/modules/client/front/summary/style.scss b/modules/client/front/summary/style.scss
index 7dc1cc928a..dd30edaa07 100644
--- a/modules/client/front/summary/style.scss
+++ b/modules/client/front/summary/style.scss
@@ -11,4 +11,8 @@ vn-client-summary .summary {
         font-family: 'salixfont' !important;
         content: "\e965";
     }
+    vn-icon.tel {
+        font-size: 1.1em;
+        vertical-align: bottom;
+    }
 }
diff --git a/modules/order/front/summary/index.html b/modules/order/front/summary/index.html
index 3622ae9324..52a1afd6d2 100644
--- a/modules/order/front/summary/index.html
+++ b/modules/order/front/summary/index.html
@@ -49,7 +49,16 @@
                 value="{{$ctrl.summary.landed | date: 'dd/MM/yyyy HH:mm'}}">
             </vn-label-value>
             <vn-label-value label="Phone" 
-            value="{{$ctrl.summary.address.phone}}">
+           >
+                {{$ctrl.summary.address.phone}}
+                <a href="tel:{{$ctrl.summary.address.phone}}">
+                    <vn-icon
+                        class="tel"
+                        icon="smartphone"
+                        translate-attr="{title:'Microsip'}"
+                    >
+                    </vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value label="Created from" 
                 value="{{$ctrl.summary.sourceApp}}">
diff --git a/modules/order/front/summary/style.scss b/modules/order/front/summary/style.scss
index a2537c58fc..7abcd889b1 100644
--- a/modules/order/front/summary/style.scss
+++ b/modules/order/front/summary/style.scss
@@ -17,4 +17,8 @@ vn-order-summary .summary{
             }
         }
     }
+    vn-icon.tel {
+        font-size: 1.1em;
+        vertical-align: bottom;
+    }
 }
\ No newline at end of file
diff --git a/modules/route/front/roadmap/summary/index.html b/modules/route/front/roadmap/summary/index.html
index e6b50601e6..c8ba854561 100644
--- a/modules/route/front/roadmap/summary/index.html
+++ b/modules/route/front/roadmap/summary/index.html
@@ -25,7 +25,16 @@
         <vn-one>
             <vn-label-value
                 label="Phone"
-                value="{{summary.phone}}">
+            >
+                {{summary.phone}}
+                <a href="tel:{{summary.phone}}" class="tel">
+                    <vn-icon
+                        class="tel"
+                        icon="call"
+                        translate-attr="{title: 'Microsip'}"
+                    >
+                    </vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value
                 label="Worker"
diff --git a/modules/route/front/roadmap/summary/style.scss b/modules/route/front/roadmap/summary/style.scss
index 63b3f625a6..6abc934800 100644
--- a/modules/route/front/roadmap/summary/style.scss
+++ b/modules/route/front/roadmap/summary/style.scss
@@ -1,10 +1,14 @@
 @import "variables";
 
 vn-roadmap-summary .summary {
-    a {
+    a:not(.tel) {
         display: flex;
         align-items: center;
         height: 18.328px;
     }
 
+    vn-icon.tel {
+        font-size: 1.1em;
+        vertical-align: bottom;
+    }
 }
diff --git a/modules/ticket/front/summary/index.html b/modules/ticket/front/summary/index.html
index dd0e94f421..cbe5734767 100644
--- a/modules/ticket/front/summary/index.html
+++ b/modules/ticket/front/summary/index.html
@@ -83,19 +83,49 @@
             </vn-label-value>
             <vn-label-value label="Address phone"
                 ng-if="$ctrl.summary.address.phone != null"
-                value="{{$ctrl.summary.address.phone}}">
+               >
+                {{$ctrl.summary.address.phone}}
+                <a href="sip:{{$ctrl.summary.address.phone}}">
+                    <vn-icon
+                        class="tel"
+                        icon="call"
+                        translate-attr="{title: 'Microsip'}"
+                    >
+                    </vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value label="Address mobile"
                 ng-if="$ctrl.summary.address.mobile != null"
-                value="{{$ctrl.summary.address.mobile}}">
+            >
+                {{$ctrl.summary.address.mobile}}
+                <a href="sip:{{$ctrl.summary.address.mobile}}">
+                    <vn-icon 
+                        class="tel"
+                        icon="smartphone"
+                        translate-attr="{title: 'Microsip'}"
+                    >
+                    </vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value label="Client phone"
-                ng-if="$ctrl.summary.client.phone != null"
-                value="{{$ctrl.summary.client.phone}}">
+                ng-if="$ctrl.summary.client.phone != null">
+                {{$ctrl.summary.client.phone}}
+                <a href="sip:{{$ctrl.summary.client.phone}}">
+                    <vn-icon 
+                        class="tel" 
+                        icon="phone"
+                        translate-attr="{title: 'Microsip'}"></vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value label="Client mobile"
-                ng-if="$ctrl.summary.client.mobile != null"
-                value="{{$ctrl.summary.client.mobile}}">
+                ng-if="$ctrl.summary.client.mobile != null">
+                {{$ctrl.summary.client.mobile}}
+                <a href="sip:{{$ctrl.summary.client.mobile}}">
+                    <vn-icon 
+                    class="tel"
+                    icon="smartphone"
+                    translate-attr="{title: 'Microsip'}"></vn-icon>
+                </a>
             </vn-label-value>
             <vn-label-value label="Address" no-ellipsize
                 value="{{$ctrl.formattedAddress}}">
diff --git a/modules/ticket/front/summary/style.scss b/modules/ticket/front/summary/style.scss
index e92ff0d422..2f52de65e9 100644
--- a/modules/ticket/front/summary/style.scss
+++ b/modules/ticket/front/summary/style.scss
@@ -47,4 +47,9 @@ vn-ticket-summary .summary {
             }
         }
     }
+    
+    vn-icon.tel {
+        font-size: 1.1em;
+        vertical-align: bottom;
+    }
 }
\ No newline at end of file
diff --git a/modules/worker/front/descriptor/index.html b/modules/worker/front/descriptor/index.html
index ea005e1a26..ce318540f1 100644
--- a/modules/worker/front/descriptor/index.html
+++ b/modules/worker/front/descriptor/index.html
@@ -36,12 +36,34 @@
                 value="{{$ctrl.worker.department.department.name}}">
             </vn-label-value>
             <vn-label-value
-                label="Phone"
-                value="{{$ctrl.worker.phone}}">
+                label="Phone">
+                <span ng-if="!$ctrl.worker.phone">-</span>
+                <span ng-if="$ctrl.worker.phone">
+                    {{$ctrl.worker.phone}}
+                    <a 
+                        href="tel:{{$ctrl.worker.phone}}">
+                        <vn-icon 
+                        class="tel" 
+                        icon="phone"
+                        translate-attr="{title: 'Microsip'}"
+                        ></vn-icon>
+                    </a>
+                </span>
             </vn-label-value>
             <vn-label-value
-                label="Extension"
-                value="{{$ctrl.worker.sip.extension}}">
+                label="Extension">
+                <span ng-if="!$ctrl.worker.sip.extension">-</span>
+                <span ng-if="$ctrl.worker.sip.extension">
+                    {{$ctrl.worker.sip.extension}}
+                    <a 
+                        href="tel:{{$ctrl.worker.sip.extension}}">
+                        <vn-icon 
+                        class="tel" 
+                        icon="phone"
+                        translate-attr="{title: 'Microsip'}"
+                        ></vn-icon>
+                    </a>
+                </span>
             </vn-label-value>
         </div>
         <div class="icons">
diff --git a/modules/worker/front/descriptor/index.js b/modules/worker/front/descriptor/index.js
index a53528ef26..446f8167cd 100644
--- a/modules/worker/front/descriptor/index.js
+++ b/modules/worker/front/descriptor/index.js
@@ -1,6 +1,6 @@
 import ngModule from '../module';
 import Descriptor from 'salix/components/descriptor';
-
+import './style.scss';
 class Controller extends Descriptor {
     constructor($element, $, $rootScope) {
         super($element, $);
diff --git a/modules/worker/front/descriptor/style.scss b/modules/worker/front/descriptor/style.scss
new file mode 100644
index 0000000000..6db663ae3d
--- /dev/null
+++ b/modules/worker/front/descriptor/style.scss
@@ -0,0 +1,6 @@
+vn-worker-descriptor {
+    vn-icon.tel {
+        font-size: 1.1em;
+        vertical-align: bottom;
+    }
+}
\ No newline at end of file
diff --git a/modules/worker/front/summary/index.html b/modules/worker/front/summary/index.html
index 2607d9b2f2..13924fe8df 100644
--- a/modules/worker/front/summary/index.html
+++ b/modules/worker/front/summary/index.html
@@ -42,14 +42,45 @@
                     {{::worker.boss.name}}
                 </span>
             </vn-label-value>
-            <vn-label-value label="Mobile extension"
-                value="{{worker.mobileExtension}}">
+            <vn-label-value label="Mobile extension">
+                <span ng-show="!worker.mobileExtension">-</span>
+                <span ng-show="worker.mobileExtension">
+                    {{worker.mobileExtension}}
+                    <a href="tel:{{worker.mobileExtension}}">
+                        <vn-icon
+                        class="tel"
+                        icon="smartphone"
+                        translate-attr="{title: 'Microsip'}"
+                        ></vn-icon>
+                    </a>
+                </span>
             </vn-label-value>
-            <vn-label-value label="Business phone"
-                value="{{worker.phone}}">
+            <vn-label-value label="Business phone">
+                <span ng-show="!worker.phone">-</span>
+                <span ng-show="worker.phone">
+                    {{worker.phone}}
+                    <a href="tel:{{worker.phone}}">
+                        <vn-icon
+                        class="tel"
+                        icon="smartphone"
+                        translate-attr="{title: 'Microsip'}"
+                        ></vn-icon>
+                    </a>
+                </span>
             </vn-label-value>
             <vn-label-value label="Personal phone"
-            value="{{worker.client.phone}}">
+            >
+                <span ng-show="!worker.client.phone">-</span>
+                <span ng-show="worker.client.phone">
+                    {{worker.client.phone}}
+                    <a href="tel:{{worker.client.phone}}">
+                        <vn-icon
+                        class="tel"
+                        icon="smartphone"
+                        translate-attr="{title: 'Microsip'}"
+                        ></vn-icon>
+                    </a>
+                </span>
             </vn-label-value>
             <vn-label-value label="Locker"
             value="{{worker.locker}}">
diff --git a/modules/worker/front/summary/index.js b/modules/worker/front/summary/index.js
index 2bb1f08530..1e64527cfc 100644
--- a/modules/worker/front/summary/index.js
+++ b/modules/worker/front/summary/index.js
@@ -1,6 +1,6 @@
 import ngModule from '../module';
 import Summary from 'salix/components/summary';
-
+import './style.scss';
 class Controller extends Summary {
     get worker() {
         return this._worker;
diff --git a/modules/worker/front/summary/style.scss b/modules/worker/front/summary/style.scss
new file mode 100644
index 0000000000..2bde271297
--- /dev/null
+++ b/modules/worker/front/summary/style.scss
@@ -0,0 +1,6 @@
+vn-worker-summary {
+    vn-icon.tel {
+        font-size: 1.1em;
+        vertical-align: bottom;
+    }
+}
\ No newline at end of file