├── .gitignore
├── Screenshots
    ├── agent-blank.png
    ├── Agent-active.png
    └── supervisor-gadget.png
├── smsGadget
    ├── 10.5
    │   ├── poweredbycisco.png
    │   ├── TropoGadget.css
    │   ├── supTropoGadget.xml
    │   ├── agentTropoGadget.xml
    │   ├── supTropoGadget.js
    │   └── agentTropoGadget.js
    ├── 10.6.1
    │   ├── poweredbycisco.png
    │   ├── TropoGadget.css
    │   ├── supTropoGadget.xml
    │   ├── agentTropoGadget.xml
    │   ├── supTropoGadget.js
    │   └── agentTropoGadget.js
    ├── 11.0.1
    │   ├── poweredbycisco.png
    │   ├── TropoGadget.css
    │   ├── supTropoGadget.xml
    │   ├── agentTropoGadget.xml
    │   ├── supTropoGadget.js
    │   └── agentTropoGadget.js
    └── 11.5
    │   ├── poweredbycisco.png
    │   ├── TropoGadget.css
    │   ├── supTropoGadget.xml
    │   ├── agentTropoGadget.xml
    │   ├── supTropoGadget.js
    │   └── agentTropoGadget.js
├── tropo.js
├── callHistoryGadget
    ├── 10.5
    │   ├── callHistoryConfig.js
    │   ├── callHistoryGadget.css
    │   ├── callHistoryGadget.xml
    │   └── callHistoryGadget.js
    ├── 10.6
    │   ├── callHistoryConfig.js
    │   ├── callHistoryGadget.css
    │   ├── callHistoryGadget.xml
    │   └── callHistoryGadget.js
    └── 11.x
    │   ├── callHistoryConfig.js
    │   ├── callHistoryGadget.css
    │   ├── callHistoryGadget.xml
    │   └── callHistoryGadget.js
├── README.md
└── LICENSE


/.gitignore:
--------------------------------------------------------------------------------
1 | Alpha/*
2 | 


--------------------------------------------------------------------------------
/Screenshots/agent-blank.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/Screenshots/agent-blank.png


--------------------------------------------------------------------------------
/Screenshots/Agent-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/Screenshots/Agent-active.png


--------------------------------------------------------------------------------
/Screenshots/supervisor-gadget.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/Screenshots/supervisor-gadget.png


--------------------------------------------------------------------------------
/smsGadget/10.5/poweredbycisco.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/smsGadget/10.5/poweredbycisco.png


--------------------------------------------------------------------------------
/smsGadget/10.6.1/poweredbycisco.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/smsGadget/10.6.1/poweredbycisco.png


--------------------------------------------------------------------------------
/smsGadget/11.0.1/poweredbycisco.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/smsGadget/11.0.1/poweredbycisco.png


--------------------------------------------------------------------------------
/smsGadget/11.5/poweredbycisco.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CiscoSE/finesseGadgets/HEAD/smsGadget/11.5/poweredbycisco.png


--------------------------------------------------------------------------------
/smsGadget/10.5/TropoGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | body {
18 |     background: none transparent;
19 |     padding: 10px;
20 | }
21 | 


--------------------------------------------------------------------------------
/smsGadget/10.6.1/TropoGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | body {
18 |     background: none transparent;
19 |     padding: 10px;
20 | }
21 | 


--------------------------------------------------------------------------------
/smsGadget/11.0.1/TropoGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | body {
18 |     background: none transparent;
19 |     padding: 10px;
20 | }
21 | 


--------------------------------------------------------------------------------
/smsGadget/11.5/TropoGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | body {
18 |     background: none transparent;
19 |     padding: 10px;
20 | }
21 | 


--------------------------------------------------------------------------------
/tropo.js:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | incoming = currentCall
19 | if (incoming === null){
20 | 	message(msg, {network: "SMS", to: to});
21 | }else{
22 | 	say("This number does not accept SMS. Please call us at (###) ###-####");
23 | }


--------------------------------------------------------------------------------
/callHistoryGadget/10.5/callHistoryConfig.js:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | var config = {
19 |   "accessCode": "9", // access Code - When set, the access code will be prepending to the callback number. For Example "9"
20 |   "reasonID": {"id": '5'}, //var reasonID = { id: '5' }; // This reasonID must be created in UCCX
21 |   "callDetail": "callVariable6", // Call Variable to place in the Detail field
22 |   "validate": true
23 | };


--------------------------------------------------------------------------------
/callHistoryGadget/10.6/callHistoryConfig.js:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | var config = {
19 |   "accessCode": "9", // access Code - When set, the access code will be prepending to the callback number. For Example "9"
20 |   "reasonID": {"id": '5'}, //var reasonID = { id: '5' }; // This reasonID must be created in UCCX
21 |   "callDetail": "callVariable6", // Call Variable to place in the Detail field
22 |   "validate": true
23 | };


--------------------------------------------------------------------------------
/callHistoryGadget/11.x/callHistoryConfig.js:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | var config = {
19 |   "accessCode": "9", // access Code - When set, the access code will be prepending to the callback number. For Example "9"
20 |   "reasonID": {"id": '5'}, //var reasonID = { id: '5' }; // This reasonID must be created in UCCX
21 |   "callDetail": "callVariable6", // Call Variable to place in the Detail field
22 |   "validate": true
23 | };


--------------------------------------------------------------------------------
/callHistoryGadget/10.5/callHistoryGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | body {
19 |     background: none transparent;
20 |     padding: 0px;
21 |     margin: 0px;
22 |     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
23 | }
24 | 
25 | th {
26 | 	background-color: #4489B6;
27 | 	color: #FFF;
28 | 	font-size: 11pt;
29 | 	padding: 0px;
30 | 
31 | }
32 | 
33 | td {
34 | 	font-family: Geneva,Arial,Helvetica,sans-serif;
35 | 	font-size: 9pt;
36 | 	color: #333;
37 | 	padding-left: 0px;
38 | }
39 | 
40 | .sort {
41 |  
42 | }
43 | .sort:hover {
44 |   text-decoration: none;
45 |   border-bottom: 2px solid grey;
46 | }
47 | 
48 | .sort.desc:after {
49 |   width: 0;
50 |   height: 0;
51 |   border-left: 5px solid transparent;
52 |   border-right: 5px solid transparent;
53 |   border-top: 5px solid black;
54 |   content:"";
55 |   position: relative;
56 |   top:13px;
57 |   right:-5px;
58 | }
59 | .sort.asc:after {
60 |   width: 0;
61 |   height: 0;
62 |   border-left: 5px solid transparent;
63 |   border-right: 5px solid transparent;
64 |   border-bottom: 5px solid black;
65 |   content:"";
66 |   position: relative;
67 |   top:-10px;
68 |   right:-5px;
69 | }


--------------------------------------------------------------------------------
/callHistoryGadget/10.6/callHistoryGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | body {
19 |     background: none transparent;
20 |     padding: 0px;
21 |     margin: 0px;
22 |     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
23 | }
24 | 
25 | th {
26 | 	background-color: #4489B6;
27 | 	color: #FFF;
28 | 	font-size: 11pt;
29 | 	padding: 0px;
30 | 
31 | }
32 | 
33 | td {
34 | 	font-family: Geneva,Arial,Helvetica,sans-serif;
35 | 	font-size: 9pt;
36 | 	color: #333;
37 | 	padding-left: 0px;
38 | }
39 | 
40 | .sort {
41 |  
42 | }
43 | .sort:hover {
44 |   text-decoration: none;
45 |   border-bottom: 2px solid grey;
46 | }
47 | 
48 | .sort.desc:after {
49 |   width: 0;
50 |   height: 0;
51 |   border-left: 5px solid transparent;
52 |   border-right: 5px solid transparent;
53 |   border-top: 5px solid black;
54 |   content:"";
55 |   position: relative;
56 |   top:13px;
57 |   right:-5px;
58 | }
59 | .sort.asc:after {
60 |   width: 0;
61 |   height: 0;
62 |   border-left: 5px solid transparent;
63 |   border-right: 5px solid transparent;
64 |   border-bottom: 5px solid black;
65 |   content:"";
66 |   position: relative;
67 |   top:-10px;
68 |   right:-5px;
69 | }


--------------------------------------------------------------------------------
/callHistoryGadget/11.x/callHistoryGadget.css:
--------------------------------------------------------------------------------
 1 | /* 
 2 | Copyright (c) 2018 Cisco and/or its affiliates.
 3 | 
 4 | This software is licensed to you under the terms of the Cisco Sample
 5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 6 | License at
 7 | 
 8 |                https://developer.cisco.com/docs/licenses
 9 | 
10 | All use of the material herein must be in accordance with the terms of
11 | the License. All rights not expressly granted by the License are
12 | reserved. Unless required by applicable law or agreed to separately in
13 | writing, software distributed under the License is distributed on an "AS
14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
15 | or implied. 
16 | */
17 | 
18 | body {
19 |     background: none transparent;
20 |     padding: 0px;
21 |     margin: 0px;
22 |     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
23 | }
24 | 
25 | th {
26 | 	background-color: #4489B6;
27 | 	color: #FFF;
28 | 	font-size: 11pt;
29 | 	padding: 0px;
30 | 
31 | }
32 | 
33 | td {
34 | 	font-family: Geneva,Arial,Helvetica,sans-serif;
35 | 	font-size: 9pt;
36 | 	color: #333;
37 | 	padding-left: 0px;
38 | }
39 | 
40 | .sort {
41 |  
42 | }
43 | .sort:hover {
44 |   text-decoration: none;
45 |   border-bottom: 2px solid grey;
46 | }
47 | 
48 | .sort.desc:after {
49 |   width: 0;
50 |   height: 0;
51 |   border-left: 5px solid transparent;
52 |   border-right: 5px solid transparent;
53 |   border-top: 5px solid black;
54 |   content:"";
55 |   position: relative;
56 |   top:13px;
57 |   right:-5px;
58 | }
59 | .sort.asc:after {
60 |   width: 0;
61 |   height: 0;
62 |   border-left: 5px solid transparent;
63 |   border-right: 5px solid transparent;
64 |   border-bottom: 5px solid black;
65 |   content:"";
66 |   position: relative;
67 |   top:-10px;
68 |   right:-5px;
69 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Call History Gadget
 2 | ![](https://s3.amazonaws.com/bdm-files/screenshots/callHistoryOverview.jpg)
 3 | 
 4 | ### Finesse now offers a native call history gadget in 11.6.
 5 | See the [Release Notes](https://www.cisco.com/c/en/us/td/docs/voice_ip_comm/cust_contact/contact_center/crs/express_11_6/release/guide/uccx_b_release-notes-for-uccx-116/uccx_b_release-notes-for-uccx-116_chapter_011.html) for complete details.
 6 | 
 7 | 1. Tally of the agents total inbound/outbound calls and duration for the day
 8 | 2. Data can be sorted by clicking on the table header
 9 | 3. The Detail field can show information captured by the IVR. For Example an account number
10 | 4. The Call Back button puts the agents in a not ready state of your choosing, prepends an access code for external numbers, places the call, and then puts the agent back into a ready state when the call is complete.
11 | 
12 | Installation instructions are <a href="https://github.com/bdm1981/finesseGadgets/wiki/Call-History-Gadget-Installation-Guide">Here</a>
13 | 
14 | # Cisco SMS Gadget - *Discontinued!*
15 | ![](https://s3.amazonaws.com/bdm-files/screenshots/ciscoSMSGadget.jpg)
16 | 
17 | ## 10/1/18 - Update
18 | This gadget was built with Tropo as the SMS platform. Due to a change in Tropo's service offerings, This gadget will not work as is. I am leaving it online for people that would like to adapt it to work with other SMS platforms. For further details on the Tropo changes. Please read [THIS](http://blog.tropo.com/2018/10/01/tropo-winding-down-operations/) post.
19 | 
20 | 
21 | SMS Gadget Installation Guide is available <a href="https://github.com/bdm1981/finesseGadgets/wiki/SMS-Gadget-Installation-Guide">Here</a>
22 | 
23 | If you run into any issues/bugs, please add an issues so I can track it.
24 | 
25 | Send your questions/feedback to bmcallis@cisco.com or @bmcallister
26 | 
27 | Enjoy,
28 | 
29 | -Brad
30 | 


--------------------------------------------------------------------------------
/callHistoryGadget/10.5/callHistoryGadget.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | 
 3 | <!-- 
 4 | Copyright (c) 2018 Cisco and/or its affiliates.
 5 | 
 6 | This software is licensed to you under the terms of the Cisco Sample
 7 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
 8 | License at
 9 | 
10 |                https://developer.cisco.com/docs/licenses
11 | 
12 | All use of the material herein must be in accordance with the terms of
13 | the License. All rights not expressly granted by the License are
14 | reserved. Unless required by applicable law or agreed to separately in
15 | writing, software distributed under the License is distributed on an "AS
16 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
17 | or implied.  
18 | -->
19 | 
20 | <Module>
21 | 
22 | <ModulePrefs title="Call History"
23 |         description="Call History"
24 |         thumbnail="http://localhost:8080/"
25 |         height="680"
26 |         scrolling="true">
27 | 
28 |     <Require feature="settitle" />
29 |     <Require feature="dynamic-height" />
30 |     <Require feature="pubsub-2" />
31 | 	<Require feature="setprefs" />
32 | </ModulePrefs>
33 | 
34 | <Content type="html">
35 | <![CDATA[
36 | 	<!DOCTYPE html>
37 | 	<!-- Styling -->
38 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
39 |     <link rel="stylesheet" href="callHistoryGadget.css" type="text/css" />
40 | 
41 |     <!-- Uncomment the scripts below for when running 10.5 and earliery -->
42 |     <!-- jQuery 1.5 -->
43 |     <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
44 |     <!-- Finesse Library -->
45 |     <script type="text/javascript" src="finesse-10.5.1.js"></script>
46 | 
47 |     <!-- moment.min.js -->
48 |     <script type="text/javascript" src="moment.min.js"></script>
49 |     
50 | 
51 |     <!-- Gadget Business Logic -->
52 |     <script type="text/javascript" src="callHistoryConfig.js"></script>
53 |     <script type="text/javascript" src="callHistoryGadget.js"></script>
54 | 
55 |     <body>
56 | 
57 |     <!-- callHistory gadget -->
58 |     <!-- uncomment to enable quick dial
59 |         <input type="text" id="quickInput"></input>
60 |         <button onClick="finesse.modules.callHistoryGadget.quickDial()">Quick Dial</button>
61 |     -->
62 |     <p>
63 |         <table class="table table-striped" id="tally">
64 |             <thead>
65 |                 <tr>
66 |                     <th>Call Type</th>
67 |                     <th>Total Calls</th>
68 |                     <th>Total Duration</th>
69 |                 </tr>
70 |             </thead>
71 |             <tbody>
72 |             </tbody>
73 |         </table>
74 | 
75 |         <table class="table table-striped" id="history">
76 |             <thead>
77 |               <tr>
78 |                 <th width="15%" class="sort" data-sort="date">Time</th>
79 |                 <th width="15%" class="sort" data-sort="direction">Type</th>
80 |                 <th width="15%" class="sort" data-sort="duration">Duration</th>
81 |                 <th width="20%" class="sort" data-sort="number">Number</th>
82 |                 <th width="20%" class="sort" data-sort="detail">Detail</th>
83 |                 <th width="15%">Action</th>
84 |               </tr>
85 |             </thead>
86 |             <tbody>
87 |             </tbody>
88 |         </table>
89 |     </body>
90 |     <script type="text/javascript">
91 |     gadgets.HubSettings.onConnect = function () {
92 |         finesse.modules.callHistoryGadget.init();
93 |     };
94 | 
95 |     </script>
96 | ]]>
97 | </Content>
98 | </Module>
99 | 


--------------------------------------------------------------------------------
/smsGadget/10.6.1/supTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 |         
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery -->
 37 |     <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="supTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |         <div class="col-md-2">
 56 |           <select class="form-control" id="team">
 57 |             <option disabled selected>Filter by Team</option>
 58 |           </select>
 59 |         </div>
 60 |         <div class="col-md-2">
 61 |           <input type="text" class="form-control" placeholder="Agent ID" id="agent">
 62 |         </div>
 63 |         <div class="col-md-2">
 64 |           <input type="text" class="form-control" placeholder="Search Number" id="msgNumber">
 65 |         </div>
 66 |         <div class="col-md-2">
 67 |           <input type="text" class="form-control" placeholder="Search Messages" id="msgBody">
 68 |         </div>
 69 |         <div class="col-md-4">
 70 |           <button type="submit" class="btn btn-success" id="search">Search</button>
 71 |           <button type="submit" class="btn btn-warning" id="reset">Reset Filter</button>
 72 |         </div>
 73 |         </div> <!-- End of Search Row -->
 74 |         <div class="row">
 75 |           <div class="col-md-12">
 76 |           <h4>Message History</h4>
 77 |           </div> <!-- end of search row -->
 78 |           <table class="table table-striped" id="history">
 79 |             <thead>
 80 |               <tr>
 81 |                 <th width="10%">Date - Time</th>
 82 |                 <th width="10%">Team</th>
 83 |                 <th width="10%">Agent</th>
 84 |                 <th width="10%">Number</th>
 85 |                 <th width="60%">Message</th>
 86 |               </tr>
 87 |             </thead>
 88 |             <tbody>
 89 |             </tbody>
 90 |           </table>
 91 |         </div><!-- end column -->
 92 |       </div> <!-- end row class -->
 93 |       <div class="row">
 94 |       <div align="center"><img src="poweredbycisco.png"></div> <!-- update with path to gadget directory -->  
 95 |     </div>
 96 |     </body>
 97 | 
 98 |     <script type="text/javascript">
 99 |         gadgets.HubSettings.onConnect = function () {
100 |             finesse.modules.TropoGadget.init();
101 |         };
102 |     </script>
103 | ]]>
104 | </Content>
105 | </Module>
106 | 


--------------------------------------------------------------------------------
/smsGadget/11.0.1/supTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 |         
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery -->
 37 |     <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="supTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |         <div class="col-md-2">
 56 |           <select class="form-control" id="team">
 57 |             <option disabled selected>Filter by Team</option>
 58 |           </select>
 59 |         </div>
 60 |         <div class="col-md-2">
 61 |           <input type="text" class="form-control" placeholder="Agent ID" id="agent">
 62 |         </div>
 63 |         <div class="col-md-2">
 64 |           <input type="text" class="form-control" placeholder="Search Number" id="msgNumber">
 65 |         </div>
 66 |         <div class="col-md-2">
 67 |           <input type="text" class="form-control" placeholder="Search Messages" id="msgBody">
 68 |         </div>
 69 |         <div class="col-md-4">
 70 |           <button type="submit" class="btn btn-success" id="search">Search</button>
 71 |           <button type="submit" class="btn btn-warning" id="reset">Reset Filter</button>
 72 |         </div>
 73 |         </div> <!-- End of Search Row -->
 74 |         <div class="row">
 75 |           <div class="col-md-12">
 76 |           <h4>Message History</h4>
 77 |           </div> <!-- end of search row -->
 78 |           <table class="table table-striped" id="history">
 79 |             <thead>
 80 |               <tr>
 81 |                 <th width="10%">Date - Time</th>
 82 |                 <th width="10%">Team</th>
 83 |                 <th width="10%">Agent</th>
 84 |                 <th width="10%">Number</th>
 85 |                 <th width="60%">Message</th>
 86 |               </tr>
 87 |             </thead>
 88 |             <tbody>
 89 |             </tbody>
 90 |           </table>
 91 |         </div><!-- end column -->
 92 |       </div> <!-- end row class -->
 93 |       <div class="row">
 94 |       <div align="center"><img src="poweredbycisco.png"></div> <!-- update with path to gadget directory -->  
 95 |     </div>
 96 |     </body>
 97 | 
 98 |     <script type="text/javascript">
 99 |         gadgets.HubSettings.onConnect = function () {
100 |             finesse.modules.TropoGadget.init();
101 |         };
102 |     </script>
103 | ]]>
104 | </Content>
105 | </Module>
106 | 


--------------------------------------------------------------------------------
/smsGadget/11.5/supTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 |         
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery -->
 37 |     <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="supTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |         <div class="col-md-2">
 56 |           <select class="form-control" id="team">
 57 |             <option disabled selected>Filter by Team</option>
 58 |           </select>
 59 |         </div>
 60 |         <div class="col-md-2">
 61 |           <input type="text" class="form-control" placeholder="Agent ID" id="agent">
 62 |         </div>
 63 |         <div class="col-md-2">
 64 |           <input type="text" class="form-control" placeholder="Search Number" id="msgNumber">
 65 |         </div>
 66 |         <div class="col-md-2">
 67 |           <input type="text" class="form-control" placeholder="Search Messages" id="msgBody">
 68 |         </div>
 69 |         <div class="col-md-4">
 70 |           <button type="submit" class="btn btn-success" id="search">Search</button>
 71 |           <button type="submit" class="btn btn-warning" id="reset">Reset Filter</button>
 72 |         </div>
 73 |         </div> <!-- End of Search Row -->
 74 |         <div class="row">
 75 |           <div class="col-md-12">
 76 |           <h4>Message History</h4>
 77 |           </div> <!-- end of search row -->
 78 |           <table class="table table-striped" id="history">
 79 |             <thead>
 80 |               <tr>
 81 |                 <th width="10%">Date - Time</th>
 82 |                 <th width="10%">Team</th>
 83 |                 <th width="10%">Agent</th>
 84 |                 <th width="10%">Number</th>
 85 |                 <th width="60%">Message</th>
 86 |               </tr>
 87 |             </thead>
 88 |             <tbody>
 89 |             </tbody>
 90 |           </table>
 91 |         </div><!-- end column -->
 92 |       </div> <!-- end row class -->
 93 |       <div class="row">
 94 |       <div align="center"><img src="poweredbycisco.png"></div> <!-- update with path to gadget directory -->  
 95 |     </div>
 96 |     </body>
 97 | 
 98 |     <script type="text/javascript">
 99 |         gadgets.HubSettings.onConnect = function () {
100 |             finesse.modules.TropoGadget.init();
101 |         };
102 |     </script>
103 | ]]>
104 | </Content>
105 | </Module>
106 | 


--------------------------------------------------------------------------------
/smsGadget/10.5/supTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 |         
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery 1.5 -->
 37 |     <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="finesse-10.5.1.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="supTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |         <div class="col-md-2">
 56 |           <select class="form-control" id="team">
 57 |             <option disabled selected>Filter by Team</option>
 58 |           </select>
 59 |         </div>
 60 |         <div class="col-md-2">
 61 |           <input type="text" class="form-control" placeholder="Agent ID" id="agent">
 62 |         </div>
 63 |         <div class="col-md-2">
 64 |           <input type="text" class="form-control" placeholder="Search Number" id="msgNumber">
 65 |         </div>
 66 |         <div class="col-md-2">
 67 |           <input type="text" class="form-control" placeholder="Search Messages" id="msgBody">
 68 |         </div>
 69 |         <div class="col-md-4">
 70 |           <button type="submit" class="btn btn-success" id="search">Search</button>
 71 |           <button type="submit" class="btn btn-warning" id="reset">Reset Filter</button>
 72 |         </div>
 73 |         </div> <!-- End of Search Row -->
 74 |         <div class="row">
 75 |           <div class="col-md-12">
 76 |           <h4>Message History</h4>
 77 |           </div> <!-- end of search row -->
 78 |           <table class="table table-striped" id="history">
 79 |             <thead>
 80 |               <tr>
 81 |                 <th width="10%">Date - Time</th>
 82 |                 <th width="10%">Team</th>
 83 |                 <th width="10%">Agent</th>
 84 |                 <th width="10%">Number</th>
 85 |                 <th width="60%">Message</th>
 86 |               </tr>
 87 |             </thead>
 88 |             <tbody>
 89 |             </tbody>
 90 |           </table>
 91 |         </div><!-- end column -->
 92 |       </div> <!-- end row class -->
 93 |       <div class="row">
 94 |       <div align="center"><img src="<insert path to gadget directory>/troposms/poweredbycisco.png"></div> // update with path to gadget directory
 95 |     </div>
 96 |     </body>
 97 | 
 98 |     <script type="text/javascript">
 99 |         gadgets.HubSettings.onConnect = function () {
100 |             finesse.modules.TropoGadget.init();
101 |         };
102 |     </script>
103 | ]]>
104 | </Content>
105 | </Module>
106 | 


--------------------------------------------------------------------------------
/callHistoryGadget/11.x/callHistoryGadget.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | 
  3 | <!-- 
  4 | Copyright (c) 2018 Cisco and/or its affiliates.
  5 | 
  6 | This software is licensed to you under the terms of the Cisco Sample
  7 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  8 | License at
  9 | 
 10 |                https://developer.cisco.com/docs/licenses
 11 | 
 12 | All use of the material herein must be in accordance with the terms of
 13 | the License. All rights not expressly granted by the License are
 14 | reserved. Unless required by applicable law or agreed to separately in
 15 | writing, software distributed under the License is distributed on an "AS
 16 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 17 | or implied.  
 18 | -->
 19 | 
 20 | <Module>
 21 | 
 22 | <ModulePrefs title="Call History"
 23 |         description="Call History"
 24 |         thumbnail="http://localhost:8080/"
 25 |         height="680"
 26 |         scrolling="true">
 27 | 
 28 |     <Require feature="settitle" />
 29 |     <Require feature="dynamic-height" />
 30 |     <Require feature="pubsub-2" />
 31 | 	<Require feature="setprefs" />
 32 | </ModulePrefs>
 33 | 
 34 | <Content type="html">
 35 | <![CDATA[
 36 | 	<!DOCTYPE html>
 37 | 	<!-- Styling -->
 38 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
 39 |     <link rel="stylesheet" href="callHistoryGadget.css" type="text/css" />
 40 | 
 41 |     <!-- Uncomment the scripts below for 10.6 and later as a 3rd party gadget -->
 42 |     <!-- jQuery when running as a 3rd party gadget -->
 43 |     <!-- <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script> -->
 44 |     <!-- Finesse Library when running as a 3rd party gadget-->
 45 |     <!-- <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script> --> 
 46 | 
 47 |     <!-- Uncomment the scipts below for 10.6 and later and the gadget is hosted on another server -->
 48 |     <!-- jQuery when running as a 3rd party gadget -->
 49 |     <!-- <script type="text/javascript" src="https://<server hostname>:<port>/desktop/assets/js/jquery.min.js"></script> -->
 50 |     <!-- Finesse Library when running as a 3rd party gadget-->
 51 |     <!-- <script type="text/javascript" src="https://<server hostname>:<port>/desktop/assets/js/finesse.js"></script> --> 
 52 | 
 53 | 
 54 |     <!-- moment.min.js -->
 55 |     <script type="text/javascript" src="moment.min.js"></script>
 56 |     
 57 | 
 58 |     <!-- Gadget Business Logic -->
 59 |     <script type="text/javascript" src="callHistoryConfig.js"></script>
 60 |     <script type="text/javascript" src="callHistoryGadget.js"></script>
 61 | 
 62 |     <body>
 63 | 
 64 |     <!-- callHistory gadget -->
 65 |     <!-- uncomment to enable quick dial
 66 |         <input type="text" id="quickInput"></input>
 67 |         <button onClick="finesse.modules.callHistoryGadget.quickDial()">Quick Dial</button>
 68 |     -->
 69 |     <p>
 70 |         <table class="table table-striped" id="tally">
 71 |             <thead>
 72 |                 <tr>
 73 |                     <th>Call Type</th>
 74 |                     <th>Total Calls</th>
 75 |                     <th>Total Duration</th>
 76 |                 </tr>
 77 |             </thead>
 78 |             <tbody>
 79 |             </tbody>
 80 |         </table>
 81 | 
 82 |         <table class="table table-striped" id="history">
 83 |             <thead>
 84 |               <tr>
 85 |                 <th width="15%" class="sort" data-sort="date">Time</th>
 86 |                 <th width="15%" class="sort" data-sort="direction">Type</th>
 87 |                 <th width="15%" class="sort" data-sort="duration">Duration</th>
 88 |                 <th width="20%" class="sort" data-sort="number">Number</th>
 89 |                 <th width="20%" class="sort" data-sort="detail">Detail</th>
 90 |                 <th width="15%">Action</th>
 91 |               </tr>
 92 |             </thead>
 93 |             <tbody>
 94 |             </tbody>
 95 |         </table>
 96 |     </body>
 97 |     <script type="text/javascript">
 98 |     gadgets.HubSettings.onConnect = function () {
 99 |         finesse.modules.callHistoryGadget.init();
100 |     };
101 | 
102 |     </script>
103 | ]]>
104 | </Content>
105 | </Module>
106 | 


--------------------------------------------------------------------------------
/callHistoryGadget/10.6/callHistoryGadget.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | 
  3 | <!-- 
  4 | Copyright (c) 2018 Cisco and/or its affiliates.
  5 | 
  6 | This software is licensed to you under the terms of the Cisco Sample
  7 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  8 | License at
  9 | 
 10 |                https://developer.cisco.com/docs/licenses
 11 | 
 12 | All use of the material herein must be in accordance with the terms of
 13 | the License. All rights not expressly granted by the License are
 14 | reserved. Unless required by applicable law or agreed to separately in
 15 | writing, software distributed under the License is distributed on an "AS
 16 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 17 | or implied.  
 18 | -->
 19 | 
 20 | <Module>
 21 | 
 22 | <ModulePrefs title="Call History"
 23 |         description="Call History"
 24 |         thumbnail="http://localhost:8080/"
 25 |         height="680"
 26 |         scrolling="true">
 27 | 
 28 |     <Require feature="settitle" />
 29 |     <Require feature="dynamic-height" />
 30 |     <Require feature="pubsub-2" />
 31 | 	<Require feature="setprefs" />
 32 | </ModulePrefs>
 33 | 
 34 | <Content type="html">
 35 | <![CDATA[
 36 | 	<!DOCTYPE html>
 37 | 	<!-- Styling -->
 38 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
 39 |     <link rel="stylesheet" href="callHistoryGadget.css" type="text/css" />
 40 |     
 41 |     <!-- Uncomment the scripts below for 10.6 and later as a 3rd party gadget -->
 42 |     <!-- jQuery when running as a 3rd party gadget -->
 43 |     <!-- <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script> -->
 44 |     <!-- Finesse Library when running as a 3rd party gadget-->
 45 |     <!-- <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script> --> 
 46 | 
 47 |     <!-- Uncomment the scipts below for 10.6 and later and the gadget is hosted on another server -->
 48 |     <!-- jQuery when running as a 3rd party gadget -->
 49 |     <!-- <script type="text/javascript" src="https://<server hostname>:<port>/desktop/assets/js/jquery.min.js"></script> -->
 50 |     <!-- Finesse Library when running as a 3rd party gadget-->
 51 |     <!-- <script type="text/javascript" src="https://<server hostname>:<port>/desktop/assets/js/finesse.js"></script> --> 
 52 | 
 53 | 
 54 |     <!-- moment.min.js -->
 55 |     <script type="text/javascript" src="moment.min.js"></script>
 56 |     
 57 | 
 58 |     <!-- Gadget Business Logic -->
 59 |     <script type="text/javascript" src="callHistoryConfig.js"></script>
 60 |     <script type="text/javascript" src="callHistoryGadget.js"></script>
 61 | 
 62 |     <body>
 63 | 
 64 |     <!-- callHistory gadget -->
 65 |     <!-- uncomment to enable quick dial
 66 |         <input type="text" id="quickInput"></input>
 67 |         <button onClick="finesse.modules.callHistoryGadget.quickDial()">Quick Dial</button>
 68 |     -->
 69 |     <p>
 70 |         <table class="table table-striped" id="tally">
 71 |             <thead>
 72 |                 <tr>
 73 |                     <th>Call Type</th>
 74 |                     <th>Total Calls</th>
 75 |                     <th>Total Duration</th>
 76 |                 </tr>
 77 |             </thead>
 78 |             <tbody>
 79 |             </tbody>
 80 |         </table>
 81 | 
 82 |         <table class="table table-striped" id="history">
 83 |             <thead>
 84 |               <tr>
 85 |                 <th width="15%" class="sort" data-sort="date">Time</th>
 86 |                 <th width="15%" class="sort" data-sort="direction">Type</th>
 87 |                 <th width="15%" class="sort" data-sort="duration">Duration</th>
 88 |                 <th width="20%" class="sort" data-sort="number">Number</th>
 89 |                 <th width="20%" class="sort" data-sort="detail">Detail</th>
 90 |                 <th width="15%">Action</th>
 91 |               </tr>
 92 |             </thead>
 93 |             <tbody>
 94 |             </tbody>
 95 |         </table>
 96 |     </body>
 97 |     <script type="text/javascript">
 98 |     gadgets.HubSettings.onConnect = function () {
 99 |         finesse.modules.callHistoryGadget.init();
100 |     };
101 | 
102 |     </script>
103 | ]]>
104 | </Content>
105 | </Module>
106 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 |                            CISCO SAMPLE CODE LICENSE
 2 |                                   Version 1.0
 3 |                 Copyright (c) 2017 Cisco and/or its affiliates
 4 | 
 5 |    These terms govern this Cisco example or demo source code and its
 6 |    associated documentation (together, the "Sample Code"). By downloading,
 7 |    copying, modifying, compiling, or redistributing the Sample Code, you
 8 |    accept and agree to be bound by the following terms and conditions (the
 9 |    "License"). If you are accepting the License on behalf of an entity, you
10 |    represent that you have the authority to do so (either you or the entity,
11 |    "you"). Sample Code is not supported by Cisco TAC and is not tested for
12 |    quality or performance. This is your only license to the Sample Code and
13 |    all rights not expressly granted are reserved.
14 | 
15 |    1. LICENSE GRANT: Subject to the terms and conditions of this License,
16 |       Cisco hereby grants to you a perpetual, worldwide, non-exclusive, non-
17 |       transferable, non-sublicensable, royalty-free license to copy and
18 |       modify the Sample Code in source code form, and compile and
19 |       redistribute the Sample Code in binary/object code or other executable
20 |       forms, in whole or in part, solely for use with Cisco products and
21 |       services. For interpreted languages like Java and Python, the
22 |       executable form of the software may include source code and
23 |       compilation is not required.
24 | 
25 |    2. CONDITIONS: You shall not use the Sample Code independent of, or to
26 |       replicate or compete with, a Cisco product or service. Cisco products
27 |       and services are licensed under their own separate terms and you shall
28 |       not use the Sample Code in any way that violates or is inconsistent
29 |       with those terms (for more information, please visit:
30 |       www.cisco.com/go/terms.
31 | 
32 |    3. OWNERSHIP: Cisco retains sole and exclusive ownership of the Sample
33 |       Code, including all intellectual property rights therein, except with
34 |       respect to any third-party material that may be used in or by the
35 |       Sample Code. Any such third-party material is licensed under its own
36 |       separate terms (such as an open source license) and all use must be in
37 |       full accordance with the applicable license. This License does not
38 |       grant you permission to use any trade names, trademarks, service
39 |       marks, or product names of Cisco. If you provide any feedback to Cisco
40 |       regarding the Sample Code, you agree that Cisco, its partners, and its
41 |       customers shall be free to use and incorporate such feedback into the
42 |       Sample Code, and Cisco products and services, for any purpose, and
43 |       without restriction, payment, or additional consideration of any kind.
44 |       If you initiate or participate in any litigation against Cisco, its
45 |       partners, or its customers (including cross-claims and counter-claims)
46 |       alleging that the Sample Code and/or its use infringe any patent,
47 |       copyright, or other intellectual property right, then all rights
48 |       granted to you under this License shall terminate immediately without
49 |       notice.
50 | 
51 |    4. LIMITATION OF LIABILITY: CISCO SHALL HAVE NO LIABILITY IN CONNECTION
52 |       WITH OR RELATING TO THIS LICENSE OR USE OF THE SAMPLE CODE, FOR
53 |       DAMAGES OF ANY KIND, INCLUDING BUT NOT LIMITED TO DIRECT, INCIDENTAL,
54 |       AND CONSEQUENTIAL DAMAGES, OR FOR ANY LOSS OF USE, DATA, INFORMATION,
55 |       PROFITS, BUSINESS, OR GOODWILL, HOWEVER CAUSED, EVEN IF ADVISED OF THE
56 |       POSSIBILITY OF SUCH DAMAGES.
57 | 
58 |    5. DISCLAIMER OF WARRANTY: SAMPLE CODE IS INTENDED FOR EXAMPLE PURPOSES
59 |       ONLY AND IS PROVIDED BY CISCO "AS IS" WITH ALL FAULTS AND WITHOUT
60 |       WARRANTY OR SUPPORT OF ANY KIND. TO THE MAXIMUM EXTENT PERMITTED BY
61 |       LAW, ALL EXPRESS AND IMPLIED CONDITIONS, REPRESENTATIONS, AND
62 |       WARRANTIES INCLUDING, WITHOUT LIMITATION, ANY IMPLIED WARRANTY OR
63 |       CONDITION OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-
64 |       INFRINGEMENT, SATISFACTORY QUALITY, NON-INTERFERENCE, AND ACCURACY,
65 |       ARE HEREBY EXCLUDED AND EXPRESSLY DISCLAIMED BY CISCO. CISCO DOES NOT
66 |       WARRANT THAT THE SAMPLE CODE IS SUITABLE FOR PRODUCTION OR COMMERCIAL
67 |       USE, WILL OPERATE PROPERLY, IS ACCURATE OR COMPLETE, OR IS WITHOUT
68 |       ERROR OR DEFECT.
69 | 
70 |    6. GENERAL: This License shall be governed by and interpreted in
71 |       accordance with the laws of the State of California, excluding its
72 |       conflict of laws provisions. You agree to comply with all applicable
73 |       United States export laws, rules, and regulations. If any provision of
74 |       this License is judged illegal, invalid, or otherwise unenforceable,
75 |       that provision shall be severed and the rest of the License shall
76 |       remain in full force and effect. No failure by Cisco to enforce any of
77 |       its rights related to the Sample Code or to a breach of this License
78 |       in a particular situation will act as a waiver of such rights. In the
79 |       event of any inconsistencies with any other terms, this License shall
80 |       take precedence.


--------------------------------------------------------------------------------
/smsGadget/11.5/agentTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 | 
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery -->
 37 |     <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="agentTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |           <div class="col-md-6">
 56 |           <div id="msgCenter"></div>
 57 |             <form class="form-horizontal">
 58 |             <fieldset id="dialogfieldset" class="outline">
 59 | 
 60 |             <!-- Text input-->
 61 |             <div class="form-group">
 62 |               <label class="col-md-4 control-label" for="to">Mobile Number</label>  
 63 |               <div class="col-md-8">
 64 |               <input type="text" name="to"  placeholder="Mobile Number" class="form-control input-md" id="toMobile">
 65 |                 
 66 |               </div>
 67 |             </div>
 68 | 
 69 |             <!-- Textarea -->
 70 |             <div class="form-group">
 71 |               <label class="col-md-4 control-label" for="msg">Text Message</label>
 72 |               <div class="col-md-8">                     
 73 |                 <textarea class="form-control" id="msg" name="msg"></textarea>
 74 |               </div>
 75 |             </div>
 76 | 
 77 |             <!-- Update with your own custom template reponses -->
 78 |             <div class="form-group">
 79 |               <label class="col-md-4 control-label" for="template">Template Response</label>
 80 |               <div class="col-md-8">
 81 |                 <select id="template" name="template" class="form-control">
 82 |                   <option value="" disabled selected>Select a Template</option>
 83 |                   <option value="Your order has shipped.">Your order has shipped.</option>
 84 |                   <option value="Thank you for calling Cisco TAC. You Service Request number is: **insert** for your records.">Thank you for calling Cisco TAC.</option>
 85 |                   <option value="Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123">Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123</option>
 86 |                 </select>
 87 |               </div>
 88 |             </div>
 89 | 
 90 |             <!-- Button -->
 91 |             <div class="form-group">
 92 |               <label class="col-md-4 control-label" for="submit"></label>
 93 |               <div class="col-md-8">
 94 |                 <button id="submit" name="submit" class="btn btn-success">Send</button>
 95 |               </div>
 96 |             </div>
 97 |             </fieldset>
 98 |             </form>
 99 |         </div><!-- end column -->
100 |         <div class="col-md-6">
101 |           <h4>Message History</h4>
102 |           <table class="table table-striped" id="history">
103 |             <thead>
104 |               <tr>
105 |                 <th width="20%">Date - Time</th>
106 |                 <th width="10%">Agent</th>
107 |                 <th width="70%">Message</th>
108 |               </tr>
109 |             </thead>
110 |             <tbody>
111 |             </tbody>
112 |           </table>
113 |         </div><!-- end column -->
114 |       </div> <!-- end row class -->
115 |       <div class="row">
116 |         <div align="center"><img src="poweredbycisco.png"></div> <!-- update with path to gadget directory -->  
117 |       </div>
118 |     </body>
119 | 
120 |     <script type="text/javascript">
121 |         gadgets.HubSettings.onConnect = function () {
122 |             finesse.modules.TropoGadget.init();
123 |         };
124 |     </script>
125 | ]]>
126 | </Content>
127 | </Module>
128 | 


--------------------------------------------------------------------------------
/smsGadget/10.6.1/agentTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 | 
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery -->
 37 |     <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="agentTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |           <div class="col-md-6">
 56 |           <div id="msgCenter"></div>
 57 |             <form class="form-horizontal">
 58 |             <fieldset id="dialogfieldset" class="outline">
 59 | 
 60 |             <!-- Text input-->
 61 |             <div class="form-group">
 62 |               <label class="col-md-4 control-label" for="to">Mobile Number</label>  
 63 |               <div class="col-md-8">
 64 |               <input type="text" name="to"  placeholder="Mobile Number" class="form-control input-md" id="toMobile">
 65 |                 
 66 |               </div>
 67 |             </div>
 68 | 
 69 |             <!-- Textarea -->
 70 |             <div class="form-group">
 71 |               <label class="col-md-4 control-label" for="msg">Text Message</label>
 72 |               <div class="col-md-8">                     
 73 |                 <textarea class="form-control" id="msg" name="msg"></textarea>
 74 |               </div>
 75 |             </div>
 76 | 
 77 |             <!-- Update with your own custom template reponses -->
 78 |             <div class="form-group">
 79 |               <label class="col-md-4 control-label" for="template">Template Response</label>
 80 |               <div class="col-md-8">
 81 |                 <select id="template" name="template" class="form-control">
 82 |                   <option value="" disabled selected>Select a Template</option>
 83 |                   <option value="Your order has shipped.">Your order has shipped.</option>
 84 |                   <option value="Thank you for calling Cisco TAC. You Service Request number is: **insert** for your records.">Thank you for calling Cisco TAC.</option>
 85 |                   <option value="Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123">Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123</option>
 86 |                 </select>
 87 |               </div>
 88 |             </div>
 89 | 
 90 |             <!-- Button -->
 91 |             <div class="form-group">
 92 |               <label class="col-md-4 control-label" for="submit"></label>
 93 |               <div class="col-md-8">
 94 |                 <button id="submit" name="submit" class="btn btn-success">Send</button>
 95 |               </div>
 96 |             </div>
 97 |             </fieldset>
 98 |             </form>
 99 |         </div><!-- end column -->
100 |         <div class="col-md-6">
101 |           <h4>Message History</h4>
102 |           <table class="table table-striped" id="history">
103 |             <thead>
104 |               <tr>
105 |                 <th width="20%">Date - Time</th>
106 |                 <th width="10%">Agent</th>
107 |                 <th width="70%">Message</th>
108 |               </tr>
109 |             </thead>
110 |             <tbody>
111 |             </tbody>
112 |           </table>
113 |         </div><!-- end column -->
114 |       </div> <!-- end row class -->
115 |       <div class="row">
116 |         <div align="center"><img src="poweredbycisco.png"></div> <!-- update with path to gadget directory -->  
117 |       </div>
118 |     </body>
119 | 
120 |     <script type="text/javascript">
121 |         gadgets.HubSettings.onConnect = function () {
122 |             finesse.modules.TropoGadget.init();
123 |         };
124 |     </script>
125 | ]]>
126 | </Content>
127 | </Module>
128 | 


--------------------------------------------------------------------------------
/smsGadget/11.0.1/agentTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 | 
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery -->
 37 |     <script type="text/javascript" src="/desktop/assets/js/jquery.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="/desktop/assets/js/finesse.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="agentTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |           <div class="col-md-6">
 56 |           <div id="msgCenter"></div>
 57 |             <form class="form-horizontal">
 58 |             <fieldset id="dialogfieldset" class="outline">
 59 | 
 60 |             <!-- Text input-->
 61 |             <div class="form-group">
 62 |               <label class="col-md-4 control-label" for="to">Mobile Number</label>  
 63 |               <div class="col-md-8">
 64 |               <input type="text" name="to"  placeholder="Mobile Number" class="form-control input-md" id="toMobile">
 65 |                 
 66 |               </div>
 67 |             </div>
 68 | 
 69 |             <!-- Textarea -->
 70 |             <div class="form-group">
 71 |               <label class="col-md-4 control-label" for="msg">Text Message</label>
 72 |               <div class="col-md-8">                     
 73 |                 <textarea class="form-control" id="msg" name="msg"></textarea>
 74 |               </div>
 75 |             </div>
 76 | 
 77 |             <!-- Update with your own custom template reponses -->
 78 |             <div class="form-group">
 79 |               <label class="col-md-4 control-label" for="template">Template Response</label>
 80 |               <div class="col-md-8">
 81 |                 <select id="template" name="template" class="form-control">
 82 |                   <option value="" disabled selected>Select a Template</option>
 83 |                   <option value="Your order has shipped.">Your order has shipped.</option>
 84 |                   <option value="Thank you for calling Cisco TAC. You Service Request number is: **insert** for your records.">Thank you for calling Cisco TAC.</option>
 85 |                   <option value="Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123">Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123</option>
 86 |                 </select>
 87 |               </div>
 88 |             </div>
 89 | 
 90 |             <!-- Button -->
 91 |             <div class="form-group">
 92 |               <label class="col-md-4 control-label" for="submit"></label>
 93 |               <div class="col-md-8">
 94 |                 <button id="submit" name="submit" class="btn btn-success">Send</button>
 95 |               </div>
 96 |             </div>
 97 |             </fieldset>
 98 |             </form>
 99 |         </div><!-- end column -->
100 |         <div class="col-md-6">
101 |           <h4>Message History</h4>
102 |           <table class="table table-striped" id="history">
103 |             <thead>
104 |               <tr>
105 |                 <th width="20%">Date - Time</th>
106 |                 <th width="10%">Agent</th>
107 |                 <th width="70%">Message</th>
108 |               </tr>
109 |             </thead>
110 |             <tbody>
111 |             </tbody>
112 |           </table>
113 |         </div><!-- end column -->
114 |       </div> <!-- end row class -->
115 |       <div class="row">
116 |         <div align="center"><img src="poweredbycisco.png"></div> <!-- update with path to gadget directory -->  
117 |       </div>
118 |     </body>
119 | 
120 |     <script type="text/javascript">
121 |         gadgets.HubSettings.onConnect = function () {
122 |             finesse.modules.TropoGadget.init();
123 |         };
124 |     </script>
125 | ]]>
126 | </Content>
127 | </Module>
128 | 


--------------------------------------------------------------------------------
/smsGadget/10.5/agentTropoGadget.xml:
--------------------------------------------------------------------------------
  1 | <!-- Copyright (c) 2018 Cisco and/or its affiliates.
  2 | 
  3 | This software is licensed to you under the terms of the Cisco Sample
  4 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  5 | License at
  6 | 
  7 |                https://developer.cisco.com/docs/licenses
  8 | 
  9 | All use of the material herein must be in accordance with the terms of
 10 | the License. All rights not expressly granted by the License are
 11 | reserved. Unless required by applicable law or agreed to separately in
 12 | writing, software distributed under the License is distributed on an "AS
 13 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 14 | or implied.  -->
 15 | 
 16 | <?xml version="1.0" encoding="UTF-8"?>
 17 | <Module>
 18 | 
 19 | <ModulePrefs title="Cisco Tropo SMS"
 20 |         description="Cisco Tropo SMS"
 21 |         thumbnail="http://localhost:8080/">
 22 | 
 23 |     <Require feature="settitle" />
 24 |     <Require feature="dynamic-height" />
 25 |     <Require feature="pubsub-2" />
 26 |     <Require feature="setprefs" />
 27 | </ModulePrefs>
 28 | 
 29 | <Content type="html">
 30 | <![CDATA[
 31 |     <!DOCTYPE html>
 32 |     <!-- Styling -->
 33 |     <link rel="stylesheet" href="TropoGadget.css" type="text/css" />
 34 |     <link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
 35 | 
 36 |     <!-- jQuery 1.5 -->
 37 |     <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
 38 |    
 39 |     <!-- Finesse Library -->
 40 |     <script type="text/javascript" src="finesse-10.5.1.js"></script>
 41 | 
 42 |     <!-- Firebase Library -->
 43 |     <script type="text/javascript" src="firebase3_5_2.js"></script>
 44 | 
 45 |     <!-- Gadget Business Logic -->
 46 |     <script type="text/javascript" src="agentTropoGadget.js"></script>
 47 | 
 48 |     <!-- Bootstrap Library -->
 49 |     <script type="text/javascript" src="bootstrap.min.js"></script>
 50 | 
 51 |       <body class="claro">
 52 |         <br/>
 53 |       <!-- tropo gadget -->
 54 |         <div class="row">
 55 |           <div class="col-md-6">
 56 |           <div id="msgCenter"></div>
 57 |             <form class="form-horizontal">
 58 |             <fieldset id="dialogfieldset" class="outline">
 59 | 
 60 |             <!-- Text input-->
 61 |             <div class="form-group">
 62 |               <label class="col-md-4 control-label" for="to">Mobile Number</label>  
 63 |               <div class="col-md-8">
 64 |               <input type="text" name="to"  placeholder="Mobile Number" class="form-control input-md" id="toMobile">
 65 |                 
 66 |               </div>
 67 |             </div>
 68 | 
 69 |             <!-- Textarea -->
 70 |             <div class="form-group">
 71 |               <label class="col-md-4 control-label" for="msg">Text Message</label>
 72 |               <div class="col-md-8">                     
 73 |                 <textarea class="form-control" id="msg" name="msg"></textarea>
 74 |               </div>
 75 |             </div>
 76 | 
 77 |             <!-- Update with your own custom template reponses -->
 78 |             <div class="form-group">
 79 |               <label class="col-md-4 control-label" for="template">Template Response</label>
 80 |               <div class="col-md-8">
 81 |                 <select id="template" name="template" class="form-control">
 82 |                   <option value="" disabled selected>Select a Template</option>
 83 |                   <option value="Your order has shipped.">Your order has shipped.</option>
 84 |                   <option value="Thank you for calling Cisco TAC. You Service Request number is: **insert** for your records.">Thank you for calling Cisco TAC.</options>
 85 |                   <option value="Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123">Thanks for calling Cisco. Use the following coupon code on your next order: CISCO123</option>
 86 |                 </select>
 87 |               </div>
 88 |             </div>
 89 | 
 90 |             <!-- Button -->
 91 |             <div class="form-group">
 92 |               <label class="col-md-4 control-label" for="submit"></label>
 93 |               <div class="col-md-8">
 94 |                 <button id="submit" name="submit" class="btn btn-success">Send</button>
 95 |               </div>
 96 |             </div>
 97 |             </fieldset>
 98 |             </form>
 99 |         </div><!-- end column -->
100 |         <div class="col-md-6">
101 |           <h4>Message History</h4>
102 |           <table class="table table-striped" id="history">
103 |             <thead>
104 |               <tr>
105 |                 <th width="20%">Date - Time</th>
106 |                 <th width="10%">Agent</th>
107 |                 <th width="70%">Message</th>
108 |               </tr>
109 |             </thead>
110 |             <tbody>
111 |             </tbody>
112 |           </table>
113 |         </div><!-- end column -->
114 |       </div> <!-- end row class -->
115 |       <div class="row">
116 |         <div align="center"><img src="<insert path to gadget directory>/troposms/poweredbycisco.png"></div> // update with path to gadget directory      
117 |       </div>
118 |     </body>
119 | 
120 |     <script type="text/javascript">
121 |         gadgets.HubSettings.onConnect = function () {
122 |             finesse.modules.TropoGadget.init();
123 |         };
124 |     </script>
125 | ]]>
126 | </Content>
127 | </Module>
128 | 


--------------------------------------------------------------------------------
/smsGadget/11.5/supTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | 
 24 | // firebase config values are found in the firebase web console.
 25 | var fireBaseConfig = {
 26 |   apiKey: "",
 27 |   authDomain: "",
 28 |   databaseURL: "",
 29 |   storageBucket: ""
 30 | };
 31 | 
 32 | var finesse = finesse || {};
 33 | finesse.gadget = finesse.gadget || {};
 34 | finesse.container = finesse.container || {};
 35 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 36 | 
 37 | /** @namespace */
 38 | finesse.modules = finesse.modules || {};
 39 | finesse.modules.TropoGadget = (function ($) {
 40 |     var user, interactionData,
 41 | 
 42 |     render = function () {
 43 | 
 44 |       // build list of the supervisor's teams
 45 |       var myTeams = user.getSupervisedTeams();
 46 |       var teamArray = [];
 47 |   	  $.each(myTeams, function (i, item) {
 48 |   		  teamArray.push(item.id);
 49 |   	    $('#team').append($('<option>', { 
 50 |   	        value: item.id,
 51 |   	        text : item.name 
 52 |   	    }));
 53 |   	  });
 54 |       
 55 |       // setup empty variables for search
 56 |       var qTeam = "";
 57 |       var qAgent = "";
 58 |       var qMsg = "";
 59 |       var qNumber = "";
 60 | 
 61 |       
 62 |       function msgHistory(qTeam, qAgent, qNumber, qMsg) {
 63 |         var historyTable = "";
 64 |         var queryString = "";
 65 | 
 66 |         if(qTeam){
 67 |           queryString += "value.team === qTeam";
 68 |         }else{
 69 |           var myTeam = "";
 70 |           var teamsArray = user.getSupervisedTeams();
 71 |           var i = teamsArray.length;
 72 |           for (t = 0; t < i; t++){
 73 |             if (t == 1 && i > 1){
 74 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
 75 |             }else if (t < i - 1) {
 76 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
 77 |             }else{
 78 |               queryString += "value.team === \"" + teamsArray[t].id + "\"";
 79 |             }
 80 |           }
 81 |         }
 82 | 
 83 |         if(qAgent){
 84 |           if (queryString.length > 1){
 85 |             queryString += " && ";
 86 |           }
 87 |           queryString += "value.agent === qAgent";
 88 |         }
 89 | 
 90 |         if(qNumber){
 91 |           if (queryString.length > 1){
 92 |             queryString += " && ";
 93 |           }
 94 |           queryString += "value.to === qNumber";
 95 |         }
 96 | 
 97 |         if(qMsg){
 98 |           if (queryString.length > 1){
 99 |             queryString += " && ";
100 |           }
101 |           // convert message text to lowercase for searching
102 |           qMsg = qMsg.toLowerCase();
103 |           queryString += "(value.msg.toLowerCase().indexOf(qMsg) > -1)";
104 |         }
105 | 
106 |         interactionData.limitToLast(1000).once('value', function(snapshot) {
107 |         
108 |           if (snapshot.exists()) {
109 |             $.each(snapshot.val(), function(index, value) {
110 |               if(eval(queryString)){
111 |                 showResults(value);
112 |               }
113 | 
114 |             }); 
115 |           }
116 |               function showResults(value){
117 |                 var dateSent = new Date(value.dateSent);
118 |                 dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
119 |                 historyTable += "<tr><td>" + dateSent + "</td><td>"+value.teamName+"</td><td>"+value.agent+"</td><td>"+value.to+"</td><td>"+value.msg+"</td></tr>";
120 |               }
121 | 
122 |           $("#history tbody").html(historyTable); 
123 |           gadgets.window.adjustHeight();
124 |         });
125 |       }
126 | 
127 |         msgHistory(qTeam, qAgent, qNumber, qMsg);
128 | 
129 | 
130 |         $("#search").click(function(event){
131 |           event.preventDefault();
132 | 
133 |           qTeam = $("#team").val();
134 |           qAgent = $("#agent").val();
135 |           qMsg = $("#msgBody").val();
136 |           qNumber = $("#msgNumber").val();
137 | 
138 |           msgHistory(qTeam, qAgent, qNumber, qMsg);
139 | 
140 |         });
141 | 
142 |         $("#reset").click(function(event){
143 |           event.preventDefault();
144 |           $("#team").prop('selectedIndex',0);
145 |           $("#agent").val("");
146 |           $("#msgNumber").val("");   
147 |           $("#msgBody").val("");       
148 |         });
149 | 
150 |     },
151 |      
152 |     /**
153 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
154 |      * from the Finesse server.  Any once only initialization should be done within this function.
155 |      */
156 |     handleUserLoad = function (userevent) {
157 |       render();
158 |     };
159 | 	    
160 | 	/** @scope finesse.modules.supTropoGadget */
161 | 	return {
162 | 	        
163 | 	    /**
164 | 	     * Performs all initialization for this gadget
165 | 	     */
166 | 	    init : function () {
167 | 			var cfg = finesse.gadget.Config;
168 | 			var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
169 | 
170 |       // Initialize Firebase
171 |       firebase.initializeApp(fireBaseConfig);
172 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
173 |         clientLogs.log("authenticating!");
174 |        if (error) {
175 |          clientLogs.log("Authentication Failed!", error);
176 |        } else {
177 |          clientLogs.log("Authenticated successfully");
178 |        }
179 |       });
180 |       interactionData = firebase.database().ref();
181 | 
182 | 	    gadgets.window.adjustHeight();
183 | 	        
184 |       // Initiate the ClientServices and load the user object.  ClientServices are
185 |       // initialized with a reference to the current configuration.
186 |       finesse.clientservices.ClientServices.init(finesse.gadget.Config);
187 | 			clientLogs.init(gadgets.Hub, "supTropoGadget"); //this gadget id will be logged as a part of the message
188 | 	       user = new finesse.restservices.User({
189 | 				id: cfg.id, 
190 |                 onLoad : handleUserLoad
191 |             });
192 | 			
193 | 			// Initiate the ContainerServices and add a handler for when the tab is visible
194 | 			// to adjust the height of this gadget in case the tab was not visible
195 | 			// when the html was rendered (adjustHeight only works when tab is visible)
196 | 			
197 | 			containerServices = finesse.containerservices.ContainerServices.init();
198 |             containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
199 | 			    clientLogs.log("Supervisor SMS Gadget is now visible");  // log to Finesse logger
200 | 			   // automatically adjust the height of the gadget to show the html
201 | 		         gadgets.window.adjustHeight();
202 | 				
203 | 				   
204 | 			   });
205 |             containerServices.makeActiveTabReq();
206 | 	    }
207 |     };
208 | }(jQuery));
209 | 


--------------------------------------------------------------------------------
/smsGadget/11.0.1/supTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | 
 24 | // firebase config values are found in the firebase web console.
 25 | var fireBaseConfig = {
 26 |   apiKey: "",
 27 |   authDomain: "",
 28 |   databaseURL: "",
 29 |   storageBucket: ""
 30 | };
 31 | 
 32 | var finesse = finesse || {};
 33 | finesse.gadget = finesse.gadget || {};
 34 | finesse.container = finesse.container || {};
 35 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 36 | 
 37 | /** @namespace */
 38 | finesse.modules = finesse.modules || {};
 39 | finesse.modules.TropoGadget = (function ($) {
 40 |     var user, interactionData,
 41 | 
 42 |     render = function () {
 43 | 
 44 |       // build list of the supervisor's teams
 45 |       var myTeams = user.getSupervisedTeams();
 46 |       var teamArray = [];
 47 |       $.each(myTeams, function (i, item) {
 48 |         teamArray.push(item.id);
 49 |         $('#team').append($('<option>', { 
 50 |             value: item.id,
 51 |             text : item.name 
 52 |         }));
 53 |       });
 54 |       
 55 |       // setup empty variables for search
 56 |       var qTeam = "";
 57 |       var qAgent = "";
 58 |       var qMsg = "";
 59 |       var qNumber = "";
 60 | 
 61 |       
 62 |       function msgHistory(qTeam, qAgent, qNumber, qMsg) {
 63 |         var historyTable = "";
 64 |         var queryString = "";
 65 | 
 66 |         if(qTeam){
 67 |           queryString += "value.team === qTeam";
 68 |         }else{
 69 |           var myTeam = "";
 70 |           var teamsArray = user.getSupervisedTeams();
 71 |           var i = teamsArray.length;
 72 |           for (t = 0; t < i; t++){
 73 |             if (t == 1 && i > 1){
 74 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
 75 |             }else if (t < i - 1) {
 76 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
 77 |             }else{
 78 |               queryString += "value.team === \"" + teamsArray[t].id + "\"";
 79 |             }
 80 |           }
 81 |         }
 82 | 
 83 |         if(qAgent){
 84 |           if (queryString.length > 1){
 85 |             queryString += " && ";
 86 |           }
 87 |           queryString += "value.agent === qAgent";
 88 |         }
 89 | 
 90 |         if(qNumber){
 91 |           if (queryString.length > 1){
 92 |             queryString += " && ";
 93 |           }
 94 |           queryString += "value.to === qNumber";
 95 |         }
 96 | 
 97 |         if(qMsg){
 98 |           if (queryString.length > 1){
 99 |             queryString += " && ";
100 |           }
101 |           // convert message text to lowercase for searching
102 |           qMsg = qMsg.toLowerCase();
103 |           queryString += "(value.msg.toLowerCase().indexOf(qMsg) > -1)";
104 |         }
105 | 
106 |         interactionData.limitToLast(1000).once('value', function(snapshot) {
107 |         
108 |           if (snapshot.exists()) {
109 |             $.each(snapshot.val(), function(index, value) {
110 |               if(eval(queryString)){
111 |                 showResults(value);
112 |               }
113 | 
114 |             }); 
115 |           }
116 |               function showResults(value){
117 |                 var dateSent = new Date(value.dateSent);
118 |                 dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
119 |                 historyTable += "<tr><td>" + dateSent + "</td><td>"+value.teamName+"</td><td>"+value.agent+"</td><td>"+value.to+"</td><td>"+value.msg+"</td></tr>";
120 |               }
121 | 
122 |           $("#history tbody").html(historyTable); 
123 |           gadgets.window.adjustHeight();
124 |         });
125 |       }
126 | 
127 |         msgHistory(qTeam, qAgent, qNumber, qMsg);
128 | 
129 | 
130 |         $("#search").click(function(event){
131 |           event.preventDefault();
132 | 
133 |           qTeam = $("#team").val();
134 |           qAgent = $("#agent").val();
135 |           qMsg = $("#msgBody").val();
136 |           qNumber = $("#msgNumber").val();
137 | 
138 |           msgHistory(qTeam, qAgent, qNumber, qMsg);
139 | 
140 |         });
141 | 
142 |         $("#reset").click(function(event){
143 |           event.preventDefault();
144 |           $("#team").prop('selectedIndex',0);
145 |           $("#agent").val("");
146 |           $("#msgNumber").val("");   
147 |           $("#msgBody").val("");       
148 |         });
149 | 
150 |     },
151 |      
152 |     /**
153 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
154 |      * from the Finesse server.  Any once only initialization should be done within this function.
155 |      */
156 |     handleUserLoad = function (userevent) {
157 |       render();
158 |     };
159 |       
160 |   /** @scope finesse.modules.supTropoGadget */
161 |   return {
162 |           
163 |       /**
164 |        * Performs all initialization for this gadget
165 |        */
166 |       init : function () {
167 |       var cfg = finesse.gadget.Config;
168 |       var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
169 | 
170 |       // Initialize Firebase
171 |       firebase.initializeApp(fireBaseConfig);
172 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
173 |         clientLogs.log("authenticating!");
174 |        if (error) {
175 |          clientLogs.log("Authentication Failed!", error);
176 |        } else {
177 |          clientLogs.log("Authenticated successfully");
178 |        }
179 |       });
180 |       interactionData = firebase.database().ref();
181 | 
182 |       gadgets.window.adjustHeight();
183 |           
184 |       // Initiate the ClientServices and load the user object.  ClientServices are
185 |       // initialized with a reference to the current configuration.
186 |       finesse.clientservices.ClientServices.init(finesse.gadget.Config);
187 |       clientLogs.init(gadgets.Hub, "supTropoGadget"); //this gadget id will be logged as a part of the message
188 |          user = new finesse.restservices.User({
189 |         id: cfg.id, 
190 |                 onLoad : handleUserLoad
191 |             });
192 |       
193 |       // Initiate the ContainerServices and add a handler for when the tab is visible
194 |       // to adjust the height of this gadget in case the tab was not visible
195 |       // when the html was rendered (adjustHeight only works when tab is visible)
196 |       
197 |       containerServices = finesse.containerservices.ContainerServices.init();
198 |             containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
199 |           clientLogs.log("Supervisor SMS Gadget is now visible");  // log to Finesse logger
200 |          // automatically adjust the height of the gadget to show the html
201 |              gadgets.window.adjustHeight();
202 |         
203 |            
204 |          });
205 |             containerServices.makeActiveTabReq();
206 |       }
207 |     };
208 | }(jQuery));
209 | 


--------------------------------------------------------------------------------
/smsGadget/10.6.1/supTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | 
 24 | // firebase config values are found in the firebase web console.
 25 | var fireBaseConfig = {
 26 |   apiKey: "",
 27 |   authDomain: "",
 28 |   databaseURL: "",
 29 |   storageBucket: ""
 30 | };
 31 | 
 32 | var finesse = finesse || {};
 33 | finesse.gadget = finesse.gadget || {};
 34 | finesse.container = finesse.container || {};
 35 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 36 | 
 37 | // Gadget Config needed for instantiating ClientServices
 38 | /** @namespace */
 39 | finesse.gadget.Config = (function () {
 40 | 	var _prefs = new gadgets.Prefs();
 41 | 
 42 | 	/** @scope finesse.gadget.Config */
 43 | 	return {
 44 | 		authorization: _prefs.getString("authorization"),
 45 | 		country: _prefs.getString("country"),
 46 | 		language: _prefs.getString("language"),
 47 | 		locale: _prefs.getString("locale"),
 48 | 		host: _prefs.getString("host"),
 49 | 		hostPort: _prefs.getString("hostPort"),
 50 | 		extension: _prefs.getString("extension"),
 51 | 		mobileAgentMode: _prefs.getString("mobileAgentMode"),
 52 | 		mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
 53 | 		xmppDomain: _prefs.getString("xmppDomain"),
 54 | 		pubsubDomain: _prefs.getString("pubsubDomain"),
 55 | 		restHost: _prefs.getString("restHost"),
 56 | 		scheme: _prefs.getString("scheme"),
 57 | 		localhostFQDN: _prefs.getString("localhostFQDN"),
 58 | 		localhostPort: _prefs.getString("localhostPort"),
 59 | 		clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
 60 | 	};
 61 | }());
 62 | 
 63 | /** @namespace */
 64 | finesse.modules = finesse.modules || {};
 65 | finesse.modules.TropoGadget = (function ($) {
 66 |     var user, interactionData,
 67 | 
 68 |     render = function () {
 69 | 
 70 |       // build list of the supervisor's teams
 71 |       var myTeams = user.getSupervisedTeams();
 72 |       var teamArray = [];
 73 |   	  $.each(myTeams, function (i, item) {
 74 |   		  teamArray.push(item.id);
 75 |   	    $('#team').append($('<option>', { 
 76 |   	        value: item.id,
 77 |   	        text : item.name 
 78 |   	    }));
 79 |   	  });
 80 |       
 81 |       // setup empty variables for search
 82 |       var qTeam = "";
 83 |       var qAgent = "";
 84 |       var qMsg = "";
 85 |       var qNumber = "";
 86 | 
 87 |       
 88 |       function msgHistory(qTeam, qAgent, qNumber, qMsg) {
 89 |         var historyTable = "";
 90 |         var queryString = "";
 91 | 
 92 |         if(qTeam){
 93 |           queryString += "value.team === qTeam";
 94 |         }else{
 95 |           var myTeam = "";
 96 |           var teamsArray = user.getSupervisedTeams();
 97 |           var i = teamsArray.length;
 98 |           for (t = 0; t < i; t++){
 99 |             if (t == 1 && i > 1){
100 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
101 |             }else if (t < i - 1) {
102 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
103 |             }else{
104 |               queryString += "value.team === \"" + teamsArray[t].id + "\"";
105 |             }
106 |           }
107 |         }
108 | 
109 |         if(qAgent){
110 |           if (queryString.length > 1){
111 |             queryString += " && ";
112 |           }
113 |           queryString += "value.agent === qAgent";
114 |         }
115 | 
116 |         if(qNumber){
117 |           if (queryString.length > 1){
118 |             queryString += " && ";
119 |           }
120 |           queryString += "value.to === qNumber";
121 |         }
122 | 
123 |         if(qMsg){
124 |           if (queryString.length > 1){
125 |             queryString += " && ";
126 |           }
127 |           // convert message text to lowercase for searching
128 |           qMsg = qMsg.toLowerCase();
129 |           queryString += "(value.msg.toLowerCase().indexOf(qMsg) > -1)";
130 |         }
131 | 
132 |         interactionData.limitToLast(1000).once('value', function(snapshot) {
133 |         
134 |           if (snapshot.exists()) {
135 |             $.each(snapshot.val(), function(index, value) {
136 |               if(eval(queryString)){
137 |                 showResults(value);
138 |               }
139 |             }); 
140 |           }
141 |               function showResults(value){
142 |                 var dateSent = new Date(value.dateSent);
143 |                 dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
144 |                 historyTable += "<tr><td>" + dateSent + "</td><td>"+value.teamName+"</td><td>"+value.agent+"</td><td>"+value.to+"</td><td>"+value.msg+"</td></tr>";
145 |               }
146 | 
147 |           $("#history tbody").html(historyTable); 
148 |           gadgets.window.adjustHeight();
149 |         });
150 |       }
151 | 
152 |         msgHistory(qTeam, qAgent, qNumber, qMsg);
153 | 
154 | 
155 |         $("#search").click(function(event){
156 |           event.preventDefault();
157 | 
158 |           qTeam = $("#team").val();
159 |           qAgent = $("#agent").val();
160 |           qMsg = $("#msgBody").val();
161 |           qNumber = $("#msgNumber").val();
162 | 
163 |           msgHistory(qTeam, qAgent, qNumber, qMsg);
164 | 
165 |         });
166 | 
167 |         $("#reset").click(function(event){
168 |           event.preventDefault();
169 |           $("#team").prop('selectedIndex',0);
170 |           $("#agent").val("");
171 |           $("#msgNumber").val("");   
172 |           $("#msgBody").val("");       
173 |         });
174 | 
175 |     },
176 |      
177 |     /**
178 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
179 |      * from the Finesse server.  Any once only initialization should be done within this function.
180 |      */
181 |     handleUserLoad = function (userevent) {
182 |       render();
183 |     };
184 | 	    
185 | 	/** @scope finesse.modules.supTropoGadget */
186 | 	return {
187 | 	        
188 | 	    /**
189 | 	     * Performs all initialization for this gadget
190 | 	     */
191 | 	    init : function () {
192 | 			var prefs =  new gadgets.Prefs(),
193 | 			id = prefs.getString("id");
194 | 			var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
195 | 
196 |       // Initialize Firebase
197 |       firebase.initializeApp(fireBaseConfig);
198 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
199 |         clientLogs.log("authenticating!");
200 |        if (error) {
201 |          clientLogs.log("Authentication Failed!", error);
202 |        } else {
203 |          clientLogs.log("Authenticated successfully");
204 |        }
205 |       });
206 |       interactionData = firebase.database().ref();
207 | 
208 | 	    gadgets.window.adjustHeight();
209 | 	        
210 |       // Initiate the ClientServices and load the user object.  ClientServices are
211 |       // initialized with a reference to the current configuration.
212 |       finesse.clientservices.ClientServices.init(finesse.gadget.Config);
213 | 			clientLogs.init(gadgets.Hub, "supTropoGadget"); //this gadget id will be logged as a part of the message
214 | 	       user = new finesse.restservices.User({
215 | 				id: id, 
216 |                 onLoad : handleUserLoad
217 |             });
218 | 			
219 | 			// Initiate the ContainerServices and add a handler for when the tab is visible
220 | 			// to adjust the height of this gadget in case the tab was not visible
221 | 			// when the html was rendered (adjustHeight only works when tab is visible)
222 | 			
223 | 			containerServices = finesse.containerservices.ContainerServices.init();
224 |             containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
225 | 			    clientLogs.log("Supervisor Tropo Gadget is now visible");  // log to Finesse logger
226 | 			   // automatically adjust the height of the gadget to show the html
227 | 		         gadgets.window.adjustHeight();
228 | 				
229 | 				   
230 | 			   });
231 |             containerServices.makeActiveTabReq();
232 | 	    }
233 |     };
234 | }(jQuery));
235 | 


--------------------------------------------------------------------------------
/smsGadget/10.5/supTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | 
 24 | // firebase config values are found in the firebase web console.
 25 | var fireBaseConfig = {
 26 |   apiKey: "",
 27 |   authDomain: "",
 28 |   databaseURL: "",
 29 |   storageBucket: ""
 30 | };
 31 | 
 32 | var finesse = finesse || {};
 33 | finesse.gadget = finesse.gadget || {};
 34 | finesse.container = finesse.container || {};
 35 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 36 | 
 37 | // Gadget Config needed for instantiating ClientServices
 38 | /** @namespace */
 39 | finesse.gadget.Config = (function () {
 40 | 	var _prefs = new gadgets.Prefs();
 41 | 
 42 | 	/** @scope finesse.gadget.Config */
 43 | 	return {
 44 | 		authorization: _prefs.getString("authorization"),
 45 | 		country: _prefs.getString("country"),
 46 | 		language: _prefs.getString("language"),
 47 | 		locale: _prefs.getString("locale"),
 48 | 		host: _prefs.getString("host"),
 49 | 		hostPort: _prefs.getString("hostPort"),
 50 | 		extension: _prefs.getString("extension"),
 51 | 		mobileAgentMode: _prefs.getString("mobileAgentMode"),
 52 | 		mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
 53 | 		xmppDomain: _prefs.getString("xmppDomain"),
 54 | 		pubsubDomain: _prefs.getString("pubsubDomain"),
 55 | 		restHost: _prefs.getString("restHost"),
 56 | 		scheme: _prefs.getString("scheme"),
 57 | 		localhostFQDN: _prefs.getString("localhostFQDN"),
 58 | 		localhostPort: _prefs.getString("localhostPort"),
 59 | 		clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
 60 | 	};
 61 | }());
 62 | 
 63 | /** @namespace */
 64 | finesse.modules = finesse.modules || {};
 65 | finesse.modules.TropoGadget = (function ($) {
 66 |     var user, interactionData,
 67 | 
 68 |     render = function () {
 69 | 
 70 |       // build list of the supervisor's teams
 71 |       var myTeams = user.getSupervisedTeams();
 72 |       var teamArray = [];
 73 |   	  $.each(myTeams, function (i, item) {
 74 |   		  teamArray.push(item.id);
 75 |   	    $('#team').append($('<option>', { 
 76 |   	        value: item.id,
 77 |   	        text : item.name 
 78 |   	    }));
 79 |   	  });
 80 |       
 81 |       // setup empty variables for search
 82 |       var qTeam = "";
 83 |       var qAgent = "";
 84 |       var qMsg = "";
 85 |       var qNumber = "";
 86 | 
 87 |       
 88 |       function msgHistory(qTeam, qAgent, qNumber, qMsg) {
 89 |         var historyTable = "";
 90 |         var queryString = "";
 91 | 
 92 |         if(qTeam){
 93 |           queryString += "value.team === qTeam";
 94 |         }else{
 95 |           var myTeam = "";
 96 |           var teamsArray = user.getSupervisedTeams();
 97 |           var i = teamsArray.length;
 98 |           for (t = 0; t < i; t++){
 99 |             if (t == 1 && i > 1){
100 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
101 |             }else if (t < i - 1) {
102 |               queryString += "value.team === \"" + teamsArray[t].id + "\" || ";
103 |             }else{
104 |               queryString += "value.team === \"" + teamsArray[t].id + "\"";
105 |             }
106 |           }
107 |         }
108 | 
109 |         if(qAgent){
110 |           if (queryString.length > 1){
111 |             queryString += " && ";
112 |           }
113 |           queryString += "value.agent === qAgent";
114 |         }
115 | 
116 |         if(qNumber){
117 |           if (queryString.length > 1){
118 |             queryString += " && ";
119 |           }
120 |           queryString += "value.to === qNumber";
121 |         }
122 | 
123 |         if(qMsg){
124 |           if (queryString.length > 1){
125 |             queryString += " && ";
126 |           }
127 |           // convert message text to lowercase for searching
128 |           qMsg = qMsg.toLowerCase();
129 |           queryString += "(value.msg.toLowerCase().indexOf(qMsg) > -1)";
130 |         }
131 | 
132 |         interactionData.limitToLast(1000).once('value', function(snapshot) {
133 |         
134 |           if (snapshot.exists()) {
135 |             $.each(snapshot.val(), function(index, value) {
136 |               if(eval(queryString)){
137 |                 showResults(value);
138 |               }
139 | 
140 |             }); 
141 |           }
142 |               function showResults(value){
143 |                 var dateSent = new Date(value.dateSent);
144 |                 dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
145 |                 historyTable += "<tr><td>" + dateSent + "</td><td>"+value.teamName+"</td><td>"+value.agent+"</td><td>"+value.to+"</td><td>"+value.msg+"</td></tr>";
146 |               }
147 | 
148 |           $("#history tbody").html(historyTable); 
149 |           gadgets.window.adjustHeight();
150 |         });
151 |       }
152 | 
153 |         msgHistory(qTeam, qAgent, qNumber, qMsg);
154 | 
155 | 
156 |         $("#search").click(function(event){
157 |           event.preventDefault();
158 | 
159 |           qTeam = $("#team").val();
160 |           qAgent = $("#agent").val();
161 |           qMsg = $("#msgBody").val();
162 |           qNumber = $("#msgNumber").val();
163 | 
164 |           msgHistory(qTeam, qAgent, qNumber, qMsg);
165 | 
166 |         });
167 | 
168 |         $("#reset").click(function(event){
169 |           event.preventDefault();
170 |           $("#team").prop('selectedIndex',0);
171 |           $("#agent").val("");
172 |           $("#msgNumber").val("");   
173 |           $("#msgBody").val("");       
174 |         });
175 | 
176 |     },
177 |      
178 |     /**
179 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
180 |      * from the Finesse server.  Any once only initialization should be done within this function.
181 |      */
182 |     handleUserLoad = function (userevent) {
183 |       render();
184 |     };
185 | 	    
186 | 	/** @scope finesse.modules.supTropoGadget */
187 | 	return {
188 | 	        
189 | 	    /**
190 | 	     * Performs all initialization for this gadget
191 | 	     */
192 | 	    init : function () {
193 | 			var prefs =  new gadgets.Prefs(),
194 | 			id = prefs.getString("id");
195 | 			var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
196 | 
197 |       // Initialize Firebase
198 |       firebase.initializeApp(fireBaseConfig);
199 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
200 |         clientLogs.log("authenticating!");
201 |        if (error) {
202 |          clientLogs.log("Authentication Failed!", error);
203 |        } else {
204 |          clientLogs.log("Authenticated successfully");
205 |        }
206 |       });
207 |       interactionData = firebase.database().ref();
208 | 
209 | 	    gadgets.window.adjustHeight();
210 | 	        
211 |       // Initiate the ClientServices and load the user object.  ClientServices are
212 |       // initialized with a reference to the current configuration.
213 |       finesse.clientservices.ClientServices.init(finesse.gadget.Config);
214 | 			clientLogs.init(gadgets.Hub, "supTropoGadget"); //this gadget id will be logged as a part of the message
215 | 	       user = new finesse.restservices.User({
216 | 				id: id, 
217 |                 onLoad : handleUserLoad
218 |             });
219 | 			
220 | 			// Initiate the ContainerServices and add a handler for when the tab is visible
221 | 			// to adjust the height of this gadget in case the tab was not visible
222 | 			// when the html was rendered (adjustHeight only works when tab is visible)
223 | 			
224 | 			containerServices = finesse.containerservices.ContainerServices.init();
225 |             containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
226 | 			    clientLogs.log("Supervisor Tropo Gadget is now visible");  // log to Finesse logger
227 | 			   // automatically adjust the height of the gadget to show the html
228 | 		         gadgets.window.adjustHeight();
229 | 				
230 | 				   
231 | 			   });
232 |             containerServices.makeActiveTabReq();
233 | 	    }
234 |     };
235 | }(jQuery));
236 | 


--------------------------------------------------------------------------------
/smsGadget/11.5/agentTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | var tropoToken = ""; // Enter your Tropo messaging API Key
 24 | 
 25 | // firebase config values are found in the firebase web console.
 26 | var fireBaseConfig = {
 27 |   apiKey: "",
 28 |   authDomain: "",
 29 |   databaseURL: "",
 30 |   storageBucket: ""
 31 | };
 32 | 
 33 | // If set to false, SMS will not be attempted.
 34 | var isValid = true;
 35 | 
 36 | var finesse = finesse || {};
 37 | finesse.gadget = finesse.gadget || {};
 38 | finesse.container = finesse.container || {};
 39 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 40 | 
 41 | // Gadget Config needed for instantiating ClientServices
 42 | /** @namespace */
 43 | 
 44 | 
 45 | /** @namespace */
 46 | finesse.modules = finesse.modules || {};
 47 | finesse.modules.TropoGadget = (function ($) {
 48 |   var user, states, dialogs, interactionData,
 49 | 
 50 |   render = function () {		
 51 |     $("#template").change(function(){
 52 |      var message = $("#template").val();
 53 |      $("#msg").val(message);
 54 |    });
 55 | 
 56 |     $("#toMobile").change(function(){
 57 |      var to = $("#toMobile").val();
 58 | 
 59 |      validate(to);
 60 |    });
 61 | 
 62 |     $("#submit").click(function(event){
 63 |      event.preventDefault();
 64 |      var to = $("#toMobile").val();
 65 | 
 66 |      var msg = $("#msg").val();
 67 |      sendSMS(to, msg);
 68 |    });
 69 | 
 70 |     msgHistory($("#toMobile").val());
 71 | 
 72 |     gadgets.window.adjustHeight();
 73 |   },
 74 | 
 75 |   sendSMS = function(to, msg) {
 76 |     if (isValid){
 77 | 			// adds the agent and team ID to to the SMS form
 78 |       var myId = user.getId(); 
 79 |       var myTeamId = user.getTeamId();
 80 |       var myTeamName = user.getTeamName();
 81 | 
 82 |       $.ajax({
 83 |         url: "https://api.tropo.com/1.0/sessions?action=create&token=" + tropoToken + "&msg=" + msg + "&to=" + to, dataType: "xml",
 84 |         success: function(data) {
 85 |           var success = $(data).find('success').first().text();
 86 |           var token = $(data).find('token').first().text();
 87 |           var id = $(data).find('id').first().text();
 88 |           if (success) {
 89 |             $("#msgCenter").append("<div class=\"alert alert-success alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Your message was sent!</div>");
 90 |             $("#msg").val("");
 91 | 
 92 |             clientLogs.log("SMS Message Sent");
 93 | 
 94 | 		          // save to firebase
 95 |              var dateSent = new Date();
 96 | 
 97 |              interactionData.push({
 98 |                to: to,
 99 |                dateSent: dateSent.toString(),
100 |                msg: msg,
101 |                agent: myId,
102 |                team: myTeamId,
103 |                teamName: myTeamName,
104 |                msgId: id
105 |              });
106 | 
107 | 		          // update message history
108 | 		          msgHistory(to);
109 |             }else{
110 |               $("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\">There was an error sending your message. Check the number and try again.</div>");
111 |             }
112 |           }
113 |         });
114 |     }
115 |   },
116 | 
117 |   msgHistory = function (to){
118 |    clientLogs.log("Saving Message to history");
119 |    var historyTable = "";
120 | 
121 |    interactionData.orderByChild("to").equalTo(to).limitToLast(6).once('value', function(snapshot) {
122 | 
123 |     if (snapshot.exists()) {
124 |       $.each(snapshot.val(), function(index, value) {
125 |         var dateSent = new Date(value.dateSent);
126 |         dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
127 |         historyTable += "<tr><td>"+ dateSent +"</td><td>"+value.agent+"</td><td>" + value.msg + "</td></tr>";
128 |       }); 
129 |     }
130 | 
131 |     $("#history tbody").html(historyTable); 
132 |     gadgets.window.adjustHeight();
133 |   });
134 |  },
135 | 
136 |  validate = function (to){
137 | 	        // Validate NANP Phone number: 1+XXX.XXX.XXXX This can be updated to reflect your regions numbering plan
138 | 	        if (to.length == 10){
139 | 	        	to = "1"+ to;
140 | 	        }else if (to.length < 10 || to.length > 11){
141 | 	        	isValid = false;
142 | 	        	$("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Please Enter a valid Mobile Number</div>");
143 | 	        	return;
144 | 	        }
145 | 
146 | 	    	// if the number is valid the msgCenter alerts are cleared	        
147 |        $('#msgCenter').empty();
148 |        isValid = true;
149 |        $("#toMobile").val(to);
150 | 	        //pull message history for valid number
151 | 	        msgHistory(to);
152 |         },
153 | 
154 |         displayCall = function (dialog){
155 |           var number = "";
156 |           var direction = "";
157 | 
158 |     	// determine call direction
159 |     	switch(dialog.getMediaProperties().callType){
160 |     		case "ACD_IN":
161 |        direction = "inbound";
162 |        break;
163 |        case "TRANSFER":
164 |        direction = "inbound";
165 |        break;
166 |        case "OTHER_IN":
167 |        direction = "inbound";
168 |        break;
169 |        case "OUT":
170 |        direction = "outbound";
171 |        break;
172 |        case "OUTBOUND":
173 |        direction = "outbound";
174 |        break;
175 |        case "OUTBOUND_PREVIEW":
176 |        direction = "outbound";
177 |        break;
178 |        default:
179 |        direction = "inbound";
180 |      }
181 | 
182 | 		// set number based off the direction of the call
183 |    if (direction === "inbound"){
184 |     number = dialog.getFromAddress();
185 |   }else{
186 |     number = dialog.getMediaProperties().dialedNumber;
187 |   }
188 | 
189 |   var callVars = dialog.getMediaProperties();
190 |   validate(number);    
191 | },
192 | 
193 | _processCall = function (dialog) {
194 |   displayCall(dialog);	
195 | },
196 |     /**
197 |      *  Handler for additions to the Dialogs collection object.  This will occur when a new
198 |      *  Dialog is created on the Finesse server for this user.
199 |      */
200 |      handleNewDialog = function(dialog) {
201 | 
202 |      	 // add a dialog change handler in case the callvars didn't arrive yet
203 |         dialog.addHandler('change', _processCall);
204 | 
205 | 	     // call the displayCall handler
206 |       displayCall (dialog);
207 | 
208 | 
209 |     },
210 | 
211 |     /**
212 |      *  Handler for deletions from the Dialogs collection object for this user.  This will occur
213 |      *  when a Dialog is removed from this user's collection (example, end call)
214 |      */
215 |      handleEndDialog = function(dialog) {
216 |     	// Clear the fields when the call is ended
217 |       $("#toMobile").val("");
218 |       $("#history tbody").html("<tr><td></td><td></td></tr>");
219 |       $('#msgCenter').empty();
220 |     },
221 | 
222 |     /**
223 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
224 |      * from the Finesse server.  Any once only initialization should be done within this function.
225 |      */
226 |      handleUserLoad = function (userevent) {
227 |         // Get an instance of the dialogs collection and register handlers for dialog additions and
228 |         // removals
229 |         dialogs = user.getDialogs( {
230 |           onCollectionAdd : handleNewDialog,
231 |           onCollectionDelete : handleEndDialog
232 |         });
233 | 
234 |         render();
235 |       },
236 |       
237 |     /**
238 |      *  Handler for all User updates
239 |      */
240 |      handleUserChange = function(userevent) {
241 |      };
242 | 
243 |      /** @scope finesse.modules.agentTropoGadget */
244 |      return {
245 | 
246 | 	    /**
247 | 	     * Performs all initialization for this gadget
248 | 	     */
249 |       init : function () {
250 |       var cfg = finesse.gadget.Config;
251 | 			var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
252 | 
253 | 			// Initialize Firebase
254 |       firebase.initializeApp(fireBaseConfig);
255 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
256 |         clientLogs.log("authenticating!");
257 |        if (error) {
258 |          clientLogs.log("Authentication Failed!", error);
259 |        } else {
260 |          clientLogs.log("Authenticated successfully");
261 |        }
262 |       });
263 |       interactionData = firebase.database().ref();
264 | 
265 |      gadgets.window.adjustHeight();
266 | 
267 | 	        // Initiate the ClientServices and load the user object.  ClientServices are
268 | 	        // initialized with a reference to the current configuration.
269 | 	        finesse.clientservices.ClientServices.init(finesse.gadget.Config);
270 | 			clientLogs.init(gadgets.Hub, "TropoGadget"); //this gadget id will be logged as a part of the message
271 |      user = new finesse.restservices.User({
272 |       id: cfg.id, 
273 |       onLoad : handleUserLoad,
274 |       onChange : handleUserChange
275 |     });
276 | 
277 |      states = finesse.restservices.User.States;
278 | 
279 | 			// Initiate the ContainerServices and add a handler for when the tab is visible
280 | 			// to adjust the height of this gadget in case the tab was not visible
281 | 			// when the html was rendered (adjustHeight only works when tab is visible)
282 | 			
283 | 			containerServices = finesse.containerservices.ContainerServices.init();
284 |       containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
285 | 			    clientLogs.log("Gadget is now visible");  // log to Finesse logger
286 | 			   // automatically adjust the height of the gadget to show the html
287 |         gadgets.window.adjustHeight();
288 | 
289 | 
290 |       });
291 |       containerServices.makeActiveTabReq();
292 |     }
293 |   };
294 | }(jQuery));


--------------------------------------------------------------------------------
/smsGadget/11.0.1/agentTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | var tropoToken = ""; // Enter your Tropo messaging API Key
 24 | 
 25 | // firebase config values are found in the firebase web console.
 26 | var fireBaseConfig = {
 27 |   apiKey: "",
 28 |   authDomain: "",
 29 |   databaseURL: "",
 30 |   storageBucket: ""
 31 | };
 32 | 
 33 | // If set to false, SMS will not be attempted.
 34 | var isValid = true;
 35 | 
 36 | var finesse = finesse || {};
 37 | finesse.gadget = finesse.gadget || {};
 38 | finesse.container = finesse.container || {};
 39 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 40 | 
 41 | // Gadget Config needed for instantiating ClientServices
 42 | /** @namespace */
 43 | 
 44 | 
 45 | /** @namespace */
 46 | finesse.modules = finesse.modules || {};
 47 | finesse.modules.TropoGadget = (function ($) {
 48 |   var user, states, dialogs, interactionData,
 49 | 
 50 |   render = function () {    
 51 |     $("#template").change(function(){
 52 |      var message = $("#template").val();
 53 |      $("#msg").val(message);
 54 |    });
 55 | 
 56 |     $("#toMobile").change(function(){
 57 |      var to = $("#toMobile").val();
 58 | 
 59 |      validate(to);
 60 |    });
 61 | 
 62 |     $("#submit").click(function(event){
 63 |      event.preventDefault();
 64 |      var to = $("#toMobile").val();
 65 | 
 66 |      var msg = $("#msg").val();
 67 |      sendSMS(to, msg);
 68 |    });
 69 | 
 70 |     msgHistory($("#toMobile").val());
 71 | 
 72 |     gadgets.window.adjustHeight();
 73 |   },
 74 | 
 75 |   sendSMS = function(to, msg) {
 76 |     if (isValid){
 77 |       // adds the agent and team ID to to the SMS form
 78 |       var myId = user.getId(); 
 79 |       var myTeamId = user.getTeamId();
 80 |       var myTeamName = user.getTeamName();
 81 | 
 82 |       $.ajax({
 83 |         url: "https://api.tropo.com/1.0/sessions?action=create&token=" + tropoToken + "&msg=" + msg + "&to=" + to, dataType: "xml",
 84 |         success: function(data) {
 85 |           var success = $(data).find('success').first().text();
 86 |           var token = $(data).find('token').first().text();
 87 |           var id = $(data).find('id').first().text();
 88 |           if (success) {
 89 |             $("#msgCenter").append("<div class=\"alert alert-success alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Your message was sent!</div>");
 90 |             $("#msg").val("");
 91 | 
 92 |             clientLogs.log("SMS Message Sent");
 93 | 
 94 |               // save to firebase
 95 |              var dateSent = new Date();
 96 | 
 97 |              interactionData.push({
 98 |                to: to,
 99 |                dateSent: dateSent.toString(),
100 |                msg: msg,
101 |                agent: myId,
102 |                team: myTeamId,
103 |                teamName: myTeamName,
104 |                msgId: id
105 |              });
106 | 
107 |               // update message history
108 |               msgHistory(to);
109 |             }else{
110 |               $("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\">There was an error sending your message. Check the number and try again.</div>");
111 |             }
112 |           }
113 |         });
114 |     }
115 |   },
116 | 
117 |   msgHistory = function (to){
118 |    clientLogs.log("Saving Message to history");
119 |    var historyTable = "";
120 | 
121 |    interactionData.orderByChild("to").equalTo(to).limitToLast(6).once('value', function(snapshot) {
122 | 
123 |     if (snapshot.exists()) {
124 |       $.each(snapshot.val(), function(index, value) {
125 |         var dateSent = new Date(value.dateSent);
126 |         dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
127 |         historyTable += "<tr><td>"+ dateSent +"</td><td>"+value.agent+"</td><td>" + value.msg + "</td></tr>";
128 |       }); 
129 |     }
130 | 
131 |     $("#history tbody").html(historyTable); 
132 |     gadgets.window.adjustHeight();
133 |   });
134 |  },
135 | 
136 |  validate = function (to){
137 |           // Validate NANP Phone number: 1+XXX.XXX.XXXX This can be updated to reflect your regions numbering plan
138 |           if (to.length == 10){
139 |             to = "1"+ to;
140 |           }else if (to.length < 10 || to.length > 11){
141 |             isValid = false;
142 |             $("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Please Enter a valid Mobile Number</div>");
143 |             return;
144 |           }
145 | 
146 |         // if the number is valid the msgCenter alerts are cleared          
147 |        $('#msgCenter').empty();
148 |        isValid = true;
149 |        $("#toMobile").val(to);
150 |           //pull message history for valid number
151 |           msgHistory(to);
152 |         },
153 | 
154 |         displayCall = function (dialog){
155 |           var number = "";
156 |           var direction = "";
157 | 
158 |       // determine call direction
159 |       switch(dialog.getMediaProperties().callType){
160 |         case "ACD_IN":
161 |        direction = "inbound";
162 |        break;
163 |        case "TRANSFER":
164 |        direction = "inbound";
165 |        break;
166 |        case "OTHER_IN":
167 |        direction = "inbound";
168 |        break;
169 |        case "OUT":
170 |        direction = "outbound";
171 |        break;
172 |        case "OUTBOUND":
173 |        direction = "outbound";
174 |        break;
175 |        case "OUTBOUND_PREVIEW":
176 |        direction = "outbound";
177 |        break;
178 |        default:
179 |        direction = "inbound";
180 |      }
181 | 
182 |     // set number based off the direction of the call
183 |    if (direction === "inbound"){
184 |     number = dialog.getFromAddress();
185 |   }else{
186 |     number = dialog.getMediaProperties().dialedNumber;
187 |   }
188 | 
189 |   var callVars = dialog.getMediaProperties();
190 |   validate(number);    
191 | },
192 | 
193 | _processCall = function (dialog) {
194 |   displayCall(dialog);  
195 | },
196 |     /**
197 |      *  Handler for additions to the Dialogs collection object.  This will occur when a new
198 |      *  Dialog is created on the Finesse server for this user.
199 |      */
200 |      handleNewDialog = function(dialog) {
201 | 
202 |        // add a dialog change handler in case the callvars didn't arrive yet
203 |         dialog.addHandler('change', _processCall);
204 | 
205 |        // call the displayCall handler
206 |       displayCall (dialog);
207 | 
208 | 
209 |     },
210 | 
211 |     /**
212 |      *  Handler for deletions from the Dialogs collection object for this user.  This will occur
213 |      *  when a Dialog is removed from this user's collection (example, end call)
214 |      */
215 |      handleEndDialog = function(dialog) {
216 |       // Clear the fields when the call is ended
217 |       $("#toMobile").val("");
218 |       $("#history tbody").html("<tr><td></td><td></td></tr>");
219 |       $('#msgCenter').empty();
220 |     },
221 | 
222 |     /**
223 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
224 |      * from the Finesse server.  Any once only initialization should be done within this function.
225 |      */
226 |      handleUserLoad = function (userevent) {
227 |         // Get an instance of the dialogs collection and register handlers for dialog additions and
228 |         // removals
229 |         dialogs = user.getDialogs( {
230 |           onCollectionAdd : handleNewDialog,
231 |           onCollectionDelete : handleEndDialog
232 |         });
233 | 
234 |         render();
235 |       },
236 |       
237 |     /**
238 |      *  Handler for all User updates
239 |      */
240 |      handleUserChange = function(userevent) {
241 |      };
242 | 
243 |      /** @scope finesse.modules.agentTropoGadget */
244 |      return {
245 | 
246 |       /**
247 |        * Performs all initialization for this gadget
248 |        */
249 |       init : function () {
250 |       var cfg = finesse.gadget.Config;
251 |       var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
252 | 
253 |       // Initialize Firebase
254 |       firebase.initializeApp(fireBaseConfig);
255 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
256 |         clientLogs.log("authenticating!");
257 |        if (error) {
258 |          clientLogs.log("Authentication Failed!", error);
259 |        } else {
260 |          clientLogs.log("Authenticated successfully");
261 |        }
262 |       });
263 |       interactionData = firebase.database().ref();
264 | 
265 |      gadgets.window.adjustHeight();
266 | 
267 |           // Initiate the ClientServices and load the user object.  ClientServices are
268 |           // initialized with a reference to the current configuration.
269 |           finesse.clientservices.ClientServices.init(finesse.gadget.Config);
270 |       clientLogs.init(gadgets.Hub, "TropoGadget"); //this gadget id will be logged as a part of the message
271 |      user = new finesse.restservices.User({
272 |       id: cfg.id, 
273 |       onLoad : handleUserLoad,
274 |       onChange : handleUserChange
275 |     });
276 | 
277 |      states = finesse.restservices.User.States;
278 | 
279 |       // Initiate the ContainerServices and add a handler for when the tab is visible
280 |       // to adjust the height of this gadget in case the tab was not visible
281 |       // when the html was rendered (adjustHeight only works when tab is visible)
282 |       
283 |       containerServices = finesse.containerservices.ContainerServices.init();
284 |       containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
285 |           clientLogs.log("Gadget is now visible");  // log to Finesse logger
286 |          // automatically adjust the height of the gadget to show the html
287 |         gadgets.window.adjustHeight();
288 | 
289 | 
290 |       });
291 |       containerServices.makeActiveTabReq();
292 |     }
293 |   };
294 | }(jQuery));


--------------------------------------------------------------------------------
/smsGadget/10.5/agentTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | var tropoToken = ""; // Enter your Tropo messaging API Key
 24 | 
 25 | // firebase config values are found in the firebase web console.
 26 | var fireBaseConfig = {
 27 |   apiKey: "",
 28 |   authDomain: "",
 29 |   databaseURL: "",
 30 |   storageBucket: ""
 31 | };
 32 | 
 33 | // If set to false, SMS will not be attempted.
 34 | var isValid = true;
 35 | 
 36 | var finesse = finesse || {};
 37 | finesse.gadget = finesse.gadget || {};
 38 | finesse.container = finesse.container || {};
 39 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 40 | 
 41 | // Gadget Config needed for instantiating ClientServices
 42 | /** @namespace */
 43 | finesse.gadget.Config = (function () {
 44 | 	var _prefs = new gadgets.Prefs();
 45 | 
 46 | 	/** @scope finesse.gadget.Config */
 47 | 	return {
 48 | 		authorization: _prefs.getString("authorization"),
 49 | 		country: _prefs.getString("country"),
 50 | 		language: _prefs.getString("language"),
 51 | 		locale: _prefs.getString("locale"),
 52 | 		host: _prefs.getString("host"),
 53 | 		hostPort: _prefs.getString("hostPort"),
 54 | 		extension: _prefs.getString("extension"),
 55 | 		mobileAgentMode: _prefs.getString("mobileAgentMode"),
 56 | 		mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
 57 | 		xmppDomain: _prefs.getString("xmppDomain"),
 58 | 		pubsubDomain: _prefs.getString("pubsubDomain"),
 59 | 		restHost: _prefs.getString("restHost"),
 60 | 		scheme: _prefs.getString("scheme"),
 61 | 		localhostFQDN: _prefs.getString("localhostFQDN"),
 62 | 		localhostPort: _prefs.getString("localhostPort"),
 63 | 		clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
 64 | 	};
 65 | }());
 66 | 
 67 | /** @namespace */
 68 | finesse.modules = finesse.modules || {};
 69 | finesse.modules.TropoGadget = (function ($) {
 70 |   var user, states, dialogs, interactionData,
 71 | 
 72 |   render = function () {		
 73 |     $("#template").change(function(){
 74 |      var message = $("#template").val();
 75 |      $("#msg").val(message);
 76 |    });
 77 | 
 78 |     $("#toMobile").change(function(){
 79 |      var to = $("#toMobile").val();
 80 | 
 81 |      validate(to);
 82 |    });
 83 | 
 84 |     $("#submit").click(function(event){
 85 |      event.preventDefault();
 86 |      var to = $("#toMobile").val();
 87 | 
 88 |      var msg = $("#msg").val();
 89 |      sendSMS(to, msg);
 90 |    });
 91 | 
 92 |     msgHistory($("#toMobile").val());
 93 | 
 94 |     gadgets.window.adjustHeight();
 95 |   },
 96 | 
 97 |   sendSMS = function(to, msg) {
 98 |     if (isValid){
 99 | 			// adds the agent and team ID to to the SMS form
100 |       var myId = user.getId(); 
101 |       var myTeamId = user.getTeamId();
102 |       var myTeamName = user.getTeamName();
103 | 
104 |       $.ajax({
105 |         url: "https://api.tropo.com/1.0/sessions?action=create&token=" + tropoToken + "&msg=" + msg + "&to=" + to, dataType: "xml",
106 |         success: function(data) {
107 |           var success = $(data).find('success').first().text();
108 |           var token = $(data).find('token').first().text();
109 |           var id = $(data).find('id').first().text();
110 |           if (success) {
111 |             $("#msgCenter").append("<div class=\"alert alert-success alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Your message was sent!</div>");
112 |             $("#msg").val("");
113 | 
114 |             clientLogs.log("SMS Message Sent");
115 | 
116 | 		          // save to firebase
117 |              var dateSent = new Date();
118 | 
119 |              interactionData.push({
120 |                to: to,
121 |                dateSent: dateSent.toString(),
122 |                msg: msg,
123 |                agent: myId,
124 |                team: myTeamId,
125 |                teamName: myTeamName,
126 |                msgId: id
127 |              });
128 | 
129 | 		          // update message history
130 | 		          msgHistory(to);
131 |             }else{
132 |               $("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\">There was an error sending your message. Check the number and try again.</div>");
133 |             }
134 |           }
135 |         });
136 |     }
137 |   },
138 | 
139 |   msgHistory = function (to){
140 |   clientLogs.log("Saving Message to history");
141 |    var historyTable = "";
142 | 
143 |    interactionData.orderByChild("to").equalTo(to).limitToLast(6).once('value', function(snapshot) {
144 | 
145 |     if (snapshot.exists()) {
146 |       $.each(snapshot.val(), function(index, value) {
147 |         var dateSent = new Date(value.dateSent);
148 |         dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDay()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
149 |         historyTable += "<tr><td>"+ dateSent +"</td><td>"+value.agent+"</td><td>" + value.msg + "</td></tr>";
150 |       }); 
151 |     }
152 | 
153 |     $("#history tbody").html(historyTable); 
154 |     gadgets.window.adjustHeight();
155 |   });
156 |  },
157 | 
158 |  validate = function (to){
159 | 	        // Validate NANP Phone number: 1+XXX.XXX.XXXX This can be updated to reflect your regions numbering plan
160 | 	        if (to.length == 10){
161 | 	        	to = "1"+ to;
162 | 	        }else if (to.length < 10 || to.length > 11){
163 | 	        	isValid = false;
164 | 	        	$("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Please Enter a valid Mobile Number</div>");
165 | 	        	return;
166 | 	        }
167 | 
168 | 	    	// if the number is valid the msgCenter alerts are cleared	        
169 |        $('#msgCenter').empty();
170 |        isValid = true;
171 |        $("#toMobile").val(to);
172 | 	        //pull message history for valid number
173 | 	        msgHistory(to);
174 |         },
175 | 
176 |         displayCall = function (dialog){
177 |           var number = "";
178 |           var direction = "";
179 | 
180 |     	// determine call direction
181 |     	switch(dialog.getMediaProperties().callType){
182 |     		case "ACD_IN":
183 |        direction = "inbound";
184 |        break;
185 |        case "TRANSFER":
186 |        direction = "inbound";
187 |        break;
188 |        case "OTHER_IN":
189 |        direction = "inbound";
190 |        break;
191 |        case "OUT":
192 |        direction = "outbound";
193 |        break;
194 |        case "OUTBOUND":
195 |        direction = "outbound";
196 |        break;
197 |        case "OUTBOUND_PREVIEW":
198 |        direction = "outbound";
199 |        break;
200 |        default:
201 |        direction = "inbound";
202 |      }
203 | 
204 | 		// set number based off the direction of the call
205 |    if (direction === "inbound"){
206 |     number = dialog.getFromAddress();
207 |   }else{
208 |     number = dialog.getMediaProperties().dialedNumber;
209 |   }
210 | 
211 |   var callVars = dialog.getMediaProperties();
212 |   validate(number);    
213 | },
214 | 
215 | _processCall = function (dialog) {
216 |   displayCall(dialog);	
217 | },
218 |     /**
219 |      *  Handler for additions to the Dialogs collection object.  This will occur when a new
220 |      *  Dialog is created on the Finesse server for this user.
221 |      */
222 |      handleNewDialog = function(dialog) {
223 | 
224 |      	 // add a dialog change handler in case the callvars didn't arrive yet
225 |         dialog.addHandler('change', _processCall);
226 | 
227 | 	     // call the displayCall handler
228 |       displayCall (dialog);
229 | 
230 | 
231 |     },
232 | 
233 |     /**
234 |      *  Handler for deletions from the Dialogs collection object for this user.  This will occur
235 |      *  when a Dialog is removed from this user's collection (example, end call)
236 |      */
237 |      handleEndDialog = function(dialog) {
238 |     	// Clear the fields when the call is ended
239 |       $("#toMobile").val("");
240 |       $("#history tbody").html("<tr><td></td><td></td></tr>");
241 |       $('#msgCenter').empty();
242 |     },
243 | 
244 |     /**
245 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
246 |      * from the Finesse server.  Any once only initialization should be done within this function.
247 |      */
248 |      handleUserLoad = function (userevent) {
249 |         // Get an instance of the dialogs collection and register handlers for dialog additions and
250 |         // removals
251 |         dialogs = user.getDialogs( {
252 |           onCollectionAdd : handleNewDialog,
253 |           onCollectionDelete : handleEndDialog
254 |         });
255 | 
256 |         render();
257 |       },
258 |       
259 |     /**
260 |      *  Handler for all User updates
261 |      */
262 |      handleUserChange = function(userevent) {
263 |      };
264 | 
265 |      /** @scope finesse.modules.agentTropoGadget */
266 |      return {
267 | 
268 | 	    /**
269 | 	     * Performs all initialization for this gadget
270 | 	     */
271 |       init : function () {
272 |        var prefs =  new gadgets.Prefs(),
273 |        id = prefs.getString("id");
274 | 			var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
275 | 
276 | 			// Initialize Firebase
277 | 			firebase.initializeApp(fireBaseConfig);
278 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
279 |         clientLogs.log("authenticating!");
280 |        if (error) {
281 |          clientLogs.log("Authentication Failed!", error);
282 |        } else {
283 |          clientLogs.log("Authenticated successfully");
284 |        }
285 |       });
286 |       interactionData = firebase.database().ref();
287 | 
288 |      gadgets.window.adjustHeight();
289 | 
290 | 	        // Initiate the ClientServices and load the user object.  ClientServices are
291 | 	        // initialized with a reference to the current configuration.
292 | 	        finesse.clientservices.ClientServices.init(finesse.gadget.Config);
293 | 			clientLogs.init(gadgets.Hub, "TropoGadget"); //this gadget id will be logged as a part of the message
294 |      user = new finesse.restservices.User({
295 |       id: id, 
296 |       onLoad : handleUserLoad,
297 |       onChange : handleUserChange
298 |     });
299 | 
300 |      states = finesse.restservices.User.States;
301 | 
302 | 			// Initiate the ContainerServices and add a handler for when the tab is visible
303 | 			// to adjust the height of this gadget in case the tab was not visible
304 | 			// when the html was rendered (adjustHeight only works when tab is visible)
305 | 			
306 | 			containerServices = finesse.containerservices.ContainerServices.init();
307 |       containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
308 | 			    clientLogs.log("Gadget is now visible");  // log to Finesse logger
309 | 			   // automatically adjust the height of the gadget to show the html
310 |         gadgets.window.adjustHeight();
311 | 
312 | 
313 |       });
314 |       containerServices.makeActiveTabReq();
315 |     }
316 |   };
317 | }(jQuery));


--------------------------------------------------------------------------------
/smsGadget/10.6.1/agentTropoGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | ////////////////////////////
 19 | ///// API Keys Go Here /////
 20 | ///////////////////////////
 21 | var email = ""; // defined via firebase authentication console
 22 | var password = ""; // defined via firebase authentication console
 23 | var tropoToken = ""; // Enter your Tropo messaging API Key
 24 | 
 25 | // firebase config values are found in the firebase web console.
 26 | var fireBaseConfig = {
 27 |   apiKey: "",
 28 |   authDomain: "",
 29 |   databaseURL: "",
 30 |   storageBucket: ""
 31 | };
 32 | 
 33 | // If set to false, SMS will not be attempted.
 34 | var isValid = true;
 35 | 
 36 | var finesse = finesse || {};
 37 | finesse.gadget = finesse.gadget || {};
 38 | finesse.container = finesse.container || {};
 39 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 40 | 
 41 | // Gadget Config needed for instantiating ClientServices
 42 | /** @namespace */
 43 | finesse.gadget.Config = (function () {
 44 | 	var _prefs = new gadgets.Prefs();
 45 | 
 46 | 	/** @scope finesse.gadget.Config */
 47 | 	return {
 48 | 		authorization: _prefs.getString("authorization"),
 49 | 		country: _prefs.getString("country"),
 50 | 		language: _prefs.getString("language"),
 51 | 		locale: _prefs.getString("locale"),
 52 | 		host: _prefs.getString("host"),
 53 | 		hostPort: _prefs.getString("hostPort"),
 54 | 		extension: _prefs.getString("extension"),
 55 | 		mobileAgentMode: _prefs.getString("mobileAgentMode"),
 56 | 		mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
 57 | 		xmppDomain: _prefs.getString("xmppDomain"),
 58 | 		pubsubDomain: _prefs.getString("pubsubDomain"),
 59 | 		restHost: _prefs.getString("restHost"),
 60 | 		scheme: _prefs.getString("scheme"),
 61 | 		localhostFQDN: _prefs.getString("localhostFQDN"),
 62 | 		localhostPort: _prefs.getString("localhostPort"),
 63 | 		clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
 64 | 	};
 65 | }());
 66 | 
 67 | /** @namespace */
 68 | finesse.modules = finesse.modules || {};
 69 | finesse.modules.TropoGadget = (function ($) {
 70 |   var user, states, dialogs, interactionData,
 71 | 
 72 |   render = function () {		
 73 |     $("#template").change(function(){
 74 |      var message = $("#template").val();
 75 |      $("#msg").val(message);
 76 |    });
 77 | 
 78 |     $("#toMobile").change(function(){
 79 |      var to = $("#toMobile").val();
 80 | 
 81 |      validate(to);
 82 |    });
 83 | 
 84 |     $("#submit").click(function(event){
 85 |      event.preventDefault();
 86 |      var to = $("#toMobile").val();
 87 | 
 88 |      var msg = $("#msg").val();
 89 |      sendSMS(to, msg);
 90 |    });
 91 | 
 92 |     msgHistory($("#toMobile").val());
 93 | 
 94 |     gadgets.window.adjustHeight();
 95 |   },
 96 | 
 97 |   sendSMS = function(to, msg) {
 98 |     if (isValid){
 99 | 			// adds the agent and team ID to to the SMS form
100 |       var myId = user.getId(); 
101 |       var myTeamId = user.getTeamId();
102 |       var myTeamName = user.getTeamName();
103 | 
104 |       $.ajax({
105 |         url: "https://api.tropo.com/1.0/sessions?action=create&token=" + tropoToken + "&msg=" + msg + "&to=" + to, dataType: "xml",
106 |         success: function(data) {
107 |           var success = $(data).find('success').first().text();
108 |           var token = $(data).find('token').first().text();
109 |           var id = $(data).find('id').first().text();
110 |           if (success) {
111 |             $("#msgCenter").append("<div class=\"alert alert-success alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Your message was sent!</div>");
112 |             $("#msg").val("");
113 | 
114 |             clientLogs.log("SMS Message Sent");
115 | 
116 | 		          // save to firebase
117 |              var dateSent = new Date();
118 | 
119 |              interactionData.push({
120 |                to: to,
121 |                dateSent: dateSent.toString(),
122 |                msg: msg,
123 |                agent: myId,
124 |                team: myTeamId,
125 |                teamName: myTeamName,
126 |                msgId: id
127 |              });
128 | 
129 | 		          // update message history
130 | 		          msgHistory(to);
131 |             }else{
132 |               $("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\">There was an error sending your message. Check the number and try again.</div>");
133 |             }
134 |           }
135 |         });
136 |     }
137 |   },
138 | 
139 |   msgHistory = function (to){
140 |   clientLogs.log("Saving Message to history");
141 |    var historyTable = "";
142 | 
143 |    interactionData.orderByChild("to").equalTo(to).limitToLast(6).once('value', function(snapshot) {
144 | 
145 |     if (snapshot.exists()) {
146 |       $.each(snapshot.val(), function(index, value) {
147 |         var dateSent = new Date(value.dateSent);
148 |         dateSent = (dateSent.getMonth()+1)+ "-" +dateSent.getDate()+"-"+dateSent.getFullYear()+ " "+ dateSent.toLocaleTimeString();
149 |         historyTable += "<tr><td>"+ dateSent +"</td><td>"+value.agent+"</td><td>" + value.msg + "</td></tr>";
150 |       }); 
151 |     }
152 | 
153 |     $("#history tbody").html(historyTable); 
154 |     gadgets.window.adjustHeight();
155 |   });
156 |  },
157 | 
158 |  validate = function (to){
159 | 	        // Validate NANP Phone number: 1+XXX.XXX.XXXX This can be updated to reflect your regions numbering plan
160 | 	        if (to.length == 10){
161 | 	        	to = "1"+ to;
162 | 	        }else if (to.length < 10 || to.length > 11){
163 | 	        	isValid = false;
164 | 	        	$("#msgCenter").append("<div class=\"alert alert-danger alert-dismissible\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>Please Enter a valid Mobile Number</div>");
165 | 	        	return;
166 | 	        }
167 | 
168 | 	    	// if the number is valid the msgCenter alerts are cleared	        
169 |        $('#msgCenter').empty();
170 |        isValid = true;
171 |        $("#toMobile").val(to);
172 | 	        //pull message history for valid number
173 | 	        msgHistory(to);
174 |         },
175 | 
176 |         displayCall = function (dialog){
177 |           var number = "";
178 |           var direction = "";
179 | 
180 |     	// determine call direction
181 |     	switch(dialog.getMediaProperties().callType){
182 |     		case "ACD_IN":
183 |        direction = "inbound";
184 |        break;
185 |        case "TRANSFER":
186 |        direction = "inbound";
187 |        break;
188 |        case "OTHER_IN":
189 |        direction = "inbound";
190 |        break;
191 |        case "OUT":
192 |        direction = "outbound";
193 |        break;
194 |        case "OUTBOUND":
195 |        direction = "outbound";
196 |        break;
197 |        case "OUTBOUND_PREVIEW":
198 |        direction = "outbound";
199 |        break;
200 |        default:
201 |        direction = "inbound";
202 |      }
203 | 
204 | 		// set number based off the direction of the call
205 |    if (direction === "inbound"){
206 |     number = dialog.getFromAddress();
207 |   }else{
208 |     number = dialog.getMediaProperties().dialedNumber;
209 |   }
210 | 
211 |   var callVars = dialog.getMediaProperties();
212 |   validate(number);    
213 | },
214 | 
215 | _processCall = function (dialog) {
216 |   displayCall(dialog);	
217 | },
218 |     /**
219 |      *  Handler for additions to the Dialogs collection object.  This will occur when a new
220 |      *  Dialog is created on the Finesse server for this user.
221 |      */
222 |      handleNewDialog = function(dialog) {
223 | 
224 |      	 // add a dialog change handler in case the callvars didn't arrive yet
225 |         dialog.addHandler('change', _processCall);
226 | 
227 | 	     // call the displayCall handler
228 |       displayCall (dialog);
229 | 
230 | 
231 |     },
232 | 
233 |     /**
234 |      *  Handler for deletions from the Dialogs collection object for this user.  This will occur
235 |      *  when a Dialog is removed from this user's collection (example, end call)
236 |      */
237 |      handleEndDialog = function(dialog) {
238 |     	// Clear the fields when the call is ended
239 |       $("#toMobile").val("");
240 |       $("#history tbody").html("<tr><td></td><td></td></tr>");
241 |       $('#msgCenter').empty();
242 |     },
243 | 
244 |     /**
245 |      * Handler for the onLoad of a User object.  This occurs when the User object is initially read
246 |      * from the Finesse server.  Any once only initialization should be done within this function.
247 |      */
248 |      handleUserLoad = function (userevent) {
249 |         // Get an instance of the dialogs collection and register handlers for dialog additions and
250 |         // removals
251 |         dialogs = user.getDialogs( {
252 |           onCollectionAdd : handleNewDialog,
253 |           onCollectionDelete : handleEndDialog
254 |         });
255 | 
256 |         render();
257 |       },
258 |       
259 |     /**
260 |      *  Handler for all User updates
261 |      */
262 |      handleUserChange = function(userevent) {
263 |      };
264 | 
265 |      /** @scope finesse.modules.agentTropoGadget */
266 |      return {
267 | 
268 | 	    /**
269 | 	     * Performs all initialization for this gadget
270 | 	     */
271 |       init : function () {
272 |        var prefs =  new gadgets.Prefs(),
273 |        id = prefs.getString("id");
274 | 			var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
275 | 
276 | 			// Initialize Firebase
277 |       firebase.initializeApp(fireBaseConfig);
278 |       firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
279 |         clientLogs.log("authenticating!");
280 |        if (error) {
281 |          clientLogs.log("Authentication Failed!", error);
282 |        } else {
283 |          clientLogs.log("Authenticated successfully");
284 |        }
285 |       });
286 |       interactionData = firebase.database().ref();
287 | 
288 |      gadgets.window.adjustHeight();
289 | 
290 | 	        // Initiate the ClientServices and load the user object.  ClientServices are
291 | 	        // initialized with a reference to the current configuration.
292 | 	        finesse.clientservices.ClientServices.init(finesse.gadget.Config);
293 | 			clientLogs.init(gadgets.Hub, "TropoGadget"); //this gadget id will be logged as a part of the message
294 |      user = new finesse.restservices.User({
295 |       id: id, 
296 |       onLoad : handleUserLoad,
297 |       onChange : handleUserChange
298 |     });
299 | 
300 |      states = finesse.restservices.User.States;
301 | 
302 | 			// Initiate the ContainerServices and add a handler for when the tab is visible
303 | 			// to adjust the height of this gadget in case the tab was not visible
304 | 			// when the html was rendered (adjustHeight only works when tab is visible)
305 | 			
306 | 			containerServices = finesse.containerservices.ContainerServices.init();
307 |       containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
308 | 			    clientLogs.log("SMS Gadget is now visible");  // log to Finesse logger
309 | 			   // automatically adjust the height of the gadget to show the html
310 |         gadgets.window.adjustHeight();
311 | 
312 | 
313 |       });
314 |       containerServices.makeActiveTabReq();
315 |     }
316 |   };
317 | }(jQuery));


--------------------------------------------------------------------------------
/callHistoryGadget/11.x/callHistoryGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | var start = moment().startOf('day');
 19 | 
 20 | // create array for tracking calls and one for tracking active dialogs
 21 | var calls = [];
 22 | var trackDialog = [];
 23 | var callCounter = {"inbound":{"count": 0, "duration": 0}, "outbound": {"count": 0, "duration": 0}};
 24 | 
 25 | var accessCode = config.accessCode;
 26 | 
 27 | //Agent state change preferences
 28 | var reasonID = config.reasonID;
 29 | var wasReady = false; // This allows the gadget to move the agent back into a ready state after a callback is made.
 30 | 
 31 | //Default Sorting order
 32 | var sortMethod = localStorage.getItem('sortMethod') || "date";
 33 | var sortDir = localStorage.getItem('sortDir') || "D"; 
 34 | 
 35 | var finesse = finesse || {};
 36 | finesse.gadget = finesse.gadget || {};
 37 | finesse.container = finesse.container || {};
 38 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 39 | 
 40 | /** @namespace */
 41 | finesse.modules = finesse.modules || {};
 42 | finesse.modules.callHistoryGadget = (function ($) {
 43 |     var user, states, dialogs,
 44 | 
 45 |     render = function () {
 46 | 			clientLogs.log('Loading the following config parameters: ' + JSON.stringify(config));
 47 |       clientLogs.log('sort Method on load: '+sortMethod);
 48 |   		
 49 |       // Load history from local storage if present
 50 |   		if (calls.length < 1){
 51 |   			// Retrieve the object from storage
 52 |   			var retrievedArray = JSON.parse(localStorage.getItem(user.getId() + "_calls"));
 53 | 
 54 |   			// check to make sure localstorage contained calls
 55 |   			if (retrievedArray){
 56 |   				// sort calls so that the oldest call is first.
 57 |           var sortTime;
 58 |   				sortObjectBy(retrievedArray, "date", "A")
 59 |           .then(function(calls){
 60 |             sortTime = calls;
 61 |           });
 62 | 
 63 |   				var retrievedDate = moment(sortTime[0].date).startOf('day');
 64 | 
 65 |   				if (!moment(start).isSame(retrievedDate)){
 66 |   					clientLogs.log("Purging old data!");
 67 |   					// Purge cached data
 68 |   					localStorage.removeItem(user.getId() + "_calls");
 69 |   					localStorage.removeItem(user.getId() + "_trackDialog");
 70 |   					calls = [];
 71 |   				}else{
 72 |   					//creating date objects for cached data
 73 |   					for(var i = 0; i < retrievedArray.length; i++) {
 74 |   			    		retrievedArray[i].date = moment(retrievedArray[i].date);
 75 |   					}
 76 |   					clientLogs.log("Using cached data");
 77 |   					// Write cached calls to local array
 78 |   					calls = retrievedArray;
 79 |   					// Tally Existing Calls
 80 |             clientLogs.log(calls);
 81 |   					tallyCalls();
 82 |   				}
 83 |   			} // end if retreived Array
 84 |   		} // end call length
 85 | 
 86 | 		  // Loads call history on startup
 87 |       sortObjectBy(calls,sortMethod,sortDir)
 88 |       .then(function(sortedCalls){
 89 |         calls = sortedCalls;
 90 |         clientLogs.log('my calls: '+calls);
 91 |         loadHistory(user.getId());
 92 |       });
 93 |       gadgets.window.adjustHeight('680');
 94 |     },
 95 | 
 96 |     tallyCalls = function (){
 97 |     	for(var i = 0; i < calls.length; i++){
 98 |     		if(calls[i].direction == "Outbound"){
 99 |     			callCounter.outbound.count++;
100 |     			callCounter.outbound.duration += calls[i].seconds;
101 |     		}else if(calls[i].direction == "Inbound" || calls[i].direction == "xfer in"){
102 |     			callCounter.inbound.count++;
103 |     			callCounter.inbound.duration += calls[i].seconds;
104 |     		}
105 |     	}
106 |     },
107 | 
108 |     recordCall = function (agent, number, direction, counters, detail){
109 |     	// capture the time difference in seconds
110 |       var seconds = moment(counters.stateChangeTime).diff(counters.startTime, 'seconds');
111 | 
112 |     	// format the seconds in a format for display
113 |     	var duration = displayTime(seconds);
114 | 
115 | 			// remove + from +e164 formatted numbers
116 | 			if(number === null){
117 | 				number = 'n/a';
118 | 			}else if(number[0] === "+"){
119 |         number = number.slice(1);
120 |       }
121 | 
122 |     	// number validation
123 |     	if (number.length == 10){
124 |     		number = "1"+number;
125 |     	}else if(number.length == 12 && number[0] == accessCode){
126 |     		// remove access code
127 |     		number = number.slice(1);
128 |     	}
129 | 
130 |   		var myCall = {};
131 |   		myCall.date = counters.startTime;
132 |   		myCall.agent = agent;
133 |   		myCall.number = number;
134 |   		myCall.direction = direction.desc;
135 |   		myCall.seconds = seconds;
136 |   		myCall.duration = duration;
137 |   		myCall.detail = detail; // set to the call Variable you would like displayed in the "detail" column of the call History
138 | 
139 |   		// Increment call Tally and durations
140 |   		if(direction.dir == "in"){
141 |   			callCounter.inbound.count++;
142 |   			callCounter.inbound.duration += seconds;
143 |   		}else if(direction.dir == "out"){
144 |   			callCounter.outbound.count++;
145 |   			callCounter.outbound.duration += seconds;
146 |   		}
147 | 
148 |       // Add call information to the calls array
149 |       clientLogs.log("Call added to local array");
150 |       calls.push(myCall);
151 | 
152 |       // Save to localstorage as well
153 |       localStorage.setItem(agent + "_calls", JSON.stringify(calls));
154 | 
155 |       // Convert date to moment object
156 |       calls[calls.length-1].date = moment(calls[calls.length-1].date);
157 | 
158 | 	},
159 | 
160 | 	displayTime = function (seconds){
161 |     var duration, minDisplay, secDisplay, hourDisplay, minutes, sec;
162 | 		if(seconds <= 9){
163 | 			duration = "00:00:0"+seconds;
164 | 		}else{
165 | 			duration = "00:00:" + seconds;
166 | 		}
167 | 
168 | 		// calculate call in minutes
169 | 		if (seconds > 60){
170 | 			minutes = Math.floor(seconds / 60);
171 | 			// check to for single digits. If a single digit prepend a 0
172 | 			if(minutes <= 9){
173 | 				minDisplay = "0"+minutes;
174 | 			}else{
175 | 				minDisplay = minutes;
176 | 			}
177 | 
178 | 			sec = Math.floor(seconds - (minutes * 60));
179 | 			// check to for single digits. If a single digit prepend a 0
180 | 			if(sec <= 9){
181 | 				secDisplay = "0"+sec;
182 | 			}else{
183 | 				secDisplay = sec;
184 | 			}
185 | 			duration = "00:"+minDisplay+":"+secDisplay;
186 | 		}
187 | 
188 | 		// calculate call in hours & minutes
189 | 		if (minutes !== "" && minutes > 60){
190 | 			var hours = Math.floor(minutes / 60);
191 | 			// check to for single digits. If a single digit prepend a 0
192 | 			if(hours <= 9){
193 | 				hourDisplay = "0"+hours;
194 | 			}else{
195 | 				hourDisplay = hours;
196 | 			}
197 | 
198 | 			minutes = Math.floor(minutes - (hours * 60));
199 | 			// check to for single digits. If a single digit prepend a 0
200 | 			if(minutes <= 9){
201 | 				minDisplay = "0"+minutes;
202 | 			}else{
203 | 				minDisplay = minutes;
204 | 			}
205 | 
206 | 			seconds = Math.floor(seconds - (hours * 60 + (minutes)) * 60);
207 | 			// check to for single digits. If a single digit prepend a 0
208 | 			if(sec <= 9){
209 | 				secDisplay = "0"+sec;
210 | 			}else{
211 | 				secDisplay = sec;
212 | 			}
213 | 
214 | 			duration = hourDisplay+":"+minDisplay+":"+secDisplay;
215 | 		}
216 | 
217 | 		return duration;
218 | 	},
219 | 
220 | 	sortObjectBy = function(array, srtKey, srtOrder){
221 |     console.log(array);
222 |     var _def = $.Deferred();
223 |     var sorted;
224 |     if (srtOrder =="A"){
225 |       if (srtKey == "direction" || srtKey == "number"){
226 |         sorted = array.sort(function (a, b) {
227 |           var x = a[srtKey].toLowerCase(); var y = b[srtKey].toLowerCase();
228 |           return ((x < y) ? -1 : ((x > y) ? 1 : 0));
229 |         });
230 |       }else{
231 |         sorted = array.sort(function (a, b) {
232 |           var x = a[srtKey]; var y = b[srtKey];
233 |           return ((x < y) ? -1 : ((x > y) ? 1 : 0));
234 |         });
235 |       }
236 |     }else if(srtOrder =="D"){
237 |       if (srtKey =="type" || srtKey =="number"){
238 |         sorted = array.sort(function (a, b) {
239 |           var x = a[srtKey].toLowerCase(); var y = b[srtKey].toLowerCase();
240 |           return ((x > y) ? -1 : ((x < y) ? 1 : 0));
241 |         });
242 |       }else{
243 |         sorted = array.sort(function (a, b) {
244 |           var x = a[srtKey]; var y = b[srtKey];
245 |           return ((x > y) ? -1 : ((x < y) ? 1 : 0));
246 |         });
247 |       }
248 |     }
249 | 
250 |     return _def.resolve(sorted);
251 | 	},
252 | 
253 | 	loadHistory = function (agent) {
254 | 		var inTotal = displayTime(callCounter.inbound.duration);
255 | 		var outTotal = displayTime(callCounter.outbound.duration);
256 | 		var tallyTable = "";
257 | 		tallyTable += '<tr><td>Inbound</td><td>'+callCounter.inbound.count+'</td><td>'+inTotal+'</td></tr>';
258 | 		tallyTable += '<tr><td>Outbound</td><td>'+callCounter.outbound.count+'</td><td>'+outTotal+'</td></tr>';
259 | 
260 | 		$("#tally tbody").html(tallyTable);
261 | 
262 | 		//var myAgentId = user.getId();
263 | 		var historyTable = "";
264 |     var detail;
265 | 
266 | 		// Call history is pulled from the calls array. This is created when finesse loads
267 | 		for (var i in calls){
268 | 			if(calls[i].detail){
269 | 				detail = calls[i].detail;
270 | 			}else{
271 | 				detail = "N/A";
272 | 			}
273 | 
274 | 			// Prepend Access Code on 11 digit numbers
275 | 			var num = calls[i].number;
276 | 	    	if (num.length == 11){
277 | 	    		num = accessCode+num;
278 | 	    	}
279 | 			historyTable += "<tr><td>"+ moment(calls[i].date).format('LTS') +"</td><td>" + calls[i].direction +"</td><td>"+ calls[i].duration +"</td><td>"+ calls[i].number +"</td><td>"+ detail +"</td><td><button onClick=\"finesse.modules.callHistoryGadget.makeCall('" + num + "')\">Call Back</button></td></tr>";
280 | 		}
281 | 		$("#history tbody").html(historyTable);
282 | 
283 |     // apply sort identifier
284 |     if(sortDir === "D"){
285 |       $('.sort[data-sort="'+sortMethod+'"]').addClass('desc');
286 |     }else{
287 |       $('.sort[data-sort="'+sortMethod+'"]').addClass('asc');
288 |     }
289 | 
290 | 	},
291 | 	displayCall = function (dialog){
292 | 		for(var i = 0; i < trackDialog.length; i++) {
293 |     		if(trackDialog[i].id == dialog._id) {
294 |         		trackDialog[i].to = dialog.getToAddress();
295 |        	 		break;
296 |     		}
297 | 		}
298 | 	},
299 | 
300 | 		_processCall = function (dialog) {
301 | 			displayCall (dialog);
302 | 	},
303 | 
304 |   /**
305 |    *  Handler for additions to the Dialogs collection object.  This will occur when a new
306 |    *  Dialog is created on the Finesse server for this user.
307 |    */
308 |   handleNewDialog = function(dialog) {
309 |     // Capture important details about the current call dialog
310 |     var currentCall = {};
311 |     currentCall.id = dialog._id;
312 |     currentCall.type = dialog.getMediaProperties().callType;
313 |     currentCall.to = dialog.getToAddress();
314 |     currentCall.from = dialog.getFromAddress();
315 |     currentCall.counters = dialog.getParticipantTimerCounters(user.getExtension());
316 | 
317 |     // Store this call information in the trackDiaglog array each new dialog update clear the dialog info.
318 |     trackDialog.push(currentCall);
319 | 
320 |     //Write the trackDiaglog to localStorage. this will be reloaded if the browser is closed or refreshed
321 |     localStorage.setItem(user.getId() + "_trackDialog", JSON.stringify(trackDialog));
322 |     clientLogs.log("New call arrived");
323 | 
324 |     // add a dialog change handler in case the callvars didn't arrive yet
325 |     dialog.addHandler('change', _processCall);
326 | 
327 |     // call the displayCall handler
328 |     displayCall (dialog);
329 |   },
330 | 
331 |   /**
332 |   *  Handler for deletions from the Dialogs collection object for this user.  This will occur
333 |   *  when a Dialog is removed from this user's collection (example, end call)
334 |   */
335 |   handleEndDialog = function(dialog) {
336 |     clientLogs.log("Handling End Dialog");
337 |     var number = "";
338 |     var direction = {};
339 |     var i;
340 | 
341 |     // If the trackDialog in memory is empty, load data from localStorage
342 |     if(trackDialog.length < 1){
343 |       clientLogs.log("Loading Track Dialog from localStorage");
344 |       trackDialog = JSON.parse(localStorage.getItem(user.getId() + "_trackDialog"));
345 |     }
346 | 
347 | 		// determine call direction
348 | 		for (i = 0; i < trackDialog.length; i++){
349 | 			if (trackDialog[i].id == dialog._id){
350 | 				switch(trackDialog[i].type){
351 | 					case "ACD_IN":
352 | 						// Fix for CCE calls to a route point
353 | 						if (dialog.getFromAddress() == user.getExtension()){
354 | 							number = dialog.getToAddress();
355 | 							direction.desc = "Outbound";
356 | 							direction.dir = "out";
357 | 						}else{
358 | 							number = dialog.getFromAddress();
359 | 							direction.desc = "Inbound";
360 | 							direction.dir = "in";
361 | 						}
362 | 					break;
363 | 					case "PREROUTE_ACD_IN":
364 | 						number = dialog.getFromAddress();
365 | 						direction.desc = "Inbound";
366 | 						direction.dir = "in";
367 | 					break;
368 | 					case "PREROUTE_DIRECT_AGENT":
369 | 						number = dialog.getFromAddress();
370 | 						direction.desc = "Inbound";
371 | 						direction.dir = "in";
372 | 					break;
373 | 					case "TRANSFER":
374 | 						number = dialog.getFromAddress();
375 | 						direction.desc = "Transfer In";
376 | 						direction.dir = "in";
377 | 					break;
378 | 					case "OTHER_IN":
379 | 						number = dialog.getFromAddress();
380 | 						direction.desc = "Inbound";
381 | 						direction.dir = "in";
382 | 					break;
383 | 					case "OUT":
384 | 						// fix for initial call type on internal calls showing as "OUT"
385 | 						if (dialog.getToAddress() == user.getExtension()){
386 | 							number = dialog.getFromAddress();
387 | 							direction.desc = "Inbound";
388 | 							direction.dir = "in";
389 | 						}else{
390 | 							number = dialog.getToAddress();
391 | 							direction.desc = "Outbound";
392 | 							direction.dir = "out";
393 | 						}
394 | 					break;
395 | 					case "AGENT_INSIDE":
396 | 						if (dialog.getToAddress() == user.getExtension()){
397 | 							number = dialog.getFromAddress();
398 | 							direction.desc = "Inbound";
399 | 							direction.dir = "in";
400 | 						}else{
401 | 							number = dialog.getToAddress();
402 | 							direction.desc = "Outbound";
403 | 							direction.dir = "out";
404 | 						}
405 | 					break;
406 | 					case "OUTBOUND":
407 | 						number = dialog.getToAddress();
408 | 						direction.desc = "Outbound";
409 | 						direction.dir = "out";
410 | 					break;
411 | 					case "OUTBOUND_PREVIEW":
412 | 						number = dialog.getToAddress();
413 | 						direction.desc = "Preview Out";
414 | 						direction.dir = "out";
415 | 					break;
416 | 					case "OUTBOUND_DIRECT_PREVIEW":
417 | 						direction.desc = "SM";
418 | 						direction.dir = "SM";
419 | 					break;
420 | 					case "CONSULT":
421 | 						if (dialog.getToAddress() == user.getExtension()){
422 | 							number = dialog.getFromAddress();
423 | 							direction.desc = "Consult From";
424 | 							direction.dir = "in";
425 | 						}else if(dialog.getFromAddress() == user.getExtension()){
426 | 							number = dialog.getToAddress();
427 | 							direction.desc = "Consult To";
428 | 							direction.dir = "out";
429 | 						}else if(dialog.getToAddress() != user.getExtension()){
430 | 							number = dialog.getToAddress();
431 | 							direction.desc = "Consult From";
432 | 							direction.dir = "in";
433 | 						}
434 | 					break;
435 | 					case "CONFERENCE":
436 | 						number = dialog.getFromAddress();
437 | 						direction.desc = "Conference In";
438 | 						direction.dir = "in";
439 | 						clientLogs.log(dialog.getParticipants());
440 | 					break;
441 | 					case "SUPERVISOR_MONITOR":
442 | 						direction.desc = "SM";
443 | 						direction.dir = "SM";
444 | 					break;
445 | 					default:
446 | 						number = dialog.getFromAddress();
447 | 						direction.desc = "n/a";
448 | 						direction.dir = "n/a";
449 | 				}
450 | 			}
451 | 		}
452 | 
453 |     clientLogs.log("Classified calls as: "+ JSON.stringify(direction));
454 | 
455 | 		// check for additional call dialogs
456 | 		for(i = 0; i < trackDialog.length; i++) {
457 | 			if (direction.dir == "SM"){
458 | 				//do not write to history
459 | 			}else if(trackDialog[i].id == dialog._id) {
460 | 				var callVars = dialog.getMediaProperties();
461 |         trackDialog[i].counters.stateChangeTime = dialog.getParticipantTimerCounters(user.getExtension()).stateChangeTime;
462 |        	
463 |         // Save Call to callHistory Gadget
464 | 				recordCall(user.getId(), number, direction, trackDialog[i].counters, callVars[config.callDetail]);
465 | 				
466 |         // remove call from trackDiaglog in memory and localstorage
467 | 				trackDialog.splice(i, 1);
468 | 				localStorage.removeItem(user.getId() + "_trackDialog");
469 |     	}
470 | 		}
471 | 
472 | 		// Set agent ready if required
473 | 		if (wasReady === true){
474 | 			user.setState("READY");
475 | 			wasReady = false;
476 | 		}
477 |     // load latest call info
478 |     render();
479 |   },
480 | 
481 |   /**
482 |    * Handler for makeCall when successful.
483 |    */
484 |   makeCallSuccess = function(rsp) {
485 |   },
486 | 
487 |   /**
488 |    * Handler for makeCall when error occurs.
489 |    */
490 |   makeCallError = function(rsp) {
491 |   },
492 | 
493 |   /**
494 |    * Handler for the onLoad of a User object.  This occurs when the User object is initially read
495 |    * from the Finesse server.  Any once only initialization should be done within this function.
496 |    */
497 |   handleUserLoad = function (userevent) {
498 |     // Get an instance of the dialogs collection and register handlers for dialog additions and
499 |     // removals
500 |     dialogs = user.getDialogs( {
501 |     	onCollectionAdd : handleNewDialog,
502 |       onCollectionDelete : handleEndDialog
503 |     });
504 | 
505 |     render();
506 |   },
507 | 
508 |   /**
509 |    *  Handler for all User updates
510 |    */
511 |   handleUserChange = function(userevent) {
512 |     render();
513 |   };
514 | 
515 | 	/** @scope finesse.modules.SampleGadget */
516 | 	return {
517 | 	    /**
518 | 	     * Sets the user state
519 | 	     */
520 | 	    setUserState : function (state) {
521 | 	        if (state === 'READY') {
522 | 	            user.setState(states.READY);
523 | 	        } else if (state === 'NOT_READY') {
524 | 	            user.setState(states.NOT_READY);
525 | 	        }
526 | 	    },
527 | 
528 | 	    /**
529 | 	     * Make a call to the number
530 | 	     */
531 | 	    makeCall : function (number) {
532 | 	    	// automatically move agents into a not ready state with the reason code defined by "reasonID"
533 | 			var currentState = user.getState();
534 | 	     	if ( currentState == "READY" ) {
535 | 	          user.setState(states.NOT_READY, reasonID);
536 | 	          wasReady = true;
537 | 	      	}
538 | 
539 |         	user.makeCall(number, {
540 | 				success: makeCallSuccess,
541 | 				error: makeCallError
542 | 			});
543 | 	    },
544 | 
545 | 	    /**
546 | 	     * Performs all initialization for this gadget
547 | 	     */
548 | 	    init : function () {
549 |         var prefs =  new gadgets.Prefs(),
550 |         id = prefs.getString("id");
551 |         var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
552 |         gadgets.window.adjustHeight('680');
553 | 
554 |         // Initiate the ClientServices and load the user object.  ClientServices are
555 |         // initialized with a reference to the current configuration.
556 |         finesse.clientservices.ClientServices.init(finesse.gadget.Config);
557 |         clientLogs.init(gadgets.Hub, "Call History Gadget"); //this gadget id will be logged as a part of the message
558 |         user = new finesse.restservices.User({
559 | 				  id: id,
560 |           onLoad : handleUserLoad,
561 |           onChange : handleUserChange
562 |         });
563 | 
564 |         states = finesse.restservices.User.States;
565 | 
566 |         // handle sort clicks
567 |         $(document).on('click', '.sort', function(e) {
568 |           e.preventDefault();
569 |           sortMethod = $(this).attr('data-sort');
570 |           if($(this).hasClass('desc')){
571 |             clientLogs.log("selected column has desc class, switch to asc");
572 |             sortDir = "A";
573 |           }else if ($(this).hasClass('asc')){
574 |             clientLogs.log("selected column has asc class, switch to desc");
575 |             sortDir = "D";
576 |           }else{
577 |             clientLogs.log("selected column has no sort class, switch to desc");
578 |             // $(this).addClass('desc');
579 |             sortDir = "D";
580 |           }
581 |           // clear current indicator
582 |           $('.sort').removeClass('desc');
583 |           $('.sort').removeClass('asc');
584 | 
585 |           // store sort selections in localStorage
586 |           localStorage.setItem('sortMethod', sortMethod);
587 |           localStorage.setItem('sortDir', sortDir);
588 | 
589 |           render();
590 |         });
591 | 
592 |   			// Initiate the ContainerServices and add a handler for when the tab is visible
593 |   			// to adjust the height of this gadget in case the tab was not visible
594 |   			// when the html was rendered (adjustHeight only works when tab is visible)
595 | 
596 |   			containerServices = finesse.containerservices.ContainerServices.init();
597 |         containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
598 |   			 clientLogs.log("Call History Gadget is now visible");  // log to Finesse logger
599 |   			 // automatically adjust the height of the gadget to show the html
600 |           gadgets.window.adjustHeight('680');
601 |         });
602 |         containerServices.makeActiveTabReq();
603 | 	    }
604 |     };
605 | }(jQuery));
606 | 


--------------------------------------------------------------------------------
/callHistoryGadget/10.5/callHistoryGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | var start = moment().startOf('day');
 19 | 
 20 | // create array for tracking calls and one for tracking active dialogs
 21 | var calls = [];
 22 | var trackDialog = [];
 23 | var callCounter = {"inbound":{"count": 0, "duration": 0}, "outbound": {"count": 0, "duration": 0}};
 24 | 
 25 | var accessCode = config.accessCode;
 26 | 
 27 | //Agent state change preferences
 28 | var reasonID = config.reasonID;
 29 | var wasReady = false; // This allows the gadget to move the agent back into a ready state after a callback is made.
 30 | 
 31 | //Default Sorting order
 32 | var sortMethod = localStorage.getItem('sortMethod') || "date";
 33 | var sortDir = localStorage.getItem('sortDir') || "D"; 
 34 | 
 35 | var finesse = finesse || {};
 36 | finesse.gadget = finesse.gadget || {};
 37 | finesse.container = finesse.container || {};
 38 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 39 | 
 40 | // Gadget Config needed for instantiating ClientServices
 41 | /** @namespace */
 42 | finesse.gadget.Config = (function () {
 43 | 	var _prefs = new gadgets.Prefs();
 44 | 
 45 | 	/** @scope finesse.gadget.Config */
 46 | 	return {
 47 | 		authorization: _prefs.getString("authorization"),
 48 | 		country: _prefs.getString("country"),
 49 | 		language: _prefs.getString("language"),
 50 | 		locale: _prefs.getString("locale"),
 51 | 		host: _prefs.getString("host"),
 52 | 		hostPort: _prefs.getString("hostPort"),
 53 | 		extension: _prefs.getString("extension"),
 54 | 		mobileAgentMode: _prefs.getString("mobileAgentMode"),
 55 | 		mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
 56 | 		xmppDomain: _prefs.getString("xmppDomain"),
 57 | 		pubsubDomain: _prefs.getString("pubsubDomain"),
 58 | 		restHost: _prefs.getString("restHost"),
 59 | 		scheme: _prefs.getString("scheme"),
 60 | 		localhostFQDN: _prefs.getString("localhostFQDN"),
 61 | 		localhostPort: _prefs.getString("localhostPort"),
 62 | 		clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
 63 | 	};
 64 | }());
 65 | 
 66 | /** @namespace */
 67 | finesse.modules = finesse.modules || {};
 68 | finesse.modules.callHistoryGadget = (function ($) {
 69 |     var user, states, dialogs,
 70 | 
 71 |     render = function () {
 72 | 			clientLogs.log('Loading the following config parameters: ' + JSON.stringify(config));
 73 |       clientLogs.log('sort Method on load: '+sortMethod);
 74 |   		
 75 |       // Load history from local storage if present
 76 |   		if (calls.length < 1){
 77 |   			// Retrieve the object from storage
 78 |   			var retrievedArray = JSON.parse(localStorage.getItem(user.getId() + "_calls"));
 79 | 
 80 |   			// check to make sure localstorage contained calls
 81 |   			if (retrievedArray){
 82 |   				// sort calls so that the oldest call is first.
 83 |           var sortTime;
 84 |   				sortObjectBy(retrievedArray, "date", "A")
 85 |           .then(function(calls){
 86 |             sortTime = calls;
 87 |           });
 88 | 
 89 |   				var retrievedDate = moment(sortTime[0].date).startOf('day');
 90 | 
 91 |   				if (!moment(start).isSame(retrievedDate)){
 92 |   					clientLogs.log("Purging old data!");
 93 |   					// Purge cached data
 94 |   					localStorage.removeItem(user.getId() + "_calls");
 95 |   					localStorage.removeItem(user.getId() + "_trackDialog");
 96 |   					calls = [];
 97 |   				}else{
 98 |   					//creating date objects for cached data
 99 |   					for(var i = 0; i < retrievedArray.length; i++) {
100 |   			    		retrievedArray[i].date = moment(retrievedArray[i].date);
101 |   					}
102 |   					clientLogs.log("Using cached data");
103 |   					// Write cached calls to local array
104 |   					calls = retrievedArray;
105 |   					// Tally Existing Calls
106 |             clientLogs.log(calls);
107 |   					tallyCalls();
108 |   				}
109 |   			} // end if retreived Array
110 |   		} // end call length
111 | 
112 | 		  // Loads call history on startup
113 |       sortObjectBy(calls,sortMethod,sortDir)
114 |       .then(function(sortedCalls){
115 |         calls = sortedCalls;
116 |         clientLogs.log('my calls: '+calls);
117 |         loadHistory(user.getId());
118 |       });
119 |       gadgets.window.adjustHeight('680');
120 |     },
121 | 
122 |     tallyCalls = function (){
123 |     	for(var i = 0; i < calls.length; i++){
124 |     		if(calls[i].direction == "Outbound"){
125 |     			callCounter.outbound.count++;
126 |     			callCounter.outbound.duration += calls[i].seconds;
127 |     		}else if(calls[i].direction == "Inbound" || calls[i].direction == "xfer in"){
128 |     			callCounter.inbound.count++;
129 |     			callCounter.inbound.duration += calls[i].seconds;
130 |     		}
131 |     	}
132 |     },
133 | 
134 |     recordCall = function (agent, number, direction, counters, detail){
135 |     	// capture the time difference in seconds
136 |       var seconds = moment(counters.stateChangeTime).diff(counters.startTime, 'seconds');
137 | 
138 |     	// format the seconds in a format for display
139 |     	var duration = displayTime(seconds);
140 | 
141 |       // remove + from +e164 formatted numbers
142 |       if(number[0] === "+"){
143 |         number = number.slice(1);
144 |       }
145 | 
146 |     	// number validation
147 |     	if (number.length == 10){
148 |     		number = "1"+number;
149 |     	}else if(number.length == 12 && number[0] == accessCode){
150 |     		// remove access code
151 |     		number = number.slice(1);
152 |     	}
153 | 
154 |   		var myCall = {};
155 |   		myCall.date = counters.startTime;
156 |   		myCall.agent = agent;
157 |   		myCall.number = number;
158 |   		myCall.direction = direction.desc;
159 |   		myCall.seconds = seconds;
160 |   		myCall.duration = duration;
161 |   		myCall.detail = detail; // set to the call Variable you would like displayed in the "detail" column of the call History
162 | 
163 |   		// Increment call Tally and durations
164 |   		if(direction.dir == "in"){
165 |   			callCounter.inbound.count++;
166 |   			callCounter.inbound.duration += seconds;
167 |   		}else if(direction.dir == "out"){
168 |   			callCounter.outbound.count++;
169 |   			callCounter.outbound.duration += seconds;
170 |   		}
171 | 
172 |       // Add call information to the calls array
173 |       clientLogs.log("Call added to local array");
174 |       calls.push(myCall);
175 | 
176 |       // Save to localstorage as well
177 |       localStorage.setItem(agent + "_calls", JSON.stringify(calls));
178 | 
179 |       // Convert date to moment object
180 |       calls[calls.length-1].date = moment(calls[calls.length-1].date);
181 | 
182 | 	},
183 | 
184 | 	displayTime = function (seconds){
185 |     var duration, minDisplay, secDisplay, hourDisplay, minutes, sec;
186 | 		if(seconds <= 9){
187 | 			duration = "00:00:0"+seconds;
188 | 		}else{
189 | 			duration = "00:00:" + seconds;
190 | 		}
191 | 
192 | 		// calculate call in minutes
193 | 		if (seconds > 60){
194 | 			minutes = Math.floor(seconds / 60);
195 | 			// check to for single digits. If a single digit prepend a 0
196 | 			if(minutes <= 9){
197 | 				minDisplay = "0"+minutes;
198 | 			}else{
199 | 				minDisplay = minutes;
200 | 			}
201 | 
202 | 			sec = Math.floor(seconds - (minutes * 60));
203 | 			// check to for single digits. If a single digit prepend a 0
204 | 			if(sec <= 9){
205 | 				secDisplay = "0"+sec;
206 | 			}else{
207 | 				secDisplay = sec;
208 | 			}
209 | 			duration = "00:"+minDisplay+":"+secDisplay;
210 | 		}
211 | 
212 | 		// calculate call in hours & minutes
213 | 		if (minutes !== "" && minutes > 60){
214 | 			var hours = Math.floor(minutes / 60);
215 | 			// check to for single digits. If a single digit prepend a 0
216 | 			if(hours <= 9){
217 | 				hourDisplay = "0"+hours;
218 | 			}else{
219 | 				hourDisplay = hours;
220 | 			}
221 | 
222 | 			minutes = Math.floor(minutes - (hours * 60));
223 | 			// check to for single digits. If a single digit prepend a 0
224 | 			if(minutes <= 9){
225 | 				minDisplay = "0"+minutes;
226 | 			}else{
227 | 				minDisplay = minutes;
228 | 			}
229 | 
230 | 			seconds = Math.floor(seconds - (hours * 60 + (minutes)) * 60);
231 | 			// check to for single digits. If a single digit prepend a 0
232 | 			if(sec <= 9){
233 | 				secDisplay = "0"+sec;
234 | 			}else{
235 | 				secDisplay = sec;
236 | 			}
237 | 
238 | 			duration = hourDisplay+":"+minDisplay+":"+secDisplay;
239 | 		}
240 | 
241 | 		return duration;
242 | 	},
243 | 
244 | 	sortObjectBy = function(array, srtKey, srtOrder){
245 |     console.log(array);
246 |     var _def = $.Deferred();
247 |     var sorted;
248 |     if (srtOrder =="A"){
249 |       if (srtKey == "direction" || srtKey == "number"){
250 |         sorted = array.sort(function (a, b) {
251 |           var x = a[srtKey].toLowerCase(); var y = b[srtKey].toLowerCase();
252 |           return ((x < y) ? -1 : ((x > y) ? 1 : 0));
253 |         });
254 |       }else{
255 |         sorted = array.sort(function (a, b) {
256 |           var x = a[srtKey]; var y = b[srtKey];
257 |           return ((x < y) ? -1 : ((x > y) ? 1 : 0));
258 |         });
259 |       }
260 |     }else if(srtOrder =="D"){
261 |       if (srtKey =="type" || srtKey =="number"){
262 |         sorted = array.sort(function (a, b) {
263 |           var x = a[srtKey].toLowerCase(); var y = b[srtKey].toLowerCase();
264 |           return ((x > y) ? -1 : ((x < y) ? 1 : 0));
265 |         });
266 |       }else{
267 |         sorted = array.sort(function (a, b) {
268 |           var x = a[srtKey]; var y = b[srtKey];
269 |           return ((x > y) ? -1 : ((x < y) ? 1 : 0));
270 |         });
271 |       }
272 |     }
273 | 
274 |     return _def.resolve(sorted);
275 | 	},
276 | 
277 | 	loadHistory = function (agent) {
278 | 		var inTotal = displayTime(callCounter.inbound.duration);
279 | 		var outTotal = displayTime(callCounter.outbound.duration);
280 | 		var tallyTable = "";
281 | 		tallyTable += '<tr><td>Inbound</td><td>'+callCounter.inbound.count+'</td><td>'+inTotal+'</td></tr>';
282 | 		tallyTable += '<tr><td>Outbound</td><td>'+callCounter.outbound.count+'</td><td>'+outTotal+'</td></tr>';
283 | 
284 | 		$("#tally tbody").html(tallyTable);
285 | 
286 | 		//var myAgentId = user.getId();
287 | 		var historyTable = "";
288 |     var detail;
289 | 
290 | 		// Call history is pulled from the calls array. This is created when finesse loads
291 | 		for (var i in calls){
292 | 			if(calls[i].detail){
293 | 				detail = calls[i].detail;
294 | 			}else{
295 | 				detail = "N/A";
296 | 			}
297 | 
298 | 			// Prepend Access Code on 11 digit numbers
299 | 			var num = calls[i].number;
300 | 	    	if (num.length == 11){
301 | 	    		num = accessCode+num;
302 | 	    	}
303 | 			historyTable += "<tr><td>"+ moment(calls[i].date).format('LTS') +"</td><td>" + calls[i].direction +"</td><td>"+ calls[i].duration +"</td><td>"+ calls[i].number +"</td><td>"+ detail +"</td><td><button onClick=\"finesse.modules.callHistoryGadget.makeCall('" + num + "')\">Call Back</button></td></tr>";
304 | 		}
305 | 		$("#history tbody").html(historyTable);
306 | 
307 |     // apply sort identifier
308 |     if(sortDir === "D"){
309 |       $('.sort[data-sort="'+sortMethod+'"]').addClass('desc');
310 |     }else{
311 |       $('.sort[data-sort="'+sortMethod+'"]').addClass('asc');
312 |     }
313 | 
314 | 	},
315 | 	displayCall = function (dialog){
316 | 		for(var i = 0; i < trackDialog.length; i++) {
317 |     		if(trackDialog[i].id == dialog._id) {
318 |         		trackDialog[i].to = dialog.getToAddress();
319 |        	 		break;
320 |     		}
321 | 		}
322 | 	},
323 | 
324 | 		_processCall = function (dialog) {
325 | 			displayCall (dialog);
326 | 	},
327 | 
328 |   /**
329 |    *  Handler for additions to the Dialogs collection object.  This will occur when a new
330 |    *  Dialog is created on the Finesse server for this user.
331 |    */
332 |   handleNewDialog = function(dialog) {
333 |     // Capture important details about the current call dialog
334 |     var currentCall = {};
335 |     currentCall.id = dialog._id;
336 |     currentCall.type = dialog.getMediaProperties().callType;
337 |     currentCall.to = dialog.getToAddress();
338 |     currentCall.from = dialog.getFromAddress();
339 |     currentCall.counters = dialog.getParticipantTimerCounters(user.getExtension());
340 | 
341 |     // Store this call information in the trackDiaglog array each new dialog update clear the dialog info.
342 |     trackDialog.push(currentCall);
343 | 
344 |     //Write the trackDiaglog to localStorage. this will be reloaded if the browser is closed or refreshed
345 |     localStorage.setItem(user.getId() + "_trackDialog", JSON.stringify(trackDialog));
346 |     clientLogs.log("New call arrived");
347 | 
348 |     // add a dialog change handler in case the callvars didn't arrive yet
349 |     dialog.addHandler('change', _processCall);
350 | 
351 |     // call the displayCall handler
352 |     displayCall (dialog);
353 |   },
354 | 
355 |   /**
356 |   *  Handler for deletions from the Dialogs collection object for this user.  This will occur
357 |   *  when a Dialog is removed from this user's collection (example, end call)
358 |   */
359 |   handleEndDialog = function(dialog) {
360 |     clientLogs.log("Handling End Dialog");
361 |     var number = "";
362 |     var direction = {};
363 |     var i;
364 | 
365 |     // If the trackDialog in memory is empty, load data from localStorage
366 |     if(trackDialog.length < 1){
367 |       clientLogs.log("Loading Track Dialog from localStorage");
368 |       trackDialog = JSON.parse(localStorage.getItem(user.getId() + "_trackDialog"));
369 |     }
370 | 
371 | 		// determine call direction
372 | 		for (i = 0; i < trackDialog.length; i++){
373 | 			if (trackDialog[i].id == dialog._id){
374 | 				switch(trackDialog[i].type){
375 | 						case "ACD_IN":
376 | 							// Fix for CCE calls to a route point
377 | 							if (dialog.getFromAddress() == user.getExtension()){
378 | 								number = dialog.getToAddress();
379 | 								direction.desc = "Outbound";
380 | 								direction.dir = "out";
381 | 							}else{
382 | 								number = dialog.getFromAddress();
383 | 								direction.desc = "Inbound";
384 | 								direction.dir = "in";
385 | 							}
386 | 						break;
387 |             case "PREROUTE_ACD_IN":
388 |               number = dialog.getFromAddress();
389 |               direction.desc = "Inbound";
390 |               direction.dir = "in";
391 |             break;
392 |             case "PREROUTE_DIRECT_AGENT":
393 |               number = dialog.getFromAddress();
394 |               direction.desc = "Inbound";
395 |               direction.dir = "in";
396 |             break;
397 | 		    		case "TRANSFER":
398 | 		    			number = dialog.getFromAddress();
399 | 		    			direction.desc = "Transfer In";
400 |               direction.dir = "in";
401 | 		    		break;
402 | 		    		case "OTHER_IN":
403 | 		    			number = dialog.getFromAddress();
404 | 		    			direction.desc = "Inbound";
405 |               direction.dir = "in";
406 | 		    		break;
407 | 		    		case "OUT":
408 |               // fix for initial call type on internal calls showing as "OUT"
409 |               if (dialog.getToAddress() == user.getExtension()){
410 |                 number = dialog.getFromAddress();
411 |                 direction.desc = "Inbound";
412 |                 direction.dir = "in";
413 |               }else{
414 |                 number = dialog.getToAddress();
415 |                 direction.desc = "Outbound";
416 |                 direction.dir = "out";
417 |               }
418 | 		    		break;
419 |             case "AGENT_INSIDE":
420 |               if (dialog.getToAddress() == user.getExtension()){
421 |                 number = dialog.getFromAddress();
422 |                 direction.desc = "Inbound";
423 |                 direction.dir = "in";
424 |               }else{
425 |                 number = dialog.getToAddress();
426 |                 direction.desc = "Outbound";
427 |                 direction.dir = "out";
428 |               }
429 |             break;
430 | 		    		case "OUTBOUND":
431 | 		    			number = dialog.getToAddress();
432 | 		    			direction.desc = "Outbound";
433 |               direction.dir = "out";
434 | 		    		break;
435 |             case "OUTBOUND_PREVIEW":
436 |               number = dialog.getToAddress();
437 |               direction.desc = "Preview Out";
438 |               direction.dir = "out";
439 |             break;
440 |             case "OUTBOUND_DIRECT_PREVIEW":
441 |               direction.desc = "SM";
442 |               direction.dir = "SM";
443 |             break;
444 |             case "CONSULT":
445 |               if (dialog.getToAddress() == user.getExtension()){
446 |                 number = dialog.getFromAddress();
447 |                 direction.desc = "Consult From";
448 |                 direction.dir = "in";
449 |               }else if(dialog.getFromAddress() == user.getExtension()){
450 |                 number = dialog.getToAddress();
451 |                 direction.desc = "Consult To";
452 |                 direction.dir = "out";
453 |               }else if(dialog.getToAddress() != user.getExtension()){
454 |                 number = dialog.getToAddress();
455 |                 direction.desc = "Consult From";
456 |                 direction.dir = "in";
457 |               }
458 |             break;
459 |             case "CONFERENCE":
460 |               number = dialog.getFromAddress();
461 |               direction.desc = "Conference In";
462 |               direction.dir = "in";
463 |               clientLogs.log(dialog.getParticipants());
464 |             break;
465 | 		    		case "SUPERVISOR_MONITOR":
466 | 		    			direction.desc = "SM";
467 |               direction.dir = "SM";
468 | 		    		break;
469 | 		    		default:
470 | 		    			number = dialog.getFromAddress();
471 | 		    			direction.desc = "n/a";
472 |               direction.dir = "n/a";
473 | 				}
474 | 			}
475 | 		}
476 | 
477 |     clientLogs.log("Classified calls as: "+ JSON.stringify(direction));
478 | 
479 | 		// check for additional call dialogs
480 | 		for(i = 0; i < trackDialog.length; i++) {
481 | 			if (direction.dir == "SM"){
482 | 				//do not write to history
483 | 			}else if(trackDialog[i].id == dialog._id) {
484 | 				var callVars = dialog.getMediaProperties();
485 |         trackDialog[i].counters.stateChangeTime = dialog.getParticipantTimerCounters(user.getExtension()).stateChangeTime;
486 |        	
487 |         // Save Call to callHistory Gadget
488 | 				recordCall(user.getId(), number, direction, trackDialog[i].counters, callVars[config.callDetail]);
489 | 				
490 |         // remove call from trackDiaglog in memory and localstorage
491 | 				trackDialog.splice(i, 1);
492 | 				localStorage.removeItem(user.getId() + "_trackDialog");
493 |     	}
494 | 		}
495 | 
496 | 		// Set agent ready if required
497 | 		if (wasReady === true){
498 | 			user.setState("READY");
499 | 			wasReady = false;
500 | 		}
501 |     // load latest call info
502 |     render();
503 |   },
504 | 
505 |   /**
506 |    * Handler for makeCall when successful.
507 |    */
508 |   makeCallSuccess = function(rsp) {
509 |   },
510 | 
511 |   /**
512 |    * Handler for makeCall when error occurs.
513 |    */
514 |   makeCallError = function(rsp) {
515 |   },
516 | 
517 |   /**
518 |    * Handler for the onLoad of a User object.  This occurs when the User object is initially read
519 |    * from the Finesse server.  Any once only initialization should be done within this function.
520 |    */
521 |   handleUserLoad = function (userevent) {
522 |     // Get an instance of the dialogs collection and register handlers for dialog additions and
523 |     // removals
524 |     dialogs = user.getDialogs( {
525 |     	onCollectionAdd : handleNewDialog,
526 |       onCollectionDelete : handleEndDialog
527 |     });
528 | 
529 |     render();
530 |   },
531 | 
532 |   /**
533 |    *  Handler for all User updates
534 |    */
535 |   handleUserChange = function(userevent) {
536 |     render();
537 |   };
538 | 
539 | 	/** @scope finesse.modules.SampleGadget */
540 | 	return {
541 | 	    /**
542 | 	     * Sets the user state
543 | 	     */
544 | 	    setUserState : function (state) {
545 | 	        if (state === 'READY') {
546 | 	            user.setState(states.READY);
547 | 	        } else if (state === 'NOT_READY') {
548 | 	            user.setState(states.NOT_READY);
549 | 	        }
550 | 	    },
551 | 
552 | 	    /**
553 | 	     * Make a call to the number
554 | 	     */
555 | 	    makeCall : function (number) {
556 | 	    	// automatically move agents into a not ready state with the reason code defined by "reasonID"
557 | 			var currentState = user.getState();
558 | 	     	if ( currentState == "READY" ) {
559 | 	          user.setState(states.NOT_READY, reasonID);
560 | 	          wasReady = true;
561 | 	      	}
562 | 
563 |         	user.makeCall(number, {
564 | 				success: makeCallSuccess,
565 | 				error: makeCallError
566 | 			});
567 | 	    },
568 | 
569 | 	    /**
570 | 	     * Performs all initialization for this gadget
571 | 	     */
572 | 	    init : function () {
573 |         var prefs =  new gadgets.Prefs(),
574 |         id = prefs.getString("id");
575 |         var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
576 |         gadgets.window.adjustHeight('680');
577 | 
578 |         // Initiate the ClientServices and load the user object.  ClientServices are
579 |         // initialized with a reference to the current configuration.
580 |         finesse.clientservices.ClientServices.init(finesse.gadget.Config);
581 |         clientLogs.init(gadgets.Hub, "Call History Gadget"); //this gadget id will be logged as a part of the message
582 |         user = new finesse.restservices.User({
583 | 				  id: id,
584 |           onLoad : handleUserLoad,
585 |           onChange : handleUserChange
586 |         });
587 | 
588 |         states = finesse.restservices.User.States;
589 | 
590 |         // handle sort clicks
591 |         $(document).on('click', '.sort', function(e) {
592 |           e.preventDefault();
593 |           sortMethod = $(this).attr('data-sort');
594 |           if($(this).hasClass('desc')){
595 |             clientLogs.log("selected column has desc class, switch to asc");
596 |             sortDir = "A";
597 |           }else if ($(this).hasClass('asc')){
598 |             clientLogs.log("selected column has asc class, switch to desc");
599 |             sortDir = "D";
600 |           }else{
601 |             clientLogs.log("selected column has no sort class, switch to desc");
602 |             // $(this).addClass('desc');
603 |             sortDir = "D";
604 |           }
605 |           // clear current indicator
606 |           $('.sort').removeClass('desc');
607 |           $('.sort').removeClass('asc');
608 | 
609 |           // store sort selections in localStorage
610 |           localStorage.setItem('sortMethod', sortMethod);
611 |           localStorage.setItem('sortDir', sortDir);
612 | 
613 |           render();
614 |         });
615 | 
616 |   			// Initiate the ContainerServices and add a handler for when the tab is visible
617 |   			// to adjust the height of this gadget in case the tab was not visible
618 |   			// when the html was rendered (adjustHeight only works when tab is visible)
619 | 
620 |   			containerServices = finesse.containerservices.ContainerServices.init();
621 |         containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
622 |   			 clientLogs.log("Call History Gadget is now visible");  // log to Finesse logger
623 |   			 // automatically adjust the height of the gadget to show the html
624 |           gadgets.window.adjustHeight('680');
625 |         });
626 |         containerServices.makeActiveTabReq();
627 | 	    }
628 |     };
629 | }(jQuery));
630 | 


--------------------------------------------------------------------------------
/callHistoryGadget/10.6/callHistoryGadget.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Copyright (c) 2018 Cisco and/or its affiliates.
  3 | 
  4 | This software is licensed to you under the terms of the Cisco Sample
  5 | Code License, Version 1.0 (the "License"). You may obtain a copy of the
  6 | License at
  7 | 
  8 |                https://developer.cisco.com/docs/licenses
  9 | 
 10 | All use of the material herein must be in accordance with the terms of
 11 | the License. All rights not expressly granted by the License are
 12 | reserved. Unless required by applicable law or agreed to separately in
 13 | writing, software distributed under the License is distributed on an "AS
 14 | IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 15 | or implied. 
 16 | */
 17 | 
 18 | var start = moment().startOf('day');
 19 | 
 20 | // create array for tracking calls and one for tracking active dialogs
 21 | var calls = [];
 22 | var trackDialog = [];
 23 | var callCounter = {"inbound":{"count": 0, "duration": 0}, "outbound": {"count": 0, "duration": 0}};
 24 | 
 25 | var accessCode = config.accessCode;
 26 | 
 27 | //Agent state change preferences
 28 | var reasonID = config.reasonID;
 29 | var wasReady = false; // This allows the gadget to move the agent back into a ready state after a callback is made.
 30 | 
 31 | //Default Sorting order
 32 | var sortMethod = localStorage.getItem('sortMethod') || "date";
 33 | var sortDir = localStorage.getItem('sortDir') || "D"; 
 34 | 
 35 | var finesse = finesse || {};
 36 | finesse.gadget = finesse.gadget || {};
 37 | finesse.container = finesse.container || {};
 38 | clientLogs = finesse.cslogger.ClientLogger || {};  // for logging
 39 | 
 40 | // Gadget Config needed for instantiating ClientServices
 41 | /** @namespace */
 42 | finesse.gadget.Config = (function () {
 43 | 	var _prefs = new gadgets.Prefs();
 44 | 
 45 | 	/** @scope finesse.gadget.Config */
 46 | 	return {
 47 | 		authorization: _prefs.getString("authorization"),
 48 | 		country: _prefs.getString("country"),
 49 | 		language: _prefs.getString("language"),
 50 | 		locale: _prefs.getString("locale"),
 51 | 		host: _prefs.getString("host"),
 52 | 		hostPort: _prefs.getString("hostPort"),
 53 | 		extension: _prefs.getString("extension"),
 54 | 		mobileAgentMode: _prefs.getString("mobileAgentMode"),
 55 | 		mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
 56 | 		xmppDomain: _prefs.getString("xmppDomain"),
 57 | 		pubsubDomain: _prefs.getString("pubsubDomain"),
 58 | 		restHost: _prefs.getString("restHost"),
 59 | 		scheme: _prefs.getString("scheme"),
 60 | 		localhostFQDN: _prefs.getString("localhostFQDN"),
 61 | 		localhostPort: _prefs.getString("localhostPort"),
 62 | 		clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
 63 | 	};
 64 | }());
 65 | 
 66 | /** @namespace */
 67 | finesse.modules = finesse.modules || {};
 68 | finesse.modules.callHistoryGadget = (function ($) {
 69 |     var user, states, dialogs,
 70 | 
 71 |     render = function () {
 72 | 			clientLogs.log('Loading the following config parameters: ' + JSON.stringify(config));
 73 |       clientLogs.log('sort Method on load: '+sortMethod);
 74 |   		
 75 |       // Load history from local storage if present
 76 |   		if (calls.length < 1){
 77 |   			// Retrieve the object from storage
 78 |   			var retrievedArray = JSON.parse(localStorage.getItem(user.getId() + "_calls"));
 79 | 
 80 |   			// check to make sure localstorage contained calls
 81 |   			if (retrievedArray){
 82 |   				// sort calls so that the oldest call is first.
 83 |           var sortTime;
 84 |   				sortObjectBy(retrievedArray, "date", "A")
 85 |           .then(function(calls){
 86 |             sortTime = calls;
 87 |           });
 88 | 
 89 |   				var retrievedDate = moment(sortTime[0].date).startOf('day');
 90 | 
 91 |   				if (!moment(start).isSame(retrievedDate)){
 92 |   					clientLogs.log("Purging old data!");
 93 |   					// Purge cached data
 94 |   					localStorage.removeItem(user.getId() + "_calls");
 95 |   					localStorage.removeItem(user.getId() + "_trackDialog");
 96 |   					calls = [];
 97 |   				}else{
 98 |   					//creating date objects for cached data
 99 |   					for(var i = 0; i < retrievedArray.length; i++) {
100 |   			    		retrievedArray[i].date = moment(retrievedArray[i].date);
101 |   					}
102 |   					clientLogs.log("Using cached data");
103 |   					// Write cached calls to local array
104 |   					calls = retrievedArray;
105 |   					// Tally Existing Calls
106 |             clientLogs.log(calls);
107 |   					tallyCalls();
108 |   				}
109 |   			} // end if retreived Array
110 |   		} // end call length
111 | 
112 | 		  // Loads call history on startup
113 |       sortObjectBy(calls,sortMethod,sortDir)
114 |       .then(function(sortedCalls){
115 |         calls = sortedCalls;
116 |         clientLogs.log('my calls: '+calls);
117 |         loadHistory(user.getId());
118 |       });
119 |       gadgets.window.adjustHeight('680');
120 |     },
121 | 
122 |     tallyCalls = function (){
123 |     	for(var i = 0; i < calls.length; i++){
124 |     		if(calls[i].direction == "Outbound"){
125 |     			callCounter.outbound.count++;
126 |     			callCounter.outbound.duration += calls[i].seconds;
127 |     		}else if(calls[i].direction == "Inbound" || calls[i].direction == "xfer in"){
128 |     			callCounter.inbound.count++;
129 |     			callCounter.inbound.duration += calls[i].seconds;
130 |     		}
131 |     	}
132 |     },
133 | 
134 |     recordCall = function (agent, number, direction, counters, detail){
135 |     	// capture the time difference in seconds
136 |       var seconds = moment(counters.stateChangeTime).diff(counters.startTime, 'seconds');
137 | 
138 |     	// format the seconds in a format for display
139 |     	var duration = displayTime(seconds);
140 | 
141 |       // remove + from +e164 formatted numbers
142 |       if(number[0] === "+"){
143 |         number = number.slice(1);
144 |       }
145 | 
146 |     	// number validation
147 |     	if (number.length == 10){
148 |     		number = "1"+number;
149 |     	}else if(number.length == 12 && number[0] == accessCode){
150 |     		// remove access code
151 |     		number = number.slice(1);
152 |     	}
153 | 
154 |   		var myCall = {};
155 |   		myCall.date = counters.startTime;
156 |   		myCall.agent = agent;
157 |   		myCall.number = number;
158 |   		myCall.direction = direction.desc;
159 |   		myCall.seconds = seconds;
160 |   		myCall.duration = duration;
161 |   		myCall.detail = detail; // set to the call Variable you would like displayed in the "detail" column of the call History
162 | 
163 |   		// Increment call Tally and durations
164 |   		if(direction.dir == "in"){
165 |   			callCounter.inbound.count++;
166 |   			callCounter.inbound.duration += seconds;
167 |   		}else if(direction.dir == "out"){
168 |   			callCounter.outbound.count++;
169 |   			callCounter.outbound.duration += seconds;
170 |   		}
171 | 
172 |       // Add call information to the calls array
173 |       clientLogs.log("Call added to local array");
174 |       calls.push(myCall);
175 | 
176 |       // Save to localstorage as well
177 |       localStorage.setItem(agent + "_calls", JSON.stringify(calls));
178 | 
179 |       // Convert date to moment object
180 |       calls[calls.length-1].date = moment(calls[calls.length-1].date);
181 | 
182 | 	},
183 | 
184 | 	displayTime = function (seconds){
185 |     var duration, minDisplay, secDisplay, hourDisplay, minutes, sec;
186 | 		if(seconds <= 9){
187 | 			duration = "00:00:0"+seconds;
188 | 		}else{
189 | 			duration = "00:00:" + seconds;
190 | 		}
191 | 
192 | 		// calculate call in minutes
193 | 		if (seconds > 60){
194 | 			minutes = Math.floor(seconds / 60);
195 | 			// check to for single digits. If a single digit prepend a 0
196 | 			if(minutes <= 9){
197 | 				minDisplay = "0"+minutes;
198 | 			}else{
199 | 				minDisplay = minutes;
200 | 			}
201 | 
202 | 			sec = Math.floor(seconds - (minutes * 60));
203 | 			// check to for single digits. If a single digit prepend a 0
204 | 			if(sec <= 9){
205 | 				secDisplay = "0"+sec;
206 | 			}else{
207 | 				secDisplay = sec;
208 | 			}
209 | 			duration = "00:"+minDisplay+":"+secDisplay;
210 | 		}
211 | 
212 | 		// calculate call in hours & minutes
213 | 		if (minutes !== "" && minutes > 60){
214 | 			var hours = Math.floor(minutes / 60);
215 | 			// check to for single digits. If a single digit prepend a 0
216 | 			if(hours <= 9){
217 | 				hourDisplay = "0"+hours;
218 | 			}else{
219 | 				hourDisplay = hours;
220 | 			}
221 | 
222 | 			minutes = Math.floor(minutes - (hours * 60));
223 | 			// check to for single digits. If a single digit prepend a 0
224 | 			if(minutes <= 9){
225 | 				minDisplay = "0"+minutes;
226 | 			}else{
227 | 				minDisplay = minutes;
228 | 			}
229 | 
230 | 			seconds = Math.floor(seconds - (hours * 60 + (minutes)) * 60);
231 | 			// check to for single digits. If a single digit prepend a 0
232 | 			if(sec <= 9){
233 | 				secDisplay = "0"+sec;
234 | 			}else{
235 | 				secDisplay = sec;
236 | 			}
237 | 
238 | 			duration = hourDisplay+":"+minDisplay+":"+secDisplay;
239 | 		}
240 | 
241 | 		return duration;
242 | 	},
243 | 
244 | 	sortObjectBy = function(array, srtKey, srtOrder){
245 |     console.log(array);
246 |     var _def = $.Deferred();
247 |     var sorted;
248 |     if (srtOrder =="A"){
249 |       if (srtKey == "direction" || srtKey == "number"){
250 |         sorted = array.sort(function (a, b) {
251 |           var x = a[srtKey].toLowerCase(); var y = b[srtKey].toLowerCase();
252 |           return ((x < y) ? -1 : ((x > y) ? 1 : 0));
253 |         });
254 |       }else{
255 |         sorted = array.sort(function (a, b) {
256 |           var x = a[srtKey]; var y = b[srtKey];
257 |           return ((x < y) ? -1 : ((x > y) ? 1 : 0));
258 |         });
259 |       }
260 |     }else if(srtOrder =="D"){
261 |       if (srtKey =="type" || srtKey =="number"){
262 |         sorted = array.sort(function (a, b) {
263 |           var x = a[srtKey].toLowerCase(); var y = b[srtKey].toLowerCase();
264 |           return ((x > y) ? -1 : ((x < y) ? 1 : 0));
265 |         });
266 |       }else{
267 |         sorted = array.sort(function (a, b) {
268 |           var x = a[srtKey]; var y = b[srtKey];
269 |           return ((x > y) ? -1 : ((x < y) ? 1 : 0));
270 |         });
271 |       }
272 |     }
273 | 
274 |     return _def.resolve(sorted);
275 | 	},
276 | 
277 | 	loadHistory = function (agent) {
278 | 		var inTotal = displayTime(callCounter.inbound.duration);
279 | 		var outTotal = displayTime(callCounter.outbound.duration);
280 | 		var tallyTable = "";
281 | 		tallyTable += '<tr><td>Inbound</td><td>'+callCounter.inbound.count+'</td><td>'+inTotal+'</td></tr>';
282 | 		tallyTable += '<tr><td>Outbound</td><td>'+callCounter.outbound.count+'</td><td>'+outTotal+'</td></tr>';
283 | 
284 | 		$("#tally tbody").html(tallyTable);
285 | 
286 | 		//var myAgentId = user.getId();
287 | 		var historyTable = "";
288 |     var detail;
289 | 
290 | 		// Call history is pulled from the calls array. This is created when finesse loads
291 | 		for (var i in calls){
292 | 			if(calls[i].detail){
293 | 				detail = calls[i].detail;
294 | 			}else{
295 | 				detail = "N/A";
296 | 			}
297 | 
298 | 			// Prepend Access Code on 11 digit numbers
299 | 			var num = calls[i].number;
300 | 	    	if (num.length == 11){
301 | 	    		num = accessCode+num;
302 | 	    	}
303 | 			historyTable += "<tr><td>"+ moment(calls[i].date).format('LTS') +"</td><td>" + calls[i].direction +"</td><td>"+ calls[i].duration +"</td><td>"+ calls[i].number +"</td><td>"+ detail +"</td><td><button onClick=\"finesse.modules.callHistoryGadget.makeCall('" + num + "')\">Call Back</button></td></tr>";
304 | 		}
305 | 		$("#history tbody").html(historyTable);
306 | 
307 |     // apply sort identifier
308 |     if(sortDir === "D"){
309 |       $('.sort[data-sort="'+sortMethod+'"]').addClass('desc');
310 |     }else{
311 |       $('.sort[data-sort="'+sortMethod+'"]').addClass('asc');
312 |     }
313 | 
314 | 	},
315 | 	displayCall = function (dialog){
316 | 		for(var i = 0; i < trackDialog.length; i++) {
317 |     		if(trackDialog[i].id == dialog._id) {
318 |         		trackDialog[i].to = dialog.getToAddress();
319 |        	 		break;
320 |     		}
321 | 		}
322 | 	},
323 | 
324 | 		_processCall = function (dialog) {
325 | 			displayCall (dialog);
326 | 	},
327 | 
328 |   /**
329 |    *  Handler for additions to the Dialogs collection object.  This will occur when a new
330 |    *  Dialog is created on the Finesse server for this user.
331 |    */
332 |   handleNewDialog = function(dialog) {
333 |     // Capture important details about the current call dialog
334 |     var currentCall = {};
335 |     currentCall.id = dialog._id;
336 |     currentCall.type = dialog.getMediaProperties().callType;
337 |     currentCall.to = dialog.getToAddress();
338 |     currentCall.from = dialog.getFromAddress();
339 |     currentCall.counters = dialog.getParticipantTimerCounters(user.getExtension());
340 | 
341 |     // Store this call information in the trackDiaglog array each new dialog update clear the dialog info.
342 |     trackDialog.push(currentCall);
343 | 
344 |     //Write the trackDiaglog to localStorage. this will be reloaded if the browser is closed or refreshed
345 |     localStorage.setItem(user.getId() + "_trackDialog", JSON.stringify(trackDialog));
346 |     clientLogs.log("New call arrived");
347 | 
348 |     // add a dialog change handler in case the callvars didn't arrive yet
349 |     dialog.addHandler('change', _processCall);
350 | 
351 |     // call the displayCall handler
352 |     displayCall (dialog);
353 |   },
354 | 
355 |   /**
356 |   *  Handler for deletions from the Dialogs collection object for this user.  This will occur
357 |   *  when a Dialog is removed from this user's collection (example, end call)
358 |   */
359 |   handleEndDialog = function(dialog) {
360 |     clientLogs.log("Handling End Dialog");
361 |     var number = "";
362 |     var direction = {};
363 |     var i;
364 | 
365 |     // If the trackDialog in memory is empty, load data from localStorage
366 |     if(trackDialog.length < 1){
367 |       clientLogs.log("Loading Track Dialog from localStorage");
368 |       trackDialog = JSON.parse(localStorage.getItem(user.getId() + "_trackDialog"));
369 |     }
370 | 
371 | 		// determine call direction
372 | 		for (i = 0; i < trackDialog.length; i++){
373 | 			if (trackDialog[i].id == dialog._id){
374 | 				switch(trackDialog[i].type){
375 | 						case "ACD_IN":
376 | 							// Fix for CCE calls to a route point
377 | 							if (dialog.getFromAddress() == user.getExtension()){
378 | 								number = dialog.getToAddress();
379 | 								direction.desc = "Outbound";
380 | 								direction.dir = "out";
381 | 							}else{
382 | 								number = dialog.getFromAddress();
383 | 								direction.desc = "Inbound";
384 | 								direction.dir = "in";
385 | 							}
386 | 						break;
387 |             case "PREROUTE_ACD_IN":
388 |               number = dialog.getFromAddress();
389 |               direction.desc = "Inbound";
390 |               direction.dir = "in";
391 |             break;
392 |             case "PREROUTE_DIRECT_AGENT":
393 |               number = dialog.getFromAddress();
394 |               direction.desc = "Inbound";
395 |               direction.dir = "in";
396 |             break;
397 | 		    		case "TRANSFER":
398 | 		    			number = dialog.getFromAddress();
399 | 		    			direction.desc = "Transfer In";
400 |               direction.dir = "in";
401 | 		    		break;
402 | 		    		case "OTHER_IN":
403 | 		    			number = dialog.getFromAddress();
404 | 		    			direction.desc = "Inbound";
405 |               direction.dir = "in";
406 | 		    		break;
407 | 		    		case "OUT":
408 |               // fix for initial call type on internal calls showing as "OUT"
409 |               if (dialog.getToAddress() == user.getExtension()){
410 |                 number = dialog.getFromAddress();
411 |                 direction.desc = "Inbound";
412 |                 direction.dir = "in";
413 |               }else{
414 |                 number = dialog.getToAddress();
415 |                 direction.desc = "Outbound";
416 |                 direction.dir = "out";
417 |               }
418 | 		    		break;
419 |             case "AGENT_INSIDE":
420 |               if (dialog.getToAddress() == user.getExtension()){
421 |                 number = dialog.getFromAddress();
422 |                 direction.desc = "Inbound";
423 |                 direction.dir = "in";
424 |               }else{
425 |                 number = dialog.getToAddress();
426 |                 direction.desc = "Outbound";
427 |                 direction.dir = "out";
428 |               }
429 |             break;
430 | 		    		case "OUTBOUND":
431 | 		    			number = dialog.getToAddress();
432 | 		    			direction.desc = "Outbound";
433 |               direction.dir = "out";
434 | 		    		break;
435 |             case "OUTBOUND_PREVIEW":
436 |               number = dialog.getToAddress();
437 |               direction.desc = "Preview Out";
438 |               direction.dir = "out";
439 |             break;
440 |             case "OUTBOUND_DIRECT_PREVIEW":
441 |               direction.desc = "SM";
442 |               direction.dir = "SM";
443 |             break;
444 |             case "CONSULT":
445 |               if (dialog.getToAddress() == user.getExtension()){
446 |                 number = dialog.getFromAddress();
447 |                 direction.desc = "Consult From";
448 |                 direction.dir = "in";
449 |               }else if(dialog.getFromAddress() == user.getExtension()){
450 |                 number = dialog.getToAddress();
451 |                 direction.desc = "Consult To";
452 |                 direction.dir = "out";
453 |               }else if(dialog.getToAddress() != user.getExtension()){
454 |                 number = dialog.getToAddress();
455 |                 direction.desc = "Consult From";
456 |                 direction.dir = "in";
457 |               }
458 |             break;
459 |             case "CONFERENCE":
460 |               number = dialog.getFromAddress();
461 |               direction.desc = "Conference In";
462 |               direction.dir = "in";
463 |               clientLogs.log(dialog.getParticipants());
464 |             break;
465 | 		    		case "SUPERVISOR_MONITOR":
466 | 		    			direction.desc = "SM";
467 |               direction.dir = "SM";
468 | 		    		break;
469 | 		    		default:
470 | 		    			number = dialog.getFromAddress();
471 | 		    			direction.desc = "n/a";
472 |               direction.dir = "n/a";
473 | 				}
474 | 			}
475 | 		}
476 | 
477 |     clientLogs.log("Classified calls as: "+ JSON.stringify(direction));
478 | 
479 | 		// check for additional call dialogs
480 | 		for(i = 0; i < trackDialog.length; i++) {
481 | 			if (direction.dir == "SM"){
482 | 				//do not write to history
483 | 			}else if(trackDialog[i].id == dialog._id) {
484 | 				var callVars = dialog.getMediaProperties();
485 |         trackDialog[i].counters.stateChangeTime = dialog.getParticipantTimerCounters(user.getExtension()).stateChangeTime;
486 |        	
487 |         // Save Call to callHistory Gadget
488 | 				recordCall(user.getId(), number, direction, trackDialog[i].counters, callVars[config.callDetail]);
489 | 				
490 |         // remove call from trackDiaglog in memory and localstorage
491 | 				trackDialog.splice(i, 1);
492 | 				localStorage.removeItem(user.getId() + "_trackDialog");
493 |     	}
494 | 		}
495 | 
496 | 		// Set agent ready if required
497 | 		if (wasReady === true){
498 | 			user.setState("READY");
499 | 			wasReady = false;
500 | 		}
501 |     // load latest call info
502 |     render();
503 |   },
504 | 
505 |   /**
506 |    * Handler for makeCall when successful.
507 |    */
508 |   makeCallSuccess = function(rsp) {
509 |   },
510 | 
511 |   /**
512 |    * Handler for makeCall when error occurs.
513 |    */
514 |   makeCallError = function(rsp) {
515 |   },
516 | 
517 |   /**
518 |    * Handler for the onLoad of a User object.  This occurs when the User object is initially read
519 |    * from the Finesse server.  Any once only initialization should be done within this function.
520 |    */
521 |   handleUserLoad = function (userevent) {
522 |     // Get an instance of the dialogs collection and register handlers for dialog additions and
523 |     // removals
524 |     dialogs = user.getDialogs( {
525 |     	onCollectionAdd : handleNewDialog,
526 |       onCollectionDelete : handleEndDialog
527 |     });
528 | 
529 |     render();
530 |   },
531 | 
532 |   /**
533 |    *  Handler for all User updates
534 |    */
535 |   handleUserChange = function(userevent) {
536 |     render();
537 |   };
538 | 
539 | 	/** @scope finesse.modules.SampleGadget */
540 | 	return {
541 | 	    /**
542 | 	     * Sets the user state
543 | 	     */
544 | 	    setUserState : function (state) {
545 | 	        if (state === 'READY') {
546 | 	            user.setState(states.READY);
547 | 	        } else if (state === 'NOT_READY') {
548 | 	            user.setState(states.NOT_READY);
549 | 	        }
550 | 	    },
551 | 
552 | 	    /**
553 | 	     * Make a call to the number
554 | 	     */
555 | 	    makeCall : function (number) {
556 | 	    	// automatically move agents into a not ready state with the reason code defined by "reasonID"
557 | 			var currentState = user.getState();
558 | 	     	if ( currentState == "READY" ) {
559 | 	          user.setState(states.NOT_READY, reasonID);
560 | 	          wasReady = true;
561 | 	      	}
562 | 
563 |         	user.makeCall(number, {
564 | 				success: makeCallSuccess,
565 | 				error: makeCallError
566 | 			});
567 | 	    },
568 | 
569 | 	    /**
570 | 	     * Performs all initialization for this gadget
571 | 	     */
572 | 	    init : function () {
573 |         var prefs =  new gadgets.Prefs(),
574 |         id = prefs.getString("id");
575 |         var clientLogs = finesse.cslogger.ClientLogger;   // declare clientLogs
576 |         gadgets.window.adjustHeight('680');
577 | 
578 |         // Initiate the ClientServices and load the user object.  ClientServices are
579 |         // initialized with a reference to the current configuration.
580 |         finesse.clientservices.ClientServices.init(finesse.gadget.Config);
581 |         clientLogs.init(gadgets.Hub, "Call History Gadget"); //this gadget id will be logged as a part of the message
582 |         user = new finesse.restservices.User({
583 | 				  id: id,
584 |           onLoad : handleUserLoad,
585 |           onChange : handleUserChange
586 |         });
587 | 
588 |         states = finesse.restservices.User.States;
589 | 
590 |         // handle sort clicks
591 |         $(document).on('click', '.sort', function(e) {
592 |           e.preventDefault();
593 |           sortMethod = $(this).attr('data-sort');
594 |           if($(this).hasClass('desc')){
595 |             clientLogs.log("selected column has desc class, switch to asc");
596 |             sortDir = "A";
597 |           }else if ($(this).hasClass('asc')){
598 |             clientLogs.log("selected column has asc class, switch to desc");
599 |             sortDir = "D";
600 |           }else{
601 |             clientLogs.log("selected column has no sort class, switch to desc");
602 |             // $(this).addClass('desc');
603 |             sortDir = "D";
604 |           }
605 |           // clear current indicator
606 |           $('.sort').removeClass('desc');
607 |           $('.sort').removeClass('asc');
608 | 
609 |           // store sort selections in localStorage
610 |           localStorage.setItem('sortMethod', sortMethod);
611 |           localStorage.setItem('sortDir', sortDir);
612 | 
613 |           render();
614 |         });
615 | 
616 |   			// Initiate the ContainerServices and add a handler for when the tab is visible
617 |   			// to adjust the height of this gadget in case the tab was not visible
618 |   			// when the html was rendered (adjustHeight only works when tab is visible)
619 | 
620 |   			containerServices = finesse.containerservices.ContainerServices.init();
621 |         containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function(){
622 |   			 clientLogs.log("Call History Gadget is now visible");  // log to Finesse logger
623 |   			 // automatically adjust the height of the gadget to show the html
624 |           gadgets.window.adjustHeight('680');
625 |         });
626 |         containerServices.makeActiveTabReq();
627 | 	    }
628 |     };
629 | }(jQuery));
630 | 


--------------------------------------------------------------------------------