js/main.js

   1 /*global disconnectCall, Bootstrap, Carousel, ContactsLibrary, getAppByID, disconnectCall, Configuration, Speech, Phone, changeCssBgImageColor, ThemeKeyColorSelected */
   2
   3 /**
   4  * This application provides voice call from paired Bluetooth phone. Application uses following APIs:
   5  *
   6  * * {{#crossLink "Phone"}}{{/crossLink}} library
   7  * * [tizen.bt]() as replacement of [tizen.bluetooth](https://developer.tizen.org/dev-guide/2.2.0/org.tizen.web.device.apireference/tizen/bluetooth.html) API due to
   8  *   conficts in underlying framework
   9  *
  10  * Application supports multiple connected devices, however only one of the devices can be selected at the time.
  11  * Selection is done from {{#crossLink "Bluetooth"}}{{/crossLink}} UI. In case that phone has active call additional {{#crossLink "Carousel"}}{{/crossLink}}
  12  * element is replaced by {{#crossLink "CallDuration"}}{{/crossLink}} element.
  13  *
  14  * Application allows following operations:
  15  *
  16  * * {{#crossLink "Phone/acceptCall:method"}}Place call{{/crossLink}}
  17  * * Handles incoming calls passed from {{#crossLink "IncomingCall"}}{{/crossLink}} widget
  18  * * Display {{#crossLink "Carousel"}}call history{{/crossLink}}
  19  * * Display {{#crossLink "ContactsLibrary"}}contact list{{/crossLink}}
  20  * * Mute/unmute call - not working due to [TIVI-2448](https://bugs.tizen.org/jira/browse/TIVI-2448)
  21  *
  22  * Additionaly application can be controlled using speech recognition via {{#crossLink "Speech"}}{{/crossLink}} component.
  23  *
  24  * Hover and click on elements in images below to navigate to components of Phone application.
  25  *
  26  * <img id="Image-Maps_1201312180420487" src="../assets/img/phone.png" usemap="#Image-Maps_1201312180420487" border="0" width="649" height="1152" alt="" />
  27  *   <map id="_Image-Maps_1201312180420487" name="Image-Maps_1201312180420487">
  28  *     <area shape="rect" coords="0,0,573,78" href="../classes/TopBarIcons.html" alt="top bar icons" title="Top bar icons" />
  29  *     <area shape="rect" coords="0,77,644,132" href="../classes/Clock.html" alt="clock" title="Clock"    />
  30  *     <area shape="rect" coords="0,994,644,1147" href="../classes/BottomPanel.html" alt="bottom panel" title="Bottom panel" />
  31  *     <area shape="rect" coords="573,1,644,76" href="../modules/Settings.html" alt="Settings" title="Settings"    />
  32  *     <area shape="rect" coords="552,136,646,181" href="../classes/ContactsLibrary.html" alt="Contacts library" title="Contacts library" />
  33  *     <area shape="rect" coords="95,345,164,491" href="../classes/Phone.html#method_acceptCall" alt="Call button" title="Call button" />
  34  *     <area shape="rect" coords="1,668,644,984" href="../classes/Carousel.html" alt="" title="History carousel" />
  35  *     <area shape="rect" coords="171,181,471,635" alt=""   href="../classes/keyboard.html" alt="Keyboard input" title="Keyboard input"    >
  36  *   </map>
  37  *
  38  * @module PhoneApplication
  39  * @main PhoneApplication
  40  * @class Phone
  41  */
  42
  43 /**
  44  * Holds object of input for dialing phone number.
  45  *
  46  * @property telInput {Object}
  47  */
  48 var telInput;
  49 /**
  50  * Instance of class Bootstrap, this class provides unified way to boot up the HTML applications by loading shared components in proper order.
  51  * * {{#crossLink "Bootstrap"}}{{/crossLink}}
  52  *
  53  * @property bootstrap {Object}
  54  */
  55 var bootstrap;
  56
  57 /**
  58 * Instance of class Carousel, this class provides methods to operate with hystory carousel.
  59 * * {{#crossLink "Carousel"}}{{/crossLink}}
  60 *
  61 * @property callHistoryCarousel {Object}
  62 */
  63 var callHistoryCarousel = null;
  64
  65 /**
  66 * This property holds information about accept Phone call from Other widgets.
  67 * If is true, phone call came from another widget.
  68 * @property acceptPhoneCallFromOtherWidget {Boolean}
  69 */
  70 var acceptPhoneCallFromOtherWidget = false;
  71
  72 /**
  73  * Class handling user input from keyboard
  74  *
  75  * @class keyboard
  76  * @static
  77  */
  78 var keyboard = {
  79     /**
  80      * property holding Interval within which next click on the same key is considered as rotating associated characters with the given key.
  81      *
  82      * @property clickInterval {int}
  83      */
  84     clickInterval: 1000,
  85
  86     /**
  87      * property holding info about last pressed key
  88      *
  89      * @property pressedKey {string}
  90      */
  91     pressedKey: "-1",
  92
  93     /**
  94      * Array of input object holding info about main key character, all associated characters with the given key and index of currently used key
  95      *
  96      * @property inputs {Array of Object}
  97      */
  98     inputs: [{
  99         key: "1",
 100         values: ["1"],
 101         index: 0
 102     }, {
 103         key: "2",
 104         values: ["2", "A", "B", "C"],
 105         index: 0
 106     }, {
 107         key: "3",
 108         values: ["3", "D", "E", "F"],
 109         index: 0
 110     }, {
 111         key: "4",
 112         values: ["4", "G", "H", "I"],
 113         index: 0
 114     }, {
 115         key: "5",
 116         values: ["5", "J", "K", "L"],
 117         index: 0
 118     }, {
 119         key: "6",
 120         values: ["6", "M", "N", "O"],
 121         index: 0
 122     }, {
 123         key: "7",
 124         values: ["7", "P", "Q", "R", "S"],
 125         index: 0
 126     }, {
 127         key: "8",
 128         values: ["8", "T", "U", "V"],
 129         index: 0
 130     }, {
 131         key: "9",
 132         values: ["9", "W", "X", "Y", "Z"],
 133         index: 0
 134     }, {
 135         key: "*",
 136         values: ["*"],
 137         index: 0
 138     }, {
 139         key: "0",
 140         values: ["0", "+"],
 141         index: 0
 142     }, {
 143         key: "#",
 144         values: ["#"],
 145         index: 0
 146     }],
 147
 148     /**
 149      * property holding time of clickedInterval started
 150      *
 151      * @property startedTime {Date}
 152      */
 153     startedTime: null,
 154
 155     /**
 156      * property holding input object associated with last pressed key
 157      *
 158      * @property selectedInput {Object}
 159      */
 160     selectedInput: null,
 161
 162     /**
 163      * function starting clickInterval
 164      *
 165      * @method startTimer
 166      */
 167     startTimer: function() {
 168         "use strict";
 169         keyboard.startedTime = new Date();
 170     },
 171
 172     /**
 173      * function testing if clickInterval expired
 174      *
 175      * @method intervalExpired
 176      * @param currTime {Date}
 177      */
 178     intervalExpired: function(currTime) {
 179         "use strict";
 180         if (currTime - keyboard.startedTime > keyboard.clickInterval) {
 181             keyboard.resetIndices();
 182             return true;
 183         }
 184         return false;
 185     },
 186
 187     /**
 188      * function reseting indices for all input objects to 0
 189      *
 190      * @method resetIndices
 191      */
 192     resetIndices: function() {
 193         "use strict";
 194         for (var i in keyboard.inputs) {
 195             if (keyboard.inputs.hasOwnProperty(i)) {
 196                 keyboard.inputs[i].index = 0;
 197             }
 198         }
 199     },
 200
 201     /**
 202      * function cycling associated input characters within clickInterval
 203      *
 204      * @method nextKey
 205      */
 206     nextKey: function() {
 207         "use strict";
 208         for (var i in keyboard.inputs) {
 209             if (keyboard.pressedKey === keyboard.inputs[i].key) {
 210                 if (keyboard.inputs[i].values.length > 1) {
 211                     if (keyboard.inputs[i].index < keyboard.inputs[i].values.length - 1) {
 212                         keyboard.inputs[i].index += 1;
 213                     } else {
 214                         keyboard.inputs[i].index = 0;
 215                     }
 216                 } else {
 217                     keyboard.inputs[i].index = 0;
 218                 }
 219                 keyboard.selectedInput = keyboard.inputs[i];
 220                 return keyboard.inputs[i].values[keyboard.inputs[i].index];
 221             }
 222         }
 223         return keyboard.pressedKey;
 224     },
 225
 226     /**
 227      * function setting selected input object based on last pressed key
 228      *
 229      * @method selectInput
 230      */
 231     selectInput: function() {
 232         "use strict";
 233         for (var i in keyboard.inputs) {
 234             if (keyboard.pressedKey === keyboard.inputs[i].key) {
 235                 keyboard.selectedInput = keyboard.inputs[i];
 236             }
 237         }
 238     }
 239 };
 240
 241 /**
 242  * Holds status of calling panel initialization.
 243  *
 244  * @property callingPanelInitialized {Boolean}  if is true, calling panel is initialized
 245  * @default false
 246  */
 247 var callingPanelInitialized = false;
 248
 249 /**
 250  * Class which provides initialize call info.
 251  *
 252  * @method initializeCallInfo
 253  * @param contact {Object} Contact object.
 254  * @for Phone
 255  */
 256 function initializeCallInfo(contact) {
 257     "use strict";
 258     var callNumber;
 259     console.log(contact);
 260     if ( !! contact) {
 261
 262         if ( !! contact.name) {
 263             var nameStr;
 264             if (contact.name.displayName) {
 265                 nameStr = contact.name.displayName;
 266             } else {
 267                 nameStr = !! contact.name.firstName ? contact.name.firstName : "";
 268                 nameStr += !! contact.name.lastName ? " " + contact.name.lastName : "";
 269             }
 270             $("#callName").html(nameStr.trim());
 271         } else {
 272             $("#callName").html("Unknown");
 273         }
 274
 275         if ( !! contact.phoneNumbers && contact.phoneNumbers.length) {
 276             callNumber = !! contact.phoneNumbers[0].number ? contact.phoneNumbers[0].number : "";
 277             $("#callNumber").html(callNumber);
 278         } else {
 279             $("#callNumber").html("Unknown");
 280         }
 281
 282         if ( !! contact.photoURI) {
 283             $("#callPhoto").attr("src", contact.photoURI);
 284         }
 285     } else {
 286         $("#callName").html("Unknown");
 287         $("#callNumber").html("Unknown");
 288     }
 289
 290     if (!callingPanelInitialized) {
 291         $(".noVolumeSlider").noUiSlider({
 292             range: [0, 100],
 293             step: 1,
 294             start: 50,
 295             handles: 1,
 296             connect: "lower",
 297             orientation: "horizontal",
 298             slide: function() {
 299                 var VolumeSlider = parseInt($(".noVolumeSlider").val(), 10);
 300                 console.log("noVolumeSlider" + VolumeSlider);
 301             }
 302         });
 303         callingPanelInitialized = true;
 304     }
 305
 306     if ($("#callButton").hasClass("callingFalse")) {
 307         $("#callButton").removeClass("callingFalse");
 308         $("#callButton").addClass("callingTrue");
 309     }
 310 }
 311
 312 /**
 313  * Class which provides methods to operate with call duration. Component show information about current call (call number or call contact, time duration of call).
 314  *
 315  * @class CallDuration
 316  * @static
 317  */
 318 var CallDuration = {
 319     /**
 320      * Holds value of seconds.
 321      *
 322      * @property sec {Integer}
 323      */
 324     sec: 0,
 325     /**
 326      * Holds value of minutes.
 327      *
 328      * @property min {Integer}
 329      */
 330     min: 0,
 331     /**
 332      * Holds value of hours.
 333      *
 334      * @property hour {Integer}
 335      */
 336     hour: 0,
 337     /**
 338      * Holds object of timer.
 339      *
 340      * @property timeout {Object}
 341      */
 342     timeout: null,
 343     /**
 344      * Method provides initialization of call timers.
 345      *
 346      * @method initialize
 347      */
 348     startWatch: function() {
 349         "use strict";
 350         var self = this;
 351         if (!this.timeout) {
 352             this.timeout = window.setInterval(function() {
 353                 self.stopwatch();
 354             }, 1000);
 355         } else {
 356             this.resetIt();
 357             this.timeout = window.setInterval(function() {
 358                 self.stopwatch();
 359             }, 1000);
 360         }
 361     },
 362
 363     /**
 364      * Method provides reset call timers.
 365      *
 366      * @method resetIt
 367      */
 368     resetIt: function() {
 369         "use strict";
 370         CallDuration.sec = 0;
 371         CallDuration.min = 0;
 372         CallDuration.hour = 0;
 373         window.clearTimeout(CallDuration.timeout);
 374         var activeCall = tizen.phone.activeCall();
 375         var callStatus = activeCall.state.toLowerCase();
 376         if (callStatus === "DIALING".toLowerCase()) {
 377             $("#callDuration").html("DIALING");
 378         } else if (callStatus === "DISCONNECTED".toLowerCase()) {
 379             $("#callDuration").html("ENDED");
 380         } else {
 381             $("#callDuration").html(
 382                 ((CallDuration.min <= 9) ? "0" + CallDuration.min : CallDuration.min) + ":" + ((CallDuration.sec <= 9) ? "0" + CallDuration.sec : CallDuration.sec));
 383         }
 384
 385     },
 386     /**
 387      * Method provides call stop watch.
 388      *
 389      * @method stopwatch
 390      */
 391     stopwatch: function() {
 392         "use strict";
 393
 394         var activeCall = tizen.phone.activeCall();
 395         var callStatus = activeCall.state.toLowerCase();
 396         if (callStatus === "DIALING".toLowerCase()) {
 397             $("#callDuration").html("DIALING");
 398         } else if (callStatus === "DISCONNECTED".toLowerCase()) {
 399             $("#callDuration").html("ENDED");
 400
 401         } else {
 402             CallDuration.sec++;
 403             if (CallDuration.sec === 60) {
 404                 CallDuration.sec = 0;
 405                 CallDuration.min++;
 406             }
 407
 408             if (CallDuration.min === 60) {
 409                 CallDuration.min = 0;
 410                 CallDuration.hour++;
 411             }
 412             $("#callDuration").html(
 413                 ((CallDuration.min <= 9) ? "0" + CallDuration.min : CallDuration.min) + ":" + ((CallDuration.sec <= 9) ? "0" + CallDuration.sec : CallDuration.sec));
 414         }
 415     }
 416 };
 417
 418 /**
 419 * This property holds information about mute of call. If is true, phone call is mute.
 420 *
 421 * @property VolumeMuteStatus
 422 * @default false
 423 */
 424 var VolumeMuteStatus = false;
 425
 426 /**
 427  * Class provides a muting of a call
 428  *
 429  * @method muteCall
 430  * @for Phone
 431  */
 432 function muteCall() {
 433     "use strict";
 434     VolumeMuteStatus = VolumeMuteStatus ? false : true;
 435
 436     // Not working due to TIVI-2448
 437     if (tizen.phone) {
 438         //tizen.phone.muteCall(VolumeMuteStatus);
 439     }
 440     if (VolumeMuteStatus) {
 441         changeCssBgImageColor(".muteButton", ThemeKeyColorSelected);
 442         $(".muteButton").addClass("fontColorSelected");
 443     } else {
 444         changeCssBgImageColor(".muteButton", "#FFFFFF");
 445         $(".muteButton").removeClass("fontColorSelected");
 446     }
 447 }
 448
 449 /**
 450  * Class which provides methods to call contact.
 451  *
 452  * @method acceptCall
 453  * @param contact {Object} Contact object.
 454  * @for Phone
 455  */
 456 function acceptCall(contact) {
 457     "use strict";
 458
 459     ContactsLibrary.hide();
 460     if ($("#settingsTabs").tabs) {
 461         $("#settingsTabs").tabs("hidePage");
 462     }
 463     $("#callBox").removeClass("callBoxHidden");
 464     $("#callBox").addClass("callBoxShow");
 465     $('#contactsCarouselBox').removeClass("contactsCarouselBoxShow");
 466     $('#contactsCarouselBox').addClass("contactsCarouselBoxHide");
 467     if (tizen.phone) {
 468         CallDuration.resetIt();
 469
 470         initializeCallInfo(contact);
 471         var activeCall = tizen.phone.activeCall();
 472         var callStatus = activeCall.state.toLowerCase();
 473         if (callStatus !== "ACTIVE".toLowerCase() && callStatus !== "DIALING".toLowerCase()) {
 474
 475             if (callStatus === "INCOMING".toLowerCase()) {
 476                 tizen.phone.answerCall(function(result) {
 477                     console.log(result.message);
 478                 });
 479             } else if (callStatus === "DISCONNECTED".toLowerCase()) {
 480
 481                 var callNumber = contact.phoneNumbers[0] && contact.phoneNumbers[0].number ? contact.phoneNumbers[0].number : "";
 482                 tizen.phone.invokeCall(callNumber, function(result) {
 483                     console.log(result.message);
 484                 });
 485
 486             }
 487
 488         } else if (callStatus === "ACTIVE".toLowerCase()) {
 489             CallDuration.startWatch();
 490         }
 491     }
 492 }
 493
 494 /**
 495  * Class which provides disconnect call.
 496  *
 497  * @method disconnectCall
 498  * @for Phone
 499  */
 500 function disconnectCall() {
 501     "use strict";
 502     $("#callButton").removeClass("callingTrue");
 503     $("#callButton").addClass("callingFalse");
 504     if (acceptPhoneCallFromOtherWidget !== true) {
 505         $("#callBox").removeClass("callBoxShow");
 506         $("#callBox").addClass("callBoxHidden");
 507         $('#contactsCarouselBox').removeClass("contactsCarouselBoxHide");
 508         $('#contactsCarouselBox').addClass("contactsCarouselBoxShow");
 509     }
 510     CallDuration.resetIt();
 511     if (tizen.phone) {
 512         tizen.phone.hangupCall(function(result) {
 513             console.log(result.message);
 514         });
 515     }
 516     $("#inputPhoneNumber").val('');
 517 }
 518
 519 $(document).ready(
 520     function() {
 521         "use strict";
 522         setTimeout(function() {
 523             /* initialize phone widget by remote device status */
 524             if (tizen.phone) {
 525                 tizen.phone.getSelectedRemoteDevice(function(selectedRemoteDevice){
 526                 if (selectedRemoteDevice !== "") {
 527                     $("#noPairedDevice").hide();
 528                     $("#loadingHistorySpinnerWrapper").show();
 529                 } else {
 530                     $("#noPairedDevice").show();
 531                 }
 532                 });
 533                 /* initialize phone widget by active call status */
 534                 var activeCall = tizen.phone.activeCall();
 535                 var callStatus = activeCall.state.toLowerCase();
 536                 if (callStatus === "INCOMING".toLowerCase() || callStatus === "DIALING".toLowerCase() || callStatus === "ACTIVE".toLowerCase()) {
 537                     var contact;
 538                     if (tizen.phone.callState) {
 539                         contact = activeCall.contact;
 540                     }
 541                     acceptPhoneCallFromOtherWidget = true;
 542                     acceptCall(contact);
 543                 } else if (callStatus === "DISCONNECTED".toLowerCase()) {
 544                     disconnectCall();
 545                 }
 546             }
 547             /* start keyboard timer */
 548             keyboard.startTimer();
 549             /* initialize bootstrap */
 550             bootstrap = new Bootstrap(function(status) {
 551                 telInput = $("#inputPhoneNumber");
 552                 $("#clockElement").ClockPlugin('init', 5);
 553                 $("#clockElement").ClockPlugin('startTimer');
 554                 $("#topBarIcons").topBarIconsPlugin('init', 'phone');
 555                 $('#bottomPanel').bottomPanel('init');
 556                 if (!callHistoryCarousel) {
 557
 558                     callHistoryCarousel = new Carousel();
 559                 }
 560
 561                 if (typeof Phone !== "undefined") {
 562                     /* add listener to selected remote device */
 563                     tizen.phone.addRemoteDeviceSelectedListener(function(returnID) {
 564                         if ((!!returnID && !!returnID.error) || (!!returnID && !!returnID.value && returnID.value === "")) {
 565                             $("#loadingHistorySpinnerWrapper").hide();
 566                             $(".caroufredsel_wrapper").hide();
 567                             $("#noPairedDevice").show();
 568                         } else {
 569                             $("#noPairedDevice").hide();
 570                             $("#loadingHistorySpinnerWrapper").show();
 571                             $(".caroufredsel_wrapper").show();
 572                         }
 573                     });
 574                     /* initialize contacts and call history, if not accept phone call from another widget */
 575                     if (acceptPhoneCallFromOtherWidget !== true) {
 576                         window.setTimeout(function() {
 577                             Phone.loadContacts(function(err) {
 578                                 if (!err) {
 579                                     ContactsLibrary.init();
 580                                     Phone.loadCallHistory(function(err) {
 581                                         if (!err) {
 582                                             $("#loadingHistorySpinnerWrapper").hide();
 583                                             callHistoryCarousel.loadCallHistory(Phone.callHistory(), 0);
 584                                         }
 585                                     });
 586                                 }
 587                             });
 588
 589                         }, 2000);
 590                     }
 591                     /* add listener to change contacts list  */
 592                     tizen.phone.addContactsChangedListener(function() {
 593                         if (acceptPhoneCallFromOtherWidget !== true) {
 594                             window.setTimeout(function() {
 595                                 Phone.loadContacts(function(err) {
 596                                     if (!err) {
 597                                         ContactsLibrary.init();
 598                                     }
 599                                 });
 600                             }, 1000);
 601                         }
 602                     });
 603                     /* add listener to change call history  */
 604                     tizen.phone.addCallHistoryChangedListener(function() {
 605                         $("#loadingHistorySpinnerWrapper").show();
 606                         if (acceptPhoneCallFromOtherWidget !== true) {
 607                             window.setTimeout(function() {
 608                                 Phone.loadCallHistory(function(err) {
 609                                     if (!err) {
 610                                         $("#loadingHistorySpinnerWrapper").hide();
 611                                         callHistoryCarousel.loadCallHistory(Phone.callHistory(), 0);
 612
 613                                     }
 614                                 });
 615                             }, 1000);
 616                         }
 617
 618                     });
 619                 }
 620
 621                 $("#contactsLibraryButton").bind('click', function() {
 622
 623                     ContactsLibrary.show();
 624
 625                 });
 626
 627                 $(".numbersBox").delegate("#numberButton", "click", function() {
 628                     var pressTime = new Date(),
 629                         number, oneCharPX = 32;
 630                     if (keyboard.intervalExpired(pressTime)) {
 631                         number = telInput.attr("value") + $(this).data("id");
 632                         telInput.attr("value", number);
 633                         $('#inputPhoneNumber').scrollLeft(number.length * oneCharPX);
 634                         keyboard.pressedKey = $(this).data("id").toString();
 635
 636                     } else {
 637                         if (keyboard.pressedKey === "-1" || keyboard.pressedKey !== $(this).data("id").toString()) {
 638                             number = telInput.attr("value") + $(this).data("id");
 639                             telInput.attr("value", number);
 640                             $('#inputPhoneNumber').scrollLeft(number.length * oneCharPX);
 641                             keyboard.pressedKey = $(this).data("id").toString();
 642                         } else {
 643                             var phoneNumText = telInput.attr("value");
 644                             if (keyboard.pressedKey === $(this).data("id").toString() && keyboard.selectedInput !== null && keyboard.selectedInput.values.length === 1) {
 645                                 number = telInput.attr("value") + $(this).data("id");
 646                                 telInput.attr("value", number);
 647                                 $('#inputPhoneNumber').scrollLeft(number.length * oneCharPX);
 648                             } else {
 649                                 var numToUpdate = phoneNumText.slice(0, phoneNumText.length - 1);
 650                                 numToUpdate += keyboard.nextKey();
 651                                 telInput.attr("value", numToUpdate);
 652
 653                             }
 654                         }
 655                     }
 656                     keyboard.selectInput();
 657                     keyboard.startTimer();
 658                     return false;
 659                 });
 660
 661                 $(".inputPhoneNumberBox").delegate("#deleteButton", "click", function() {
 662                     var number = telInput.attr("value");
 663                     number = number.slice(0, number.length - 1);
 664                     telInput.attr("value", number);
 665                     return false;
 666                 });
 667
 668                 $('#callButton').bind('click', function() {
 669                     var phoneNumber = $("#inputPhoneNumber").val();
 670                     if ($("#callBox").hasClass("callBoxShow")) {
 671                         disconnectCall();
 672                     } else if (phoneNumber !== "") {
 673                         var contact = Phone.getContactByPhoneNumber(phoneNumber);
 674                         if (contact === null) {
 675
 676                             contact = {
 677                                 phoneNumbers: [{
 678                                     number: phoneNumber
 679                                 }]
 680                             };
 681
 682                         }
 683                         acceptCall(contact);
 684                     }
 685                 });
 686                 $('.muteButton').bind('click', function() {
 687                     muteCall();
 688                 });
 689                 if (tizen.phone) {
 690                     /* add listener to change call history entry, because if call is ended tizen.phone give back only last history object */
 691                     tizen.phone.addCallHistoryEntryAddedListener(function(contact) {
 692                         if (acceptPhoneCallFromOtherWidget !== true) {
 693
 694
 695                             var tmpCallHistory = Phone.callHistory();
 696                             var tmpContact = [];
 697                             tmpContact.push(contact);
 698                             tmpContact = Phone.formatCallHistory(tmpContact);
 699                             tmpCallHistory.unshift(tmpContact[0]);
 700                             Phone.callHistory(tmpCallHistory);
 701
 702                             callHistoryCarousel.loadCallHistory(Phone.callHistory(), 0);
 703
 704                         }
 705                     });
 706                     /* add listener to change call state */
 707                     tizen.phone.addCallChangedListener(function(result) {
 708                         var contact;
 709                         var activeCall = tizen.phone.activeCall();
 710                         if ( !! result.contact.name) {
 711                             contact = result.contact;
 712                         } else {
 713                             contact = {
 714                                 phoneNumbers: [{
 715                                     /* jshint camelcase: false */
 716                                     number: activeCall.line_id
 717                                     /* jshint camelcase: true */
 718                                 }]
 719
 720                             };
 721                         }
 722
 723                         console.log("result.state " + result.state);
 724
 725                         switch (result.state.toLowerCase()) {
 726                             case "DISCONNECTED".toLowerCase():
 727
 728                                 disconnectCall(contact);
 729
 730                                 if (acceptPhoneCallFromOtherWidget === true) {
 731
 732                                     window.setTimeout(function() {
 733                                         if (typeof (tizen.application.getCurrentApplication) !== "undefined") {
 734                                             tizen.application.getCurrentApplication().exit();
 735                                         }
 736                                     }, 1000);
 737                                 }
 738
 739                                 Configuration.set("acceptedCall", "false");
 740
 741                                 break;
 742                             case "ACTIVE".toLowerCase():
 743                                 if (Configuration._values.acceptedCall !== "true") {
 744                                     /* global self */
 745                                     self.incomingCall.acceptIncommingCall();
 746                                     CallDuration.startWatch();
 747                                     console.log("phone active");
 748                                     Configuration.set("acceptedCall", "true");
 749                                 }
 750                                 break;
 751                             case "DIALING".toLowerCase():
 752                                 acceptCall(contact);
 753                                 break;
 754                         }
 755                     });
 756                 }
 757
 758             if (typeof(Speech) !== 'undefined') {
 759                 /* add listener to voice recognition */
 760                 Speech.addVoiceRecognitionListener({
 761                     oncall: function() {
 762                         if (ContactsLibrary.currentSelectedContact !== "" && $('#library').library("isVisible")) {
 763                             acceptCall(ContactsLibrary.currentSelectedContact);
 764                         }
 765                     }
 766                 });
 767             } else {
 768                 console.warn("Speech API is not available.");
 769             }
 770
 771             });
 772         }, 0);
 773
 774     });
 775
 776 /**
 777  * Class which provides call contact carousel.
 778  *
 779  * @method callContactCarousel
 780  * @param contact {Object} Contact object.
 781  * @for Phone
 782  *
 783  */
 784
 785 function callContactCarousel(contact) {
 786     "use strict";
 787
 788     acceptCall(contact);
 789 }
 790
 791 /**
 792  * Class which provides call by contact ID.
 793  *
 794  * @method callContactById
 795  * @param contactId {String} Contact id.
 796  * @for Phone
 797  */
 798 function callContactById(contactId) {
 799     "use strict";
 800     $("#contactDetailMobile").addClass("fontColorSelected ");
 801     if (contactId !== "" && typeof contactId !== undefined) {
 802
 803         var contactObject = Phone.getContactById(contactId);
 804         if ( !! contactObject) {
 805             window.setTimeout(function() {
 806                 acceptCall(contactObject);
 807                 $("#contactDetailMobile").removeClass("fontColorSelected ");
 808             }, 500);
 809         } else {
 810             console.log("contact not found");
 811             $("#contactDetailMobile").removeClass("fontColorSelected ");
 812         }
 813     }
 814 }