<!DOCTYPE html>
<html>
<head>
    <title>11 Audio</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="static/css/public.css"/>
    <link rel="stylesheet" href="static/css/pages/hall.css">
    <link rel="stylesheet" href="static/css/plugin/jquery.contextMenu.css"/>
</head>
<body onselectstart="return false;">
<div class="wrapper">

<div class="box">
<div class="slidebar">
    <div class="header">
        <div class="c-head-info" style="margin:0px;padding:0px;border:0px;display:none">
            <div style="position:absolute;left:-1200px;">
                <input type="text" placeholder="" style="width:0px;height:0px;"/></div>
            <div class="head">
                <div class="head-box">
                    <img src="" alt=""/>
                </div>
                <div class="head-info">
                    <div class="name" style="cursor:pointer;"></div>
                    <div class="Integral">
                        <span class="score">积分：0</span>
                        <!--目前有五种状态 level level2 level3 level4 level5 可通过更改class来实现-->
                        <span class="level"><strong>0</strong></span>
                    </div>
                </div>
            </div>
            <div class="search">
                <input type="text" placeholder="请输入房间号码"/>
                <span class="search-ico"></span>
            </div>
        </div>
    </div>
    <div class="room-list">
        <ul>
            <li class="room" id="myRoom">
                <div class="title">
                    <!-- <span class="room-ico"></span> -->
                    <span class="triangle-right"></span>
                    <span class="name">我的房间</span>
                    <span class="add-ico" title="创建房间"></span>
                    <!-- <span class="add-ico" title="创建房间"></span> -->
                </div>
                <div class="item-box" id="my-zone-result">
                    <script id="my-zone-tpl" type="text/x-jsrender">
                                    <div class="item c-room-list-{{:id}}" roomid="{{:id}}">
                                        <ul>
                                            <li>
                                              <div class="image"><img class="image" src="{{:imageUrl}}" alt="{{:imageUrl}}" onerror="javascript:this.src='static/images/hall/zoneiconbig.png';"/></div>
                                                <div class="info">
                                                <div class="name">{{:name}}</div>
                                                <div class="id"><span>ID</span>{{:id}}</div>
                                                    <div class="people">
                                                        <span class="member-ico"></span>
                                                        <span class="member-num c-room-list-number-{{:id}}">{{:number}}</span>
                                                        <div class="action" style="display:none;">
                                                            <span class="collect-normal-ico" rol="collect"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="horizontal-line c-room-list-{{:id}}"></div>

                            </script>
                </div>
                <div class="horizontal-line"></div>
            </li>
            <li class="room" id="collectRoom">
                <div class="title">
                    <!-- <span class="collect-ico"></span> -->
                    <span class="triangle-right"></span>
                    <span class="name">收藏房间</span>
                    <!-- <span class="add-ico" title="创建房间"></span> -->
                </div>
                <div class="item-box" id="my-favorite-result">
                    <script id="my-favorite-tpl" type="text/x-jsrender">
                                    <div class="item c-room-list-{{:id}}" roomid="{{:id}}">
                                        <ul>
                                            <li>
                                              <div class="image"><img class="image" src="{{:imageUrl}}" alt="{{:imageUrl}}" onerror="javascript:this.src='static/images/hall/zoneiconbig.png';"/></div>
                                                <div class="info">
                                                <div class="name">{{:name}}</div>
                                                <div class="id"><span>ID</span>{{:id}}</div>
                                                    <div class="people">
                                                        <span class="member-ico"></span>
                                                        <span class="member-num c-room-list-number-{{:id}}">{{:number}}</span>
                                                        <div class="action" style="display:none;">
                                                            <span class="trash-normal-ico" rol="delete" title="移除" ></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="horizontal-line c-room-list-{{:id}}"></div>

                            </script>
                </div>
                <div class="horizontal-line"></div>
            </li>
            <li class="room" id="recentRoom">
                <div class="title">
                    <!-- <span class="time-ico"></span> -->
                    <span class="triangle-right"></span>
                    <span class="name">最近访问</span>
                </div>
                <div class="item-box" id="last-browse-result">
                    <script id="last-browse-tpl" type="text/x-jsrender">
                                    <div class="item c-room-list-{{:id}}" roomid="{{:id}}">
                                        <ul>
                                            <li>
                                              <div class="image"><img  src="{{:imageUrl}}" alt="{{:imageUrl}}" onerror="javascript:this.src='static/images/hall/zoneiconbig.png';"/></div>
                                                <div class="info">
                                                <div class="name">{{:name}}</div>
                                                <div class="id"><span>ID</span>{{:id}}</div>
                                                    <div class="people">
                                                        <span class="member-ico"></span>
                                                        <span class="member-num c-room-list-number-{{:id}}">{{:number}}</span>
                                                        <div class="action" style="display:none;">
                                                            <span class="collect-normal-ico" rol="collect"></span>
                                                            <span class="trash-normal-ico" rol="delete_last_browse" title="移除"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="horizontal-line c-room-list-{{:id}}"></div>



                            </script>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- SLIDERBAR END -->

<!-- HALL START -->
<div class="main">
    <!-- NAVBAR START -->
    <div class="room-tab-box" style="display:none">
        <ul>
            <li class="title active" data-pos="home"><span>首页</span></li>
            <li class="title" data-pos="game" style="display:none;"><span>游戏直播</span></li>
            <li class="title" data-pos="amusement" style="display:none;"><span>娱乐节目</span></li>
            <li class="title" data-pos="sanguo2" style="display:none;"><span>三国争霸2</span></li>
        </ul>
    </div>
    <!-- NAVBAR START -->

    <!-- PAGE START -->
    <div class="room-container">
        <div class="page">
            <!-- 首页 -->
            <div id="recommend" class="home room-page page-active">
                <!-- 官方推荐 -->
                <!--<div class="room-recommend">-->
                    <!--<span>官方推荐</span>-->
                <!--</div>-->
                <div class="recommend-room-list" style="margin-top: 30px">

                    <!-- left side -->


                    <!-- right side -->
                    <div class="box-hori-flex2" style="z-index: 100000">
                        <div class="room-advert c-margin-right-0px" style="width:338px;height:270px;display:block" onerror="javascript:this.src='static/images/roombig.png';" src="static/images/roombig.png">

                        </div>
                    </div>
                </div>

            </div>


            <!-- 游戏直播页面 -->
            <div class="game room-page"></div>

            <!-- 娱乐直播页面 -->
            <div class="amusement room-page"></div>

            <!-- 三国争霸2 -->
            <div class="sanguo2 room-page"></div>
        </div>
    </div>
    <!-- PAGE END -->
</div>
<!-- HALL END -->
</div>
<!-- -->
<div class="message" style="">
    <div id="infos" class="message_af" style="display:none;"><img src="static/images/layer.png"></div>
    <div class="anim message_af" style="display:none;"><img src="static/images/over.png"></div>
</div>
</div>
<div class="mask"></div>
<div class="loading-mask" style="display:none;"></div>

<script id="subscribe-lol-tpl" type="text/x-jsrender">
<div class="room-box item c-recommend-box {{if #index%4 == 3}} c-margin-right-0px{{else}}{{/if}}" roomid="{{:id}}">
<img class="image c-room-list-img-{{:id}}" onerror="javascript:this.src='static/images/room.png';"  style="width:164px;height:124px;" src="{{:imageUrl}}" alt="">
<div class="desc-amusement">
<div>
<span>ID: <span>{{:id}}</span></span>
<span class="number">人数: <span class="c-room-list-number-{{:id}}">0</span></span>
</div>
</div>
<div class="desc-amusement-hover">
<span class="status amusement">进入房间</span>
<span class="ad amusement name">{{:name}}</span>
</div>
</div>
</script>
<script type="text/javascript" src="static/js/lib/jsPlus.js"></script>
<script type="text/javascript">
    /* 加载发生错误添加个人默认头像 */
    var add_default_img = function() {
        var my_local_info = hall.my_local_info();
        if (my_local_info.bUserSex == 1) {
            $(".head-box img:first").attr({src: "static/images/hall/pic.png"});
        }
        else {
            $(".head-box img:first").attr({src: "static/images/hall/female.png"});
        }
    }

    jsPlus.assembly({ base: './static/js' });
    jsPlus.main(["pages/hall/index"],function(curPage){

        if (typeof hall == 'undefined'){
            window.hall = {
                log_trace: function(){

                },
                get_myzone_count: function(){
                    return 8;
                },
                get_myzone_on_index: function(){
                    return {};
                },
                get_recentzone_count: function(){

                },
                my_local_info: function(){
                    return { experience: 100 }
                },
                get_publiczone_on_index: function(){
                    return {}
                },
                web_get_private_custom: function(){

                },
                is_zone_saved: function() {

                },
                get_savezone_count: function(){
                    return 0;
                }

            }
        }
        if (typeof  hall.get_videoplay_index == "undefined"){
            hall.get_videoplay_index = function(index) {
                var cur = JSON.parse(decodeURIComponent(hall.web_get_private_custom()));
                return cur[index];
            }
        }

        if (typeof hall.get_dynamiczone_index1 == "undefined"){
            hall.get_dynamiczone_index1 = function(index) {
                return hall.get_publiczone_on_index(index)
            }
        }

        if (typeof hall.get_publiczone_count == 'undefined')
                hall.get_publiczone_count = function() {
                    return 8;
                }
        if (typeof hall.get_videoplay_count == 'undefined')
            hall.get_videoplay_count = function() {
                return  JSON.parse(decodeURIComponent(hall.web_get_private_custom())).length;
            }

        if (typeof hall.get_dynamiczone_count1 == 'undefined') {
            hall.get_dynamiczone_count1 = function () {
                return hall.get_publiczone_count();
            }
        }

        curPage.load(hall);

        //on_load_data();
    });
</script>

</body>
</html>
