<!DOCTYPE html>
|
<html>
|
|
<head>
|
<title>腾讯IM Web Demo(V1.7)</title>
|
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
|
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css">
|
<link href="css/webim_demo.css" rel="stylesheet" type="text/css">
|
<link href="css/bootstrap-table.css" rel="stylesheet" type="text/css">
|
<!-- <script src="https://js.aq.qq.com/js/aq_common.js"></script> -->
|
|
<style>
|
.ui-menu {
|
width: 150px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div class="aio" id="webim_demo">
|
<div class="titlebar">
|
<img id="p_my_face">
|
<p id="t_my_name"></p>
|
<ul id="t_my_menu">
|
<li>菜单
|
<ul>
|
<li>最近联系人
|
<ul>
|
<li id="getRecentContactListMenu" onclick="getRecentContactList()">最近联系人</li>
|
</ul>
|
</li>
|
<li>好友申请
|
<ul>
|
<li id="getPendencyMenu" onclick="getPendency(false)">查看好友申请</li>
|
</ul>
|
</li>
|
<li>好友
|
<ul>
|
<li id="searchProfileByUserIdMenu" onclick="searchProfileByUserIdClick()">搜索用户</li>
|
<li id="getAllFriendMenu" onclick="getMyFriend()">我的好友</li>
|
</ul>
|
</li>
|
<li>黑名单
|
<ul>
|
<li id="getBlackListMenu" onclick="getBlackList()">我的黑名单</li>
|
</ul>
|
</li>
|
<li>群组申请
|
<ul>
|
<li id="getApplyJoinGroupPendencyMenu" onclick="getApplyJoinGroupPendency()">查看加群申请</li>
|
</ul>
|
</li>
|
<li>群组
|
<ul>
|
<li id="searchGroupByNameMenu" onclick="searchGroupByNameMenuClick()">搜索群组(按名称)</li>
|
<li id="searchGroupMenu" onclick="searchGroupMenuClick()">搜索群组(按ID)</li>
|
<li id="createGroupMenu" onclick="createGroupMenuClick()">创建群组</li>
|
<li id="getMyGroupMenu" onclick="getMyGroup()">我的群组</li>
|
<li id="sendCustomGroupNofifyMenu" onclick="showSendCustomGroupNotifyDialog()">发送群自定义通知</li>
|
</ul>
|
</li>
|
<li>系统消息
|
<ul>
|
<li id="getMyGroupSystemsMenu" onclick="getMyGroupSystemMsgs()">我的群组系统消息</li>
|
<li id="getMyFriendSystemsMenu" onclick="getMyFriendSystemMsgs()">我的好友系统消息</li>
|
<li id="getMyProfileSystemsMenu" onclick="getMyProfileSystemMsgs()">我的资料系统消息</li>
|
</ul>
|
</li>
|
<!--<li>图片-->
|
<!--<ul>-->
|
<!--<li id="uploadPicByBase64Menu" onclick="uploadPicByBase64()">上传图片(Base64)</li>-->
|
<!--</ul>-->
|
<!--</li>-->
|
<li>设置
|
<ul>
|
<li id="setProfilePortraitMenu" onclick="setProfilePortraitClick()">个人资料</li>
|
<li id="quitMenu" onclick="quitClick()">退出</li>
|
</ul>
|
</li>
|
</ul>
|
</li>
|
</ul>
|
</div>
|
<div class="sesspart">
|
<div class="accordion" id="accordionContact">
|
<div class="accordion-group">
|
<div class="accordion-heading">
|
<a class="accordion-toggle" data-parent="#accordionContact" data-toggle="collapse" href="#collapseRecentSession">最近联系人</a>
|
</div>
|
<div class="accordion-body collapse in" id="collapseRecentSession">
|
<div class="sesslist"></div>
|
</div>
|
</div>
|
<!-- <div class="accordion-group">
|
<div class="accordion-heading">
|
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionContact" href="#collapseFriend">
|
我的好友
|
</a>
|
</div>
|
<div id="collapseFriend" class="accordion-body collapse">
|
<div class="sesslist">
|
</div>
|
</div>
|
</div>
|
<div class="accordion-group">
|
<div class="accordion-heading">
|
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionContact" href="#collapseGroup">
|
我的群组
|
</a>
|
</div>
|
<div id="collapseGroup" class="accordion-body collapse">
|
<div class="sesslist-group">
|
</div>
|
</div>
|
</div> -->
|
</div>
|
</div>
|
<div class="chatpart">
|
<div class="msgflow"></div>
|
<span id="msg_end" style="overflow:hidden"></span>
|
<div class="editbar">
|
<a class="chat02_title_btn ctb01" onclick="showEmotionDialog()" title="选择表情"></a>
|
<a class="chat02_title_btn ctb03" href="#" onclick="selectPicClick()" title="选择图片"></a>
|
<a class="chat02_title_btn ctb05" href="#" onclick="selectFileClick()" title="选择文件"></a>
|
<a class="chat02_title_btn ctb04" href="#" onclick="showEditCustomMsgDialog()" title="发送自定义消息"></a>
|
<div class="wl_faces_box" id="wl_faces_box">
|
<div class="wl_faces_content">
|
<div class="title">
|
<ul>
|
<li class="title_name">常用表情</li>
|
<li class="wl_faces_close">
|
<span onclick='turnoffFaces_box()'> </span>
|
</li>
|
</ul>
|
</div>
|
<div class="wl_faces_main" id="wl_faces_main">
|
<ul id="emotionUL"></ul>
|
</div>
|
</div>
|
<div class="wlf_icon"></div>
|
</div>
|
</div>
|
<textarea class="msgedit" cols="82" id="send_msg_text" onkeydown="onTextareaKeyDown()" rows="5"></textarea>
|
<div class="sendbar">
|
<button class="sendbtn" onclick="onSendMsg()" type="button">发送</button>
|
<button class="closebtn" onclick="onClose()" type="button">关闭</button>
|
</div>
|
</div>
|
<div class="bottom"></div>
|
</div>
|
<div aria-hidden="true" aria-labelledby="search_profile_dialog_label" class="modal fade" data-backdrop="static" id="search_profile_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="search_profile_dialog_label">搜索用户</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-inline" id="sp_form" name="sp_form" role="form">
|
<div class="form-group">
|
<label class="sr-only" for="sp_to_account">帐号</label>
|
<input class="form-control" id="sp_to_account" maxlength="50" onkeydown="if(event.keyCode==13)return false;"
|
placeholder="请输入用户ID" type="text">
|
</div>
|
<button class="btn btn-default" onclick="searchProfileByUserId()" type="button">搜索</button>
|
</form>
|
<table id="search_profile_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="add_friend_dialog_label" class="modal fade" data-backdrop="static" id="add_friend_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="add_friend_dialog_label">申请加好友</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" role="form">
|
<input id="af_allow_type" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="af_to_account">对方帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="af_to_account" placeholder="请输入对方帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="af_add_wording">附言</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="af_add_wording" rows="3">你好，我想和你成为朋友~~</textarea>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="applyAddFriend()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_my_friend_dialog_label" class="modal fade" data-backdrop="static" id="get_my_friend_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_my_friend_dialog_label">我的好友</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_my_friend_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="delete_friend_dialog_label" class="modal fade" data-backdrop="static" id="delete_friend_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="delete_friend_dialog_label">删除好友</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="df_sel_row_index" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="df_to_account">对方帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="df_to_account" placeholder="请输入对方帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="df_type_radio">操作</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input checked id="df_type_both_radio" name="df_type_radio" type="radio" value="Delete_Type_Both"> 双向删除</label>
|
<label class="radio-inline">
|
<input id="df_type_single_radio" name="df_type_radio" type="radio" value="Delete_Type_Single"> 单向删除</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="deleteFriend()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_black_list_dialog_label" class="modal fade" data-backdrop="static" id="get_black_list_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_black_list_dialog_label">我的黑名单</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_black_list_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_recent_contact_list_dialog_label" class="modal fade" data-backdrop="static"
|
id="get_recent_contact_list_dialog" role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_recent_contact_list_dialog_label">我的最近联系人</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_recent_contact_list_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="set_profile_portrait_label" class="modal fade" data-backdrop="static" id="set_profile_portrait_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="set_profile_portrait_label">设置个人资料</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="spp_form" name="spp_form" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="spp_image">头像URL</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="spp_image" maxlength="100" placeholder="请输入头像URL" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="spp_nick">昵称</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="spp_nick" maxlength="20" placeholder="请输入昵称" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="spp_gender_radio">性别</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input id="spp_gender_male_radio" name="spp_gender_radio" type="radio" value="Gender_Type_Male"> 男</label>
|
<label class="radio-inline">
|
<input id="spp_gender_female_radio" name="spp_gender_radio" type="radio" value="Gender_Type_Female"> 女</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="spp_allow_type_radio">加好友设置</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input id="spp_allow_type_need_confirm_radio" name="spp_allow_type_radio" type="radio" value="AllowType_Type_NeedConfirm"> 需要确认</label>
|
<label class="radio-inline">
|
<input id="spp_allow_type_allow_any_radio" name="spp_allow_type_radio" type="radio" value="AllowType_Type_AllowAny"> 允许任何人</label>
|
<label class="radio-inline">
|
<input id="spp_allow_type_deny_any_radio" name="spp_allow_type_radio" type="radio" value="AllowType_Type_DenyAny"> 拒绝任何人</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="setProfilePortrait()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_pendency_dialog_label" class="modal fade" data-backdrop="static" id="get_pendency_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_pendency_dialog_label">我的好友申请</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_pendency_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<!-- 模态框（Modal） -->
|
<div aria-hidden="true" aria-labelledby="response_friend_dialog_label" class="modal fade" data-backdrop="static" id="response_friend_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="response_friend_dialog_label">处理好友申请</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="rf_to_account">对方帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="rf_to_account" placeholder="请输入对方帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="rf_action_radio">操作</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input checked id="rf_action_agree_and_add_radio" name="rf_action_radio" type="radio" value="Response_Action_AgreeAndAdd"> 同意并添加对方为好友</label>
|
<label class="radio-inline">
|
<input id="rf_action_agree_radio" name="rf_action_radio" type="radio" value="Response_Action_Agree"> 同意</label>
|
<label class="radio-inline">
|
<input id="rf_action_reject_radio" name="rf_action_radio" type="radio" value="Response_Action_Reject"> 拒绝</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="responseFriend()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="create_group_dialog_label" class="modal fade" data-backdrop="static" id="create_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="create_group_dialog_label">创建一个群</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="cg_form" name="cg_form" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">已选好友</label>
|
<div class="col-sm-8">
|
<!--<input type="text" class="form-control" id="select_friends" value=""
|
placeholder="已选好友列表" readonly="readonly">-->
|
<textarea class="form-control" id="select_friends" readonly="readonly" rows="3"></textarea>
|
</div>
|
<div class="col-sm-2">
|
<button class="btn btn-primary" onclick="selectMyFriendGroup()" type="button">选择(选填)</button>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_id">自定义ID</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="cg_id" maxlength="30" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入自定义群ID"
|
type="text" value="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_type_radio">类型</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input checked id="cg_type_chat_room_radio" name="cg_type_radio" type="radio" value="ChatRoom"> 聊天室</label>
|
<label class="radio-inline">
|
<input id="cg_type_public_radio" name="cg_type_radio" type="radio" value="Public"> 公开群</label>
|
<label class="radio-inline">
|
<input id="cg_type_private_radio" name="cg_type_radio" type="radio" value="Private"> 私有群
|
<!--私有群即讨论组-->
|
</label>
|
<label class="radio-inline">
|
<input id="cg_type_avchatroom_radio" name="cg_type_radio" type="radio" value="AVChatRoom"> 直播聊天室</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_ajp_type_radio">加群方式</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input checked id="cg_ajp_type_fa_radio" name="cg_ajp_type_radio" type="radio" value="FreeAccess"> 自由加入</label>
|
<label class="radio-inline">
|
<input checked id="cg_ajp_type_np_radio" name="cg_ajp_type_radio" type="radio" value="NeedPermission"> 需要验证</label>
|
<label class="radio-inline">
|
<input id="cg_ajp_type_da_radio" name="cg_ajp_type_radio" type="radio" value="DisableApply"> 禁止加群</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_faceurl">群头像URL</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="cg_faceurl" maxlength="100" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群头像URL"
|
type="text" value="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_name">名称</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="cg_name" maxlength="30" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群名称"
|
type="text" value="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_notification">公告</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="cg_notification" rows="3"></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="cg_introduction">简介</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="cg_introduction" rows="3"></textarea>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="createGroup()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="select_my_friend_group_dialog_label" class="modal fade" data-backdrop="static" id="select_my_friend_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="select_my_friend_group_dialog_label">选择好友建群</h4>
|
</div>
|
<div class="modal-body">
|
<table id="select_my_friend_group_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="search_group_dialog_label" class="modal fade" data-backdrop="static" id="search_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-full">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="search_group_dialog_label">搜索群(按ID)</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-inline" id="sg_form" name="sg_form" role="form">
|
<div class="form-group">
|
<label class="sr-only" for="sg_group_id">群ID</label>
|
<input class="form-control" id="sg_group_id" maxlength="20" onkeydown="if(event.keyCode==13)return false;"
|
placeholder="请输入群ID" type="text" value="">
|
</div>
|
<button class="btn btn-default" onclick="getGroupPublicInfo()" type="button">搜索</button>
|
</form>
|
<table id="search_group_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="search_group_by_name_dialog_label" class="modal fade" data-backdrop="static" id="search_group_by_name_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-full">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="search_group_by_name_dialog_label">搜索群(按名称)</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-inline" id="sgbn_form" name="sgbn_form" role="form">
|
<div class="form-group">
|
<label class="sr-only" for="sgbn_group_name">群名称</label>
|
<input class="form-control" id="sgbn_group_name" maxlength="50" onkeydown="if(event.keyCode==13)return false;"
|
placeholder="请输入群名称(完全匹配)" type="text" value="">
|
</div>
|
<button class="btn btn-default" onclick="searchGroupByName()" type="button">搜索</button>
|
</form>
|
<table id="search_group_by_name_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="apply_join_group_dialog_label" class="modal fade" data-backdrop="static" id="apply_join_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="apply_join_group_dialog_label">申请加群</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="ajg_form" name="ajg_form" role="form">
|
<input id="ajg_group_id" type="hidden">
|
<input id="ajg_group_type" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="ajg_group_name">群名称</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="ajg_group_name" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="ajg_apply_msg">附言</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="ajg_apply_msg" maxlength="50" placeholder="请输入附言" type="text" value="你好，我想加入贵群~">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="applyJoinGroup()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_my_group_dialog_label" class="modal fade" data-backdrop="static" id="get_my_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_my_group_dialog_label">我的群组</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_my_group_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="modify_group_msg_flag_dialog_label" class="modal fade" data-backdrop="static" id="modify_group_msg_flag_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="modify_group_msg_flag_dialog_label">修改群消息提示</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="mgmf_form" name="mgmf_form" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="mgmf_sel_row_index" type="hidden">
|
<input id="mgmf_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="mgmf_msg_flag_radio">群消息提示类型</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input id="mgmf_mf_aan_radio" name="mgmf_msg_flag_radio" type="radio" value="AcceptAndNotify"> 接收并提示</label>
|
<label class="radio-inline">
|
<input id="mgmf_mf_ann_radio" name="mgmf_msg_flag_radio" type="radio" value="AcceptNotNotify"> 接收不提示</label>
|
<label class="radio-inline">
|
<input id="mgmf_mf_d_radio" name="mgmf_msg_flag_radio" type="radio" value="Discard"> 屏蔽</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="modifyGroupMsgFlag()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_group_member_dialog_label" class="modal fade" data-backdrop="static" id="get_group_member_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_group_member_dialog_label">群组成员</h4>
|
</div>
|
<div class="modal-body">
|
<input id="ggm_group_id" type="hidden">
|
<input id="ggm_my_role" type="hidden">
|
<input id="ggm_group_type" type="hidden">
|
<table id="get_group_member_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="modify_group_member_dialog_label" class="modal fade" data-backdrop="static" id="modify_group_member_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="modify_group_member_dialog_label">修改群成员角色</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="mgm_form" name="mgm_form" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="mgm_sel_row_index" type="hidden">
|
<input id="mgm_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="mgm_account">成员帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="mgm_account" placeholder="请输入要修改的成员帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group" id="mgm_role_div">
|
<label class="col-sm-2 control-label" for="mgm_role_radio">群角色</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input id="mgm_role_admin_radio" name="mgm_role_radio" type="radio" value="Admin"> 管理员</label>
|
<label class="radio-inline">
|
<input id="mgm_role_member_radio" name="mgm_role_radio" type="radio" value="Member"> 成员</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="modifyGroupMemberRole()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="delete_group_member_dialog_label" class="modal fade" data-backdrop="static" id="delete_group_member_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="delete_group_member_dialog_label">删除群成员</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="dgm_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="dgm_account">成员帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="dgm_account" placeholder="请输入要删除成员帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
<!--<div class="form-group">
|
<label for="dgm_silence_radio" class="col-sm-2 control-label">是否静默删除</label>
|
<div class="col-sm-10">
|
|
<label class="radio-inline">
|
<input type="radio" name="dgm_silence_radio" id="dgm_silence_yes_radio"
|
value="1" checked> 是
|
</label>
|
<label class="radio-inline">
|
<input type="radio" name="dgm_silence_radio" id="dgm_silence_no_radio"
|
value="0"> 否
|
</label>
|
|
</div>
|
</div>-->
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="deleteGroupMember()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<!-- 模态框（Modal） -->
|
<div aria-hidden="true" aria-labelledby="handle_invite_join_group_request_label" class="modal fade" data-backdrop="static"
|
id="handle_invite_join_group_request" role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="handle_invite_join_group_request_label">处理被邀请进群申请</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="hijg_authentication" type="hidden">
|
<input id="hijg_msg_key" type="hidden">
|
<input id="hijg_user_defined_field" type="hidden">
|
<input id="hijg_from_account" type="hidden">
|
<input id="hijg_msg_seq" type="hidden">
|
<input id="hijg_msg_random" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hijg_group_id">群ID</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="hijg_group_id" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hijg_to_account">邀请人</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="hijg_to_account" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hijg_action_radio">操作</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input checked id="hijg_action_agree_radio" name="hijg_action_radio" type="radio" value="Agree"> 同意</label>
|
<label class="radio-inline">
|
<input id="hijg_action_reject_radio" name="hijg_action_radio" type="radio" value="Reject"> 拒绝</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hijg_approval_msg">附言</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="hijg_approval_msg" rows="3"></textarea>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="handleInviteJoinGroupRequest()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="modify_group_dialog_label" class="modal fade" data-backdrop="static" id="modify_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="modify_group_dialog_label">修改群基本资料</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="mg_form" name="mg_form" role="form">
|
<input id="mg_sel_row_index" type="hidden">
|
<input id="mg_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="mg_faceurl">群头像URL</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="mg_faceurl" maxlength="100" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群头像URL"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="mg_name">名称</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="mg_name" maxlength="30" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群名称"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="mg_notification">公告</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="mg_notification" rows="3"></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="mg_introduction">简介</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="mg_introduction" rows="3"></textarea>
|
</div>
|
</div>
|
<div class="form-group" id="shut_up_all_role_div">
|
<label class="col-sm-2 control-label" for="shut_up_all">群全局禁言</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input id="shut_up_all_member_On" name="mgm_up_all_radio" type="radio" value="On"> 全局禁言</label>
|
<label class="radio-inline">
|
<input id="shut_up_all_member_Off" name="mgm_up_all_radio" type="radio" value="Off"> 取消禁言</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="modifyGroup()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="change_group_owner_dialog_label" class="modal fade" data-backdrop="static" id="change_group_owner_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="change_group_owner_dialog_label">转让群组</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="cgo_form" name="cgo_form" role="form">
|
<input id="cgo_sel_row_index" type="hidden">
|
<input id="cgo_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-4 control-label" for="cgo_new_owner">新群主账号</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="cgo_new_owner" maxlength="50" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入新群主ID"
|
type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="changeGroupOwner()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_my_friend_group_dialog_label" class="modal fade" data-backdrop="static" id="get_my_friend_group_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_my_friend_group_dialog_label">我的好友</h4>
|
</div>
|
<div class="modal-body">
|
<input id="gmfg_group_id" type="hidden">
|
<table id="get_my_friend_group_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="add_group_member_dialog_label" class="modal fade" data-backdrop="static" id="add_group_member_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="add_group_member_dialog_label">邀请群成员</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="agm_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="agm_account">成员帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="agm_account" placeholder="请输入要邀请成员帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="addGroupMember()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="forbid_send_msg_dialog_label" class="modal fade" data-backdrop="static" id="forbid_send_msg_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="forbid_send_msg_dialog_label">设置成员禁言时间</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="fsm_form" name="fsm_form" role="form">
|
<input id="fsm_sel_row_index" type="hidden">
|
<input id="fsm_group_id" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="fsm_account">成员帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="fsm_account" placeholder="请输入要修改的成员帐号" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="fsm_shut_up_time">禁言时间(s)</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="fsm_shut_up_time" maxlength="8" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入禁言时间"
|
type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="forbidSendMsg()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="send_c2c_msg_dialog_label" class="modal fade" data-backdrop="static" id="send_c2c_msg_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="send_c2c_msg_dialog_label">发C2C消息</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="scm_form" name="scm_form" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="scm_to_account">好友账号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="scm_to_account" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="scm_content">内容</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="scm_content" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入消息内容" type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="sendC2cMsg()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="send_group_msg_dialog_label" class="modal fade" data-backdrop="static" id="send_group_msg_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="send_group_msg_dialog_label">发群消息</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="sgm_form" name="sgm_form" role="form">
|
<input id="sgm_to_group_name" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="sgm_to_groupid">群ID</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="sgm_to_groupid" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="sgm_content">内容</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="sgm_content" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入消息内容" type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="sendGroupMsg()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="select_app_dialog_label" class="modal" data-backdrop="static" id="select_app_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<h4 class="modal-title" id="select_app_dialog_label">腾讯开放IM Web Demo(V1.7)</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<div class="col-sm-5">
|
<label class="radio-inline">
|
<input checked id="at_myself_radio" name="app_type_radio" onclick="changeAppType(this)" type="radio" value="0"> 自建应用</label>
|
</div>
|
<div class="col-sm-5">
|
<label class="radio-inline">
|
<input id="at_demo_radio" name="app_type_radio" onclick="changeAppType(this)" type="radio" value="1">测试应用</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-9">
|
<label id="demo_type_desc">无需注册腾讯云帐号直接使用，适合只需快速体验开放IM的用户</label>
|
<label id="myself_type_desc">需注册腾讯云官帐号，并创建应用获取SdkAppId，适合需在Demo基础上进行修改调试的用户。
|
<a href="http://console.qcloud.com/avc/" id="qcloudLink" target="_blank">现在创建>></a>
|
</label>
|
</div>
|
</div>
|
<div class="form-group" id="sdkAppIdDiv">
|
<label class="col-sm-2 control-label" for="sdk_app_id">SdkAppId:</label>
|
<div class="col-sm-6">
|
<input class="form-control" id="sdk_app_id" placeholder="请输入SdkAppId" type="text" value="">
|
</div>
|
</div>
|
<div class="form-group" id="accountTypeDiv">
|
<label class="col-sm-2 control-label" for="account_type">AccountType:</label>
|
<div class="col-sm-6">
|
<input class="form-control" id="account_type" placeholder="请输入AccountType" type="text" value="">
|
</div>
|
</div>
|
<div class="form-group" id="accountModeDiv" style="display:none">
|
<label class="col-sm-2 control-label" for="account_type">集成模式:</label>
|
<div class="col-sm-6" style="padding-top:5px">
|
<input checked name="accountMode" type="radio" value="0">独立模式
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-primary" onclick="selectApp()" type="button">确认</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="login_dialog_label" class="modal fade" data-backdrop="static" id="login_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="login_dialog_label">登录</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="login_account">identifier</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="login_account" maxlength="100" placeholder="请输入identifier" type="text" value="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="login_pwd">UserSig</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="login_pwd" placeholder="请输入UserSig" type="password" value="">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="independentModeLogin()" type="button">确定</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="upload_pic_low_ie_dialog_label" class="modal fade" data-backdrop="static" id="upload_pic_low_ie_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="upload_pic_low_ie_dialog_label">发送图片</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" enctype="multipart/form-data" id="updli_form" name="updli_form" onkeydown="if(event.keyCode==13)return false;"
|
role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="File">选择</label>
|
<div class="col-sm-10">
|
<input id="updli_file" type="file">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="uploadPicLowIE()" type="button">发送</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="upload_file_low_ie_dialog_label" class="modal fade" data-backdrop="static" id="upload_file_low_ie_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="upload_file_low_ie_dialog_label">发送文件</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" enctype="multipart/form-data" id="updli_file_form" name="updli_file_form" onkeydown="if(event.keyCode==13)return false;"
|
role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="File">选择</label>
|
<div class="col-sm-10">
|
<input id="upload_low_ie_file" type="file">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="uploadFileLowIE()" type="button">发送</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="upload_pic_dialog_label" class="modal fade" data-backdrop="static" id="upload_pic_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="upload_pic_dialog_label">发送图片</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="upd_form" name="upd_form" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="File">选择</label>
|
<div class="col-sm-10">
|
<input id="upd_pic" onchange="fileOnChange(this)" type="file">
|
<!--<input type="button" value="停止" id="upd_abort" />-->
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="File">预览</label>
|
<div class="col-sm-10">
|
<div id="previewPicDiv"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="upd_progress">进度</label>
|
<div class="col-sm-10">
|
<progress id="upd_progress" max="100" value="0"></progress>
|
<!--<input type="text" id="upd_progress" value="0" name="upd_progress" />-->
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="uploadPic()" type="button">发送</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="upload_file_dialog_label" class="modal fade" data-backdrop="static" id="upload_file_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="upload_file_dialog_label">发送文件</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="upd_file_form" name="upd_file_form" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="File">选择</label>
|
<div class="col-sm-10">
|
<input id="upd_file" type="file">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="upd_file_progress">进度</label>
|
<div class="col-sm-10">
|
<progress id="upd_file_progress" max="100" value="0"></progress>
|
<!--<input type="text" id="upd_progress" value="0" name="upd_progress" />-->
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="uploadFile()" type="button">发送</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="click_pic_dialog_label" class="modal fade" data-backdrop="static" id="click_pic_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="click_pic_dialog_label">查看图片</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<div class="col-sm-12">
|
<div id="bigPicDiv"></div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<!--<button type="button" class="btn btn-primary" id="viewOriPicBt">
|
查看原图
|
</button>-->
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_apply_join_group_pendency_dialog_label" class="modal fade" data-backdrop="static"
|
id="get_apply_join_group_pendency_dialog" role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_apply_join_group_pendency_dialog_label">我的加群申请</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_apply_join_group_pendency_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<!-- 模态框（Modal） -->
|
<div aria-hidden="true" aria-labelledby="handle_ajg_dialog_label" class="modal fade" data-backdrop="static" id="handle_ajg_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="handle_ajg_dialog_label">处理加群申请</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<input id="hajg_authentication" type="hidden">
|
<input id="hajg_msg_key" type="hidden">
|
<input id="hajg_user_defined_field" type="hidden">
|
<input id="hajg_from_account" type="hidden">
|
<input id="hajg_msg_seq" type="hidden">
|
<input id="hajg_msg_random" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hajg_group_id">群ID</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="hajg_group_id" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hajg_to_account">对方帐号</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="hajg_to_account" placeholder="" readonly="readonly" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hajg_action_radio">操作</label>
|
<div class="col-sm-10">
|
<label class="radio-inline">
|
<input checked id="hajg_action_agree_radio" name="hajg_action_radio" type="radio" value="Agree"> 同意</label>
|
<label class="radio-inline">
|
<input id="hajg_action_reject_radio" name="hajg_action_radio" type="radio" value="Reject"> 拒绝</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="hajg_approval_msg">附言</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="hajg_approval_msg" rows="3"></textarea>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="handleApplyJoinGroupPendency()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_my_group_system_msgs_dialog_label" class="modal fade" data-backdrop="static"
|
id="get_my_group_system_msgs_dialog" role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_my_group_system_msgs_dialog_label">我的群组系统消息</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_my_group_system_msgs_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="edit_custom_msg_label" class="modal fade" data-backdrop="static" id="edit_custom_msg_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="edit_custom_msg_label">发送自定义消息</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="ecm_form" name="ecm_form" onkeydown="if(event.keyCode==13)return false;" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="ecm_data">数据</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="ecm_data" rows="3"></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="ecm_desc">描述</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="ecm_desc" maxlength="50" placeholder="请输入描述" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="ecm_ext">扩展</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="ecm_ext" maxlength="50" placeholder="请输入扩展" type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="sendCustomMsg()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="send_group_system_msg_dialog_label" class="modal fade" data-backdrop="static" id="send_group_system_msg_dialog"
|
role="dialog" tabindex="-1">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="send_group_system_msg_dialog_label">发送自定义群系统通知</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="sgsm_form" name="sgsm_form" role="form">
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="sgsm_group_id">群组ID</label>
|
<div class="col-sm-10">
|
<input class="form-control" id="sgsm_group_id" maxlength="30" placeholder="请输入群组ID" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label" for="sgsm_content">内容</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" id="sgsm_content" rows="3"></textarea>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
<button class="btn btn-primary" onclick="sendCustomGroupNotify()" type="button">提交</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_my_friend_system_msgs_dialog_label" class="modal fade" data-backdrop="static"
|
id="get_my_friend_system_msgs_dialog" role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_my_friend_system_msgs_dialog_label">我的好友系统通知</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_my_friend_system_msgs_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<div aria-hidden="true" aria-labelledby="get_my_friend_profile_msgs_dialog_label" class="modal fade" data-backdrop="static"
|
id="get_my_profile_system_msgs_dialog" role="dialog" tabindex="-1">
|
<div class="modal-dialog-wide">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
|
<h4 class="modal-title" id="get_my_friend_profile_msgs_dialog_label">我的资料系统通知</h4>
|
</div>
|
<div class="modal-body">
|
<table id="get_my_profile_system_msgs_table"></table>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
|
</div>
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal-dialog -->
|
</div>
|
<!-- /.modal -->
|
<script src="js/lib/jquery/jquery.js" type="text/javascript"></script>
|
<script src="js/lib/jquery/jquery-ui.js" type="text/javascript"></script>
|
<script src="js/lib/lodash.min.js" type="text/javascript"></script>
|
<script src="js/lib/bootstrap/bootstrap.js" type="text/javascript"></script>
|
<script src="js/lib/bootstrap/bootstrap-table.js" type="text/javascript"></script>
|
<script src="js/lib/bootstrap/bootstrap-collapse.js" type="text/javascript"></script>
|
<script src="js/lib/xss.js" type="text/javascript"></script>
|
|
<!--TLS web sdk(只用于托管模式，独立模式不用引入)-->
|
|
<script src="https://tls.qcloud.com/libs/api.min.js" type="text/javascript"></script>
|
<!--用于获取文件MD5 js api(发送图片时用到)-->
|
|
<script src="js/lib/md5/spark-md5.js" type="text/javascript"></script>
|
<!--web im sdk-->
|
|
<script src="sdk/webim.js" type="text/javascript"></script>
|
<!--<script type="text/javascript" src="sdk/webim.min.js"></script>-->
|
|
<script src="sdk/json2.js" type="text/javascript"></script>
|
<!--web im sdk 登录 示例代码-->
|
|
<script src="js/login/login.js" type="text/javascript"></script>
|
<!--web im sdk 登出 示例代码-->
|
|
<script src="js/logout/logout.js" type="text/javascript"></script>
|
<!--web im 解析一条消息 示例代码-->
|
|
<script src="js/common/show_one_msg.js" type="text/javascript"></script>
|
<!--web im demo 基本逻辑-->
|
|
<script src="js/base.js" type="text/javascript"></script>
|
<!--web im sdk 资料管理 api 示例代码-->
|
|
<script src="js/profile/profile_manager.js" type="text/javascript"></script>
|
<!--web im sdk 好友管理 api 示例代码-->
|
|
<script src="js/friend/friend_manager.js" type="text/javascript"></script>
|
<!--web im sdk 好友申请管理 api 示例代码-->
|
|
<script src="js/friend/friend_pendency_manager.js" type="text/javascript"></script>
|
<!--web im sdk 好友黑名单管理 api 示例代码-->
|
|
<script src="js/friend/friend_black_list_manager.js" type="text/javascript"></script>
|
<!--web im sdk 最近联系人 api 示例代码-->
|
|
<script src="js/recentcontact/recent_contact_list_manager.js" type="text/javascript"></script>
|
<!--web im sdk 群组管理 api 示例代码-->
|
|
<script src="js/group/group_manager.js" type="text/javascript"></script>
|
<!--web im sdk 群成员�����理 api 示例代码-->
|
|
<script src="js/group/group_member_manager.js" type="text/javascript"></script>
|
<!--web im sdk 加群申请管理 api 示例代码-->
|
|
<script src="js/group/group_pendency_manager.js" type="text/javascript"></script>
|
<!--web im 切换聊天好友或群组 示例代码-->
|
|
<script src="js/switch_chat_obj.js" type="text/javascript"></script>
|
<!--web im sdk 获取c2c获取群组历史消息 示例代码-->
|
|
<script src="js/msg/get_history_msg.js" type="text/javascript"></script>
|
<!--web im sdk 发送普通消息(文本和表情) api 示例代码-->
|
|
<script src="js/msg/send_common_msg.js" type="text/javascript"></script>
|
<!--web im sdk 上传和发送图片消息 api 示例代码-->
|
|
<script src="js/msg/upload_and_send_pic_msg.js" type="text/javascript"></script>
|
<!--web im sdk 上传和发送文件消息 api 示例代码-->
|
|
<script src="js/msg/upload_and_send_file_msg.js" type="text/javascript"></script>
|
<!--web im sdk 切换播放语音消息 示例代码-->
|
|
<script src="js/msg/switch_play_sound_msg.js" type="text/javascript"></script>
|
<!--web im sdk 发送自定义消息 api 示例代码-->
|
|
<script src="js/msg/send_custom_msg.js" type="text/javascript"></script>
|
<!--web im sdk 发送群自定义通知 api 示例代码-->
|
|
<script src="js/msg/send_custom_group_notify_msg.js" type="text/javascript"></script>
|
<!--web im 监听新消息(c2c或群) 示例代码-->
|
|
<script src="js/msg/receive_new_msg.js" type="text/javascript"></script>
|
<!--web im 监听群系统通知消息 示例代码-->
|
|
<script src="js/msg/receive_group_system_msg.js" type="text/javascript"></script>
|
<!--web im 监听好友系统通知消息 示例代码-->
|
|
<script src="js/msg/receive_friend_system_msg.js" type="text/javascript"></script>
|
<!--web im 监听资料系统通知消息 示例代码-->
|
|
<script src="js/msg/receive_profile_system_msg.js" type="text/javascript"></script>
|
|
|
<script src="js/lib/BenzAMRRecorder.js" type="text/javascript"></script>
|
<!-- web im 让h5支持播放amr录音文件 -->
|
|
<script type="text/javascript">
|
// 将以下两个参数替换成您的配置
|
var sdkAppID = '1400195659', // 填写第一步获取到的 sdkappid
|
accountType = '36862'; // 填写第二步设置账号体系集成获取到的 accountType
|
|
// 登录帐号
|
var identifier = '', // 填写第三步输入的 identifier，由您指定，可以在登录页面直接输入
|
userSig = ''; //填写第三步生成的userSig，可以在登录页面直接输入
|
|
//帐号模式，0-表示独立模式，1-表示托管模式(托管模式已经停用，请使用独立模式集成帐号)
|
var accountMode = 0;
|
|
//当前用户身份
|
var loginInfo = {
|
'sdkAppID': sdkAppID, //用户所属应用id,必填
|
'accountType': accountType, //用户所属应用帐号类型，必填
|
'identifier': identifier, //当前用户ID,必须是否字符串类型，必填
|
// 'identifier': "webim_test_userid", //当前用户ID,必须是否字符串类型，必填
|
// 'identifier': "user_b", //当前用户ID,必须是否字符串类型，必填
|
'userSig': userSig,
|
//当前用户身份凭证，必须是字符串类型，必填
|
'identifierNick': null, //当前用户昵称，不用填写，登录接口会返回用户的昵称，如果没有设置，则返回用户的id
|
'headurl': 'img/me.jpg' //当前用户默认头像，选填，如果设置过头像，则可以通过拉取个人资料接口来得到头像信息
|
};
|
|
var AdminAcount = 'qwe101';
|
var selType = webim.SESSION_TYPE.C2C; //当前聊天类型
|
var selToID = null; //当前选中聊天id（当聊天类型为私聊时，该值为好友帐号，否则为群号）
|
var selSess = null; //当前聊天会话对象
|
var recentSessMap = {}; //保存最近会话列表
|
var reqRecentSessCount = 50; //每次请求的最近会话条数，业务可以自定义
|
|
var isPeerRead = 1; //是否需要支持APP端已读回执的功能,默认为0。是：1，否：0。
|
|
//默认好友头像
|
var friendHeadUrl = 'img/friend.jpg'; //仅demo使用，用于没有设置过头像的好友
|
//默认群头像
|
var groupHeadUrl = 'img/group.jpg'; //仅demo使用，用于没有设置过群头像的情况
|
|
|
//存放c2c或者群信息（c2c用户：c2c用户id，昵称，头像；群：群id，群名称，群头像）
|
var infoMap = {}; //初始化时，可以先拉取我的好友和我的群组信息
|
|
|
var maxNameLen = 12; //我的好友或群组列表中名称显示最大长度，仅demo用得到
|
var reqMsgCount = 15; //每次请求的历史消息(c2c获取群)条数，仅demo用得到
|
|
var pageSize = 15; //表格的每页条数，bootstrap table 分页时用到
|
var totalCount = 200; //每次接口请求的条数，bootstrap table 分页时用到
|
|
var emotionFlag = false; //是否打开过表情选择框
|
|
var curPlayAudio = null; //当前正在播放的audio对象
|
|
var getPrePageC2CHistroyMsgInfoMap = {}; //保留下一次拉取好友历史消息的信息
|
var getPrePageGroupHistroyMsgInfoMap = {}; //保留下一次拉取群历史消息的信息
|
|
var defaultSelGroupId = null; //登录默认选中的群id，选填，仅demo用得到
|
|
//监听（多终端同步）群系统消息方法，方法都定义在receive_group_system_msg.js文件中
|
//注意每个数字代表的含义，比如，
|
//1表示监听申请加群消息，2表示监听申请加群被同意消息，3表示监听申请加群被拒绝消息
|
var onGroupSystemNotifys = {
|
"1": onApplyJoinGroupRequestNotify, //申请加群请求（只有管理员会收到）
|
"2": onApplyJoinGroupAcceptNotify, //申请加群被同意（只有申请人能够收到）
|
"3": onApplyJoinGroupRefuseNotify, //申请加群被拒绝（只有申请人能够收到）
|
"4": onKickedGroupNotify, //被管理员踢出群(只有被踢者接收到)
|
"5": onDestoryGroupNotify, //群被解散(全员接收)
|
"6": onCreateGroupNotify, //创建群(创建者接收)
|
"7": onInvitedJoinGroupNotify, //邀请加群(被邀请者接收)
|
"8": onQuitGroupNotify, //主动退群(主动退出者接收)
|
"9": onSetedGroupAdminNotify, //设置管理员(被设置者接收)
|
"10": onCanceledGroupAdminNotify, //取消管理员(被取消者接收)
|
"11": onRevokeGroupNotify, //群已被回收(全员接收)
|
"15": onReadedSyncGroupNotify, //群消息已读同步通知
|
"255": onCustomGroupNotify, //用户自定义通知(默认全员接收)
|
"12": onInvitedJoinGroupNotifyRequest //邀请加群(被邀请者接收,接收者需要同意)
|
};
|
|
//监听好友系统通知函数对象，方法都定义在receive_friend_system_msg.js文件中
|
var onFriendSystemNotifys = {
|
"1": onFriendAddNotify, //好友表增加
|
"2": onFriendDeleteNotify, //好友表删除
|
"3": onPendencyAddNotify, //未决增加
|
"4": onPendencyDeleteNotify, //未决删除
|
"5": onBlackListAddNotify, //黑名单增加
|
"6": onBlackListDeleteNotify //黑名单删除
|
};
|
|
var onC2cEventNotifys = {
|
"92": onMsgReadedNotify, //消息已读通知,
|
"96": onMultipleDeviceKickedOut
|
};
|
|
//监听资料系统通知函数对象，方法都定义在receive_profile_system_msg.js文件中
|
var onProfileSystemNotifys = {
|
"1": onProfileModifyNotify //资料修改
|
};
|
|
//监听连接状态回调变化事件
|
var onConnNotify = function (resp) {
|
var info;
|
switch (resp.ErrorCode) {
|
case webim.CONNECTION_STATUS.ON:
|
webim.Log.warn('建立连接成功: ' + resp.ErrorInfo);
|
break;
|
case webim.CONNECTION_STATUS.OFF:
|
info = '连接已断开，无法收到新消息，请检查下你的网络是否正常: ' + resp.ErrorInfo;
|
// alert(info);
|
webim.Log.warn(info);
|
break;
|
case webim.CONNECTION_STATUS.RECONNECT:
|
info = '连接状态恢复正常: ' + resp.ErrorInfo;
|
// alert(info);
|
webim.Log.warn(info);
|
break;
|
default:
|
webim.Log.error('未知连接状态: =' + resp.ErrorInfo);
|
break;
|
}
|
};
|
|
//IE9(含)以下浏览器用到的jsonp回调函数
|
function jsonpCallback(rspData) {
|
webim.setJsonpLastRspData(rspData);
|
}
|
|
//监听事件
|
var listeners = {
|
"onConnNotify": onConnNotify //监听连接状态回调变化事件,必填
|
,
|
"jsonpCallback": jsonpCallback //IE9(含)以下浏览器用到的jsonp回调函数，
|
,
|
"onMsgNotify": onMsgNotify //监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
|
,
|
"onBigGroupMsgNotify": onBigGroupMsgNotify //监听新消息(直播聊天室)事件，直播场景下必填
|
,
|
"onGroupSystemNotifys": onGroupSystemNotifys //监听（多终端同步）群系统消息事件，如果不需要监听，可不填
|
,
|
"onGroupInfoChangeNotify": onGroupInfoChangeNotify //监听群资料变化事件，选填
|
,
|
"onFriendSystemNotifys": onFriendSystemNotifys //监听好友系统通知事件，选填
|
,
|
"onProfileSystemNotifys": onProfileSystemNotifys //监听资料系统（自己或好友）通知事件，选填
|
,
|
"onKickedEventCall": onKickedEventCall //被其他登录实例踢下线
|
,
|
"onC2cEventNotifys": onC2cEventNotifys //监听C2C系统消息通道
|
,
|
"onAppliedDownloadUrl": onAppliedDownloadUrl //申请文件/音频下载地址的回调
|
,
|
"onLongPullingNotify": function (data) {
|
console.debug('onLongPullingNotify', data)
|
}
|
};
|
|
var isAccessFormalEnv = true; //是否访问正式环境
|
|
|
|
var isLogOn = false; //是否开启sdk在控制台打印日志
|
|
//初始化时，其他对象，选填
|
var options = {
|
'isAccessFormalEnv': isAccessFormalEnv, //是否访问正式环境，默认访问正式，选填
|
'isLogOn': isLogOn //是否开启控制台打印日志,默认开启，选填
|
}
|
|
|
|
var msgflow = document.getElementsByClassName("msgflow")[0];
|
var bindScrollHistoryEvent = {
|
init: function () {
|
msgflow.onscroll = function () {
|
if (msgflow.scrollTop == 0) {
|
msgflow.scrollTop = 10;
|
if (selType == webim.SESSION_TYPE.C2C) {
|
getPrePageC2CHistoryMsgs();
|
} else {
|
getPrePageGroupHistoryMsgs();
|
}
|
|
}
|
}
|
},
|
reset: function () {
|
msgflow.onscroll = null;
|
}
|
};
|
// webimLogin();
|
// $('#select_app_dialog').modal('show');
|
$('#login_dialog').modal('show');
|
$(function(){
|
$.ajax({
|
type:"post",
|
url:"../../Tls_sigatureAction!testUserSig",
|
async:true,
|
datatype:'text',
|
data:null,
|
success:function(data){
|
console.info(data);
|
$('#login_account').val(data.uname);
|
$('#login_pwd').val(data.result);
|
//layer.close(load);
|
|
|
}
|
});
|
})
|
</script>
|
</body>
|
|
</html>
|
