chat-server/qq-imsvr/view/broadcast/terms/termsLeftBar.html

<style>
    .switchState{width: 40px; height: 31px; float: right; cursor: pointer;}
    .switchState .Online{float: left; margin-top: 5px;}
    .switchState .OnlineImg{float: left; margin-top: 8px; margin-left: 13px;}
    .switchState .Stealth{float: left; margin-top: 12px; margin-left: 3px;}
    .switchState .StealthImg{float: left; margin-top: 8px; margin-left: 13px;}
    .switchState ul{width: 145px; height: 135px; border-radius: 4px; position: absolute; z-index: 999; top:37px; left: 30px;}
    .switchState ul li{height: 33px; background-color: #FFF; border-bottom: 1px solid #D7D7D7; padding: 0px; cursor: pointer;}
    .switchState ul li:nth-child(1){border-top-left-radius: 4px; border-top-right-radius: 4px;}
    .switchState ul li:nth-child(4){border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
    .switchState ul li .text{float: left; margin-top: 4px; margin-left: 13px; color: #6B6B6B;}
</style>
<!-- left nav start -->
<div class="left-nav">
    <!-- user info start -->
    <div class="user-info">
        <div class="content">
            <a href="/broadcast/profile">
                <div class="avatar_30">
                    <img class="user_avatar" src="<%=userInfo.avatar_img%>" alt=""/>
                </div>
            </a>
            <div class="user-name" title="<%=userInfo.nick_name%>"><%=userInfo.nick_name%></div>
            <div class="switchState">
                <img id="Online" class="Online" src="<%=public_path%>/img/<%if(userInfo.is_hidden){%>invisible.png<%}else{%>online-icon.png<%}%>">
                <img class="Stealth" src="<%=public_path%>/img/arrow-down.png">
                <ul class="switchStateUl" style="display: none;">
                    <li class="OnlineEven">
                        <div class="OnlineImg"><img src="<%=public_path%>/img/u14.png"></div>
                        <div class="text">Set as Visible</div>
                    </li>
                    <li class="StealthEven">
                        <div class="StealthImg"><img src="<%=public_path%>/img/u474.png"></div>
                        <div class="text">Set as Invisible</div>
                    </li>
                    <li>
                        <a href="/broadcast/profile"><div class="text" style="color: #0066FF; width: 133px;">Profile Setting</div></a>
                    </li>
                    <li class="LogoutEven">
                        <div class="text" style="color: #0066FF; width: 133px;">Logout</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- user info end -->

    <a href="/broadcast/home"><div class="home">Home</div></a>

    <div class="cat">TERMS AND POLICIES</div>
    <ul class="BM">
        <a href="/broadcast/terms/termsOne">
            <li class="Terms TermsOne">Terms of Service-Broadcaster</li>
        </a>
        <a href="/broadcast/terms/termsTwo">
            <li class="TermsTwo" style="line-height: 18px; margin-top: 5px; margin-bottom: 5px;">Broadcaster Service Fee Calculations</li>
        </a>
        <a href="/broadcast/terms/termsThree">
            <li class="Terms TermsThree">Broadcaster Code of Conduct</li>
        </a>
    </ul>
</div>
<!-- left nav end -->
<script>
    $(function(){
        $("select").msDropdown({roundedBorder:false});
        $(".left-nav").css("height", $(".content").height());

        $('.switchState').click(function () {
            if($(".switchStateUl").is(":hidden")){
                $(".switchStateUl").show();

            }else{
                $(".switchStateUl").hide();
            }
        })

        var public_path = '<%=public_path%>';
        //设置为在线
        $('.OnlineEven').click(function () {
            $.ajax({
                type: 'POST',
                url: '/broadcast/setOnlineStatus',
                data: {online_status:1},
                dataType: 'json',
                success: function(data){
                    if(data.errno == 0){
                        $('#Online').attr('src', public_path+'/img/online-icon.png');
                        $('.switchStateUl').hide();
                    }
                },
            });
        });
        //设置为隐身
        $('.StealthEven').click(function () {
            $.ajax({
                type: 'POST',
                url: '/broadcast/setOnlineStatus',
                data: {online_status:2},
                dataType: 'json',
                success: function(data){
                    if(data.errno == 0){
                        $('#Online').attr('src', public_path+'/img/invisible.png');
                        $('.switchStateUl').hide();
                    }else{
                        myParentAlert(data.data);
                    }
                },
            });
        });

        $('.LogoutEven').click(function () {
            parent.window.setTokenOvertimeShow();
            $.ajax({
                beforeSend:function(xhr){ xhr.setRequestHeader('zb',1)},
                type: 'POST',
                url: '/broadcast/logout',
                data: {},
                dataType: 'json',
                success: function(data){
                    if(data.errno == 0){
                        parent.window.location.reload();
                    }
                },
            });
        });
    })

</script>