<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   voip.box

****************************************************************************
   C O P Y R I G H T   A N D   C O N F I D E N T I A L I T Y   N O T I C E
****************************************************************************

//      Copyright (c) 2006 AOL LLC.  All rights reserved.
//      This software contains valuable confidential and proprietary
//      information of AOL LLC. and is subject to applicable
//      licensing agreements.  Unauthorized reproduction, transmission or
//      distribution of this file and its contents is a violation of
//      applicable laws.
//
//            A O L   C O N F I D E N T I A L

****************************************************************************
-->


    <vbox id="voipModule" s:hAlign="stretch" s:flex="1">
        <hbox s:hAlign="center" s:flex="1">
            <vbox s:hAlign="stretch" s:flex="1">
                <tabBox s:hAlign="stretch" s:orient="vertical" s:padding="0" s:margin="0">
                    <reaction event="keyDown" ctrl="false" alt="false" action="onPhonePadKeyPressed();"/>
                    <aolTabs id="voipTabs" s:flex="1" tabIndex="55">
                        <aolTab id="dialTab" label="&BL.voipModule.DialTab;" tooltip="&BL.voipModule.DialTabTooltip;" selected="true" />
                        <aolTab id="callHistoryTab" label="&BL.voipModule.CallHistoryTab;" tooltip="&BL.voipModule.CallHistoryTabTooltip;" >
                            <binding objectSource="bl" targetProperty="collapsed" path="hasOutgoingCalls" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                        </aolTab>
                    </aolTabs>

                    <vbox>
                        <separator s:flex="1"/>
                        <vbox s:hAlign="center">
                            <aolTabPanels s:hAlign="stretch" s:flex="1" s:width="150"> 
                                <vbox id="dialpadVBox">
                                    <spacer s:height="4"/>
                                    <hbox tooltip="&BL.voipModule.DialTabTooltip;" s:hSpace="2">
                                        <binding objectSource="bl" targetProperty="collapsed" path="showVoipDialpad" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                                        <spacer s:width="5"/>
                                        <aolImageButton style="phoneButton1" tooltip="&BL.voipModule.DialTabTooltip;" accName="1" on:command="addDialCharacter('1');" tabIndex="61"/>
                                        <aolImageButton style="phoneButton2" tooltip="&BL.voipModule.DialTabTooltip;" accName="2" on:command="addDialCharacter('2');" tabIndex="62" />
                                        <aolImageButton style="phoneButton3" tooltip="&BL.voipModule.DialTabTooltip;" accName="3" on:command="addDialCharacter('3');" tabIndex="63"/>
                                    </hbox>
                                    <hbox tooltip="&BL.voipModule.DialTabTooltip;" s:hSpace="2">
                                        <binding objectSource="bl" targetProperty="collapsed" path="showVoipDialpad" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                                        <spacer s:width="5"/>
                                        <aolImageButton style="phoneButton4" tooltip="&BL.voipModule.DialTabTooltip;" accName="4" on:command="addDialCharacter('4');" tabIndex="64"/>
                                        <aolImageButton style="phoneButton5" tooltip="&BL.voipModule.DialTabTooltip;" accName="5" on:command="addDialCharacter('5');" tabIndex="65"/>
                                        <aolImageButton style="phoneButton6" tooltip="&BL.voipModule.DialTabTooltip;" accName="6" on:command="addDialCharacter('6');" tabIndex="66"/>
                                    </hbox>
                                    <hbox tooltip="&BL.voipModule.DialTabTooltip;" s:hSpace="2">
                                        <binding objectSource="bl" targetProperty="collapsed" path="showVoipDialpad" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                                        <spacer s:width="5"/>
                                        <aolImageButton style="phoneButton7" tooltip="&BL.voipModule.DialTabTooltip;" accName="7" on:command="addDialCharacter('7');" tabIndex="67"/>
                                        <aolImageButton style="phoneButton8" tooltip="&BL.voipModule.DialTabTooltip;" accName="8" on:command="addDialCharacter('8');" tabIndex="68"/>
                                        <aolImageButton style="phoneButton9" tooltip="&BL.voipModule.DialTabTooltip;" accName="9" on:command="addDialCharacter('9');" tabIndex="69"/>
                                    </hbox>
                                    <hbox tooltip="&BL.voipModule.DialTabTooltip;" s:hSpace="2">
                                        <binding objectSource="bl" targetProperty="collapsed" path="showVoipDialpad" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                                        <spacer s:width="5"/>
                                        <aolImageButton style="phoneButtonStar" tooltip="&BL.voipModule.DialTabTooltip;" accName="&BL.voipModule.StarTooltip;" on:command="addDialCharacter('*');" tabIndex="70"/>
                                        <aolImageButton style="phoneButton0" tooltip="&BL.voipModule.DialTabTooltip;" accName="0" on:command="addDialCharacter('0');" tabIndex="71"/>
                                        <aolImageButton style="phoneButtonPound" tooltip="&BL.voipModule.DialTabTooltip;" accName="&BL.voipModule.PoundTooltip;" on:command="addDialCharacter('#');" tabIndex="72"/>
                                    </hbox>
                                    <hbox id="upsellFrame" tooltip="&BL.voipModule.DialTabTooltip;">
                                        <binding objectSource="bl" targetProperty="collapsed" path="showVoipDialpad" method="oneWay" />
                                    </hbox>
                                </vbox>

                                <vbox s:hAlign="stretch">
                                    <hbox id="callHistoryFrame" style="bordered">
                                    </hbox>
                                </vbox>
                            </aolTabPanels>
                            <vbox s:hAlign="stretch">
                                <hbox s:vAlign="start">
                                    <separator s:width="8"/>
                                    <binding objectSource="bl" targetProperty="collapsed" path="hasOutgoingCalls" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                                    <imSmartInput id="phoneNumberInput" smartBoxId="autoCompletePopup"
                                        inputWidth="95" s:width="95"
                                        searchColumns="24|26|28|30|32" formatStrings="" requiredColumn="0"
                                        tooltip="&BL.voipModule.PhoneNumberInputTooltip;" tabIndex="73">
                                        <reaction event="layout" action="onPhoneNumberLayout();"/>
                                        <reaction event="keyDown" ctrl="false" alt="false" action="stopKeyPropigation();"/>
                                        <reaction event="keyUp" action="storeInputSelectionPosition();"/>
                                        <reaction event="mouseOut" action="storeInputSelectionPosition();"/>
                                    </imSmartInput>
                                    <aolButton label="Dial" s:maxHeight="12" s:margin="1 0 0 3" defaultButton="true" id="dialButton" tooltip="&BL.voipModule.DialButtonTooltip;" accName="&BL.voipModule.DialButtonTooltip;" on:command="voipOnDial();" tabIndex="74"/>
                                </hbox>
                                <hbox s:vAlign="start" s:margin="-1 -6">
                                    <binding objectSource="bl" targetProperty="collapsed" path="hasVoip" method="oneWay" sourceTransformer="toolkit:not" targetTransformer="toolkit:not"/>
                                    <separator s:width="6"/>
                                    <aolTextButton id="voipVoiceMailLink" label="&voip.Voicemail;" s:fontFamily="Tahoma" s:fontSize="7" s:fontBold="true" tooltip="&BL.voipModule.VoicemailTooltip;" on:command="voipOnVoiceMail();" s:vAlign="bottom" tabIndex="75">
                                        <aolLabel id="voipVoiceMailCount" value="0" s:marginLeft="0" s:marginRight="0" s:textColor="blue"/>
                                    </aolTextButton>
                                    <separator s:flex="1" />
                                    <aolTextButton label="&BL.voipModule.Dashboard;" tooltip="&BL.voipModule.DashboardTooltip;" s:fontFamily="Tahoma" s:fontSize="7" s:fontBold="true" on:command="voipOnDashboard();" tabIndex="76"/>
                                    <aolTextButton collapsed="true" label="&BL.voipModule.ChangeLocation;" tooltip="&BL.voipModule.ChangeLocationTooltip;" s:fontFamily="Tahoma" s:fontSize="7" s:fontBold="true" on:command="voipOnChangeLocation();" tabIndex="77"/>
                                    <separator s:width="2"/>
                                </hbox>
                            </vbox>
                        </vbox>
                        <separator s:flex="1"/>
                    </vbox>
                </tabBox>
            </vbox>
        </hbox>
    </vbox>
