<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../css/webkitBase.css"/>
    <link rel="stylesheet" type="text/css" href="dataSyn.css" />
    
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="dataSyn.js" type="text/javascript"></script>
    <!-- 拖动文件处理方方式-->
    <script src="../js/fileDrag.js" type="text/javascript" ></script>
    
</head>
<body  onselectstart="return false">
    <!-- 左侧竖直栏 -->
    <div class="sideBar">
        <div class="category"><div class="outlookIcon"></div>{{dataSyn_html_olSyn_lang}}<!--<div class="setIcon"></div>--></div>
        <div class="dataCategory"> <!--style="border-bottom:#7E8E9F solid 1px"-->
            <div class="category-list"><div id="contactSel" class="category-sel category-selOn"></div><div class="category-name">{{dataSyn_html_contact_lang}}</div></div>
            <div class="category-list" style="display:none;"><div id="calendarSel" class="category-sel noUse"></div><div class="category-name">{{dataSyn_html_calendar_nonsupport_lang}}</div></div>
        </div>
        <!--<div class="category"><div class="mediaIcon"></div>多媒体同步<div class="setIcon"></div></div>
        <div class="dataCategory">
            <div class="category-prompt"><div class="category-name">暂不支持</div></div>
            <div class="category-list"><div class="category-name">应用</div></div>
            <div class="category-list"><div class="category-name">图片</div></div>
            <div class="category-list"><div class="category-name">音乐</div></div>
            <div class="category-list"><div class="category-name">视频</div></div>
        </div>-->
        <!--<div class="category"><div class="oneKeyIcon"></div>一键同步</div>-->
        
        <div id="synButton_prompt" class="bubble-box-arrow-bottom">
            <div class="wrap">{{dataSyn_html_unavailable_lang}}</div>
        </div>
        <div id="synButton" class="button" onclick="dataSyn(this)"></div>
        <!--<div id="defaultButton" class="button" onclick="defaultSet(this)">恢复默认设置</div>-->
    </div>
    
    <!-- 右侧顶部菜单栏 -->
    <div class="menuBar">
        <div id="refresh" onclick="getOutLook()" class="menu-nav"><div class="refreshIcon"></div>{{dataSyn_html_reflesh_lang}}</div>
    </div>
    
    <!-- 主要内容区开始 -->
    <div id="synContact" class="content">
        <div id="synContact_bubble" class="bubble-box-arrow-top">
            <div class="wrap">{{dataSyn_html_notice_lang}}</div>
        </div>
        <div class="menu-nav-prompt">{{dataSyn_html_synsetting_lang}}</div>
        <div class="content_center">
            <div class="synBg">
                <div class="syn_phone">
                    <div class="syn-lable lable-phone">
                        <div class="syn-top">{{dataSyn_html_phone_lang}}</div>
                        <div id="phoneNum" style="padding-left:5px;">
                            <div id="loadPhone">
                                <div class="loading"></div>{{dataSyn_html_loading_lang}}
                            </div>
                            <!--<div id="phoneContact">联系人：0</div>
                            <div id="phoneCalendar">日程：0</div>-->
                        </div>
                    </div>
                </div>
                <div class="syn_outlook">
                    <div class="syn-lable lable-outlook">
                        <div class="syn-top">{{dataSyn_html_outlook_lang}}</div>
                        <div id="outlookNum" style="padding-left:5px;">
                            <div class="loading"></div>{{dataSyn_html_loading_lang}}
                            <!--<div>联系人：0</div>
                            <div>日程：0</div>-->
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="syn_Prompt">{{dataSyn_html_direction_lang}}</div>
            <div class="radio by_time radio_check">{{dataSyn_html_by_time_lang}}</div>
			<br />
            <div class="radio by_phone">{{dataSyn_html_by_phone_lang}}</div>
			<br />
			<!--
            <div class="radio by_outlook radio_check">{{dataSyn_html_by_outlook_radio_check_lang}}</div>
			-->
            <div id="select-list">
                <div class="select-top">{{dataSyn_html_select_top_lang}}</div>
                <div class="select-bottom">{{dataSyn_html_select_bottom_lang}}</div>
            </div>
			
        </div>
    </div>
    <!-- 主要内容区结束 -->

    <!--  冒泡提示框 -->
    <div id="bubble" class="coverScreen">
    </div>
    
    
</body>
</html>