@using ZoomLa.Model.Chat
@using ZoomLa.BLL.Chat
@using ZoomLa.BLL.User
@functions{

    public string Login = "visitor";//登录模式
    //传了该值则显示欢迎语
    public int CodeID { get { return DataConverter.CLng(Context.Request.GetParam("CodeID")); } }
    //需要对话的人的Uid
    private int UserID { get { return DataConverter.CLng(Context.Request.GetParam("uid")); } }
    //从临时存储中获取
    private string UserFlag { get { return Context.Request.GetParam("UserFlag"); } }

}
@{
    B_ChatMsg chatBll = new B_ChatMsg();
    B_ServiceSeat seatBll = new B_ServiceSeat();
    B_Temp tempBll = new B_Temp();
    M_OnlineUser user = chatBll.GetLogin(Context);

    //-----------------------------------
    DataTable seatDT = seatBll.SelForChat();//加载客服信息
    string welStr1 = "", welStr2 = "";

    //用于显示欢迎信息
    if (CodeID > 0)
    {
        M_Temp tempMod = tempBll.SelReturnModel(CodeID);
        if (tempMod != null && tempMod.UseType == 12)
        {
            welStr2 = tempMod.Str2;
            welStr1 = tempMod.Str1;
        }
    }

}
@section head{<title>在线客服</title>}
@section content{
    <div class="container">
        <div class="chat_top">
            <span id="uinfo_name">
                <label ID="CustomerName_L">尚未指定客服</label>
            </span>
            @*<span id="ip_sp" runat="server"></span>*@
            <span class="chat_top_r" style="margin-right:5px;" title="点击关闭聊天窗口"><a href="javascript:;" onclick="closechat();"><i class="zi zi_times"></i></a></span>
            <span class="chat_top_r" style="margin-right:5px;" title="点击查看历史记录"><a href="javascript:;" onclick="ShowHistory();"><i class="zi zi_listalt"></i> 历史记录</a></span>
        </div>
        <div class="chat_main">
            <div class="col-3 chat_main_r" style="padding:0">
                <div class="chat_main_rt">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">客服人员</a></li>
                    </ul>
                </div>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="chat_main_rc">
                            <ul class="media-list">
                                @foreach (DataRow dr in seatDT.Rows)
                                {
                                       <li onclick="ChangeTalker('@dr["UserID"]','@dr["UserName"]','@dr["S_FaceImg"]');" class="media" id="list_item_@dr["HoneyName"]">
                                            <div class="media-left"><img src="@dr["S_FaceImg"]" class="media-object" onerror="shownoface(this);" /></div>
                                            <div class="media-body media-middle">
                                                <h4 class="media-heading">@dr["UserName"] <span class="isonline remindgray isonline_@dr["UserID"]">(检测中)</span></h4>
                                                <span id="unread_@dr["HoneyName"]" class="badge"></span>
                                            </div>
                                        </li>
                                }
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-9 chat_main_l" style="padding:0">
                <div class="chat_container">
                    <div id="chat_body_list"></div>
                    <div id="mymsg">
<textarea id="content" style="height: 135px;"></textarea>
                        <div class="chat_send">
                            <span class="remindgray">支持Ctrl+Enter快捷键发送信息</span>
                            <button type="button" id="sendbtn" class="btn btn-primary float-right" disabled="disabled" onclick="SendMsg();">发送</button>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <input type="hidden" ID="UserID_Hid" name="UserID_Hid" />
    </div>
    <div class="list_body" hidden>
        <div class="chat_header">
            <input type="text" class="form-control" placeholder="搜索联系人" onkeyup="SearchUserList()" ID="UserSearch_T" />
        </div>
        @*<ul style="height: 426px; overflow-y: auto;">
            <ul>
                <li class="list_group" id="visitor_ul" visible="false" runat="server">
                    <div class="list_group_title">
                        <span class="zi zi_forRight remindgray"></span>
                        <span>游客</span>
                        <span class="remindgray" style="float: right; margin-right: 10px;">
                            <asp:Label runat="server" ID="Unum_L"></asp:Label>
                        </span>
                        <div style="clear: both; height: 8px;"></div>
                    </div>
                </li>
                <ul class="list_item_body" id="visitorlist">
                    <asp:Repeater runat="server" ID="Y_RPT">
                        <ItemTemplate>
                            <li onclick="ChangeTalker(<%#" '"+Eval("UserID")+"' ,'"+Eval("UserName")+"','"+Eval("UserFace")+"'" %>);" class="list_item" id="list_item_<%#Eval("UserID") %>">
                                <img src="<%#Eval(" UserFace") %>" class="member_face" onerror="shownoface(this);" />
                                <p class="member_nick">
                                    <%#Eval("UserName") %><br />
                                    <span class="isonline remindgray isonline_<%#Eval(" UserID") %>">(检测中)</span>
                                    <span id="unread_<%#Eval(" UserID") %>" class="badge"></span>
                                </p>
                                <div style="clear: both;"></div>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </ul>
            <ul>
                <li class="list_group" id="customs_ul" visible="false" runat="server">
                    <div class="list_group_title">
                        <span class="zi zi_forRight remindgray"></span>
                        <span>客服人员</span>
                        <span class="remindgray" style="float: right; margin-right: 10px;">
                            <asp:Label runat="server" ID="Label1" Text="0"></asp:Label>
                        </span>
                        <div style="clear: both; height: 8px;"></div>
                    </div>
                </li>
                <ul class="list_item_body">
                </ul>
            </ul>
            <ul>
                <li class="list_group">
                    <div class="list_group_title">
                        <span class="zi zi_forRight remindgray"></span>
                        <span>我的好友</span>
                        <span class="remindgray" style="float: right; margin-right: 10px;">
                            <asp:Label runat="server" ID="Friend_Num"></asp:Label>
                        </span>
                        <div style="clear: both; height: 8px;"></div>
                    </div>
                </li>
            </ul>
            <ul class="list_search" style="display: none;">
            </ul>
        </ul>*@
    </div>
    <div style="float: left; padding-left: 10px; display: none;">
        <input type="button" value="获取在线用户" onclick="GetOnlineList();" />
        <div>
            <audio src="/Plugins/Third/Chat/msg.mp3" id="msg_ad" />
        </div>
        <ul>
            <li>
                <img id="myfaceimg" style="width: 80px; height: 80px;" onerror="shownoface(this);" />
            </li>
            <li>名字:<input type="text" id="myname_t" /></li>
            <li>ID:<input type="text" id="myid_t" /></li>
            <li>
                在线用户：<textarea id="onlineids_text" style="height: 100px;"></textarea>
            </li>
            <li>
                与谁聊:<input type="text" id="ReceUser_Hid" />
                <input type="button" value="测试" onclick="testF();" />
                <input type="button" value="接收" onclick="GetMsg();" />
            </li>
            <li>获取在线用户:</li>
        </ul>
        <input type="text" id="test_fid" />
        <button type="button" onclick="AddFriend()">添加好友</button>
    </div>
    <div class="modal fade" id="modeldiv" data-backdrop="static" style="top: 20%; left: 20%;">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab0" data-toggle="tab">用户登录</a></li>
                    <li><a href="#tab1" data-toggle="tab">游客登录</a></li>
                </ul>
                <div class="modal-body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab0">
                            <input type="text" id="uname_t" class="form-control" placeholder="用户名" onkeyup="GetEnterCode('focus','pwd_t');" />
                            <input type="password" id="pwd_t" class="form-control" onkeyup="GetEnterCode('click','ulogin_btn');" />
                            <input type="button" id="ulogin_btn" value="登录" class="btn btn-primary" onclick="AJAXLogin(); disBtn(this, 2000);" />
                            <input type="button" value="注册" class="btn btn-default" onclick="GetToReg();" />
                        </div>
                        <div class="tab-pane" id="tab1">
                            <input type="text" id="visname_t" class="form-control" value="游客" onkeyup="GetEnterCode('click','vlogin_btn');" />
                            <input type="button" id="vlogin_btn" class="btn btn-primary" value="游客登录" onclick="VisitorLogin(); disBtn(this, 2000);" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" ID="Wel_Hid" value="@welStr2" />
}
@section script{
    @if (!string.IsNullOrEmpty(Login))
    {
        <script>VisitorToLogin('用户@(DateTime.Now.ToString("yyyyMMddHHmmss"))','@(Context.Request.GetParam("idflag"))');</script>
    }
    else if (user == null)
    {
       <script>ShowModal();</script>
    }
    @if (user != null)
    {
        <script>SetMyInfo('@user.UserID','@user.UserName','@user.UserFace');BeginInit();</script>
    }
    @if (seatDT.Rows.Count > 0)
    {
        DataRow dr = seatDT.Rows[0];
         <script>
             $("#CustomerName_L").text('DataConverter.CStr(dr["S_Name"])');
             ChangeTalker('@dr["UserID"]','@DataConverter.CStr(dr["UserName"])','@DataConverter.CStr(dr["S_FaceImg"])');
         </script>
    }
@if (!string.IsNullOrEmpty(welStr1)) {<script>ShowWel('@Html.Raw(welStr1)');</script> }
}