-
Notifications
You must be signed in to change notification settings - Fork 43
/
index.html
executable file
·154 lines (153 loc) · 8.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html ng-app="RongIMDemo">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta name="full-screen" content="yes">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>融云客服-web sdk demo</title>
<meta name="keywords"
content="融云,即时通讯,即时通讯云,即时通信云,移动 IM,开源 IM,IM 云服务,即时聊天软件,VOIP,移动客服,在线客服,免费,App 开发者服务，融云 Demo ，Web Demo，即时通讯 Demo"/>
<meta name="description" content="融云 Web Demo 下载体验！"/>
<link href="static/css/main.css" rel="stylesheet">
<script src="http://res.websdk.rong.io/RongIMClient.min.js"></script>
<script src='http://rongcloud-web.qiniudn.com/js_jquery-1.11.1.min.js'></script>
<script src='static/js/jquery.nicescroll.js'></script>
<script src="static/js/angular.min.js"></script>
<script src="static/js/controller.js"></script>
<script src="static/js/RongIMClient.voice.js"></script>
</head>
<body class="container">
<div class="bro_notice" style="display: none; background-color: #FCF8E3; color: #000;text-align: center;margin: 0 auto;">
<p>Web SDK Demo 正处于测试阶段，部分浏览器会有兼容问题，有问题请您 <a style="color: #428BCA;" href="https://developer.rongcloud.cn/ticket/create" target="_blank">提工单反馈。</a> 此 Demo 只做 Web SDK 演示，只截取部分好友显示。
</p>
</div>
<div class="wrap" ng-controller="RongC_chaInfo">
<div class="left" >
<div class="dialog_header header">
<span class="owner_image">
<img ng-src="{{owner.portrait}}"/>
</span>
<span class="owner_name" ng-bind="owner.name">
</span>
<span class="setting">
<a href="javascript:void(0)" id="setting"><label></label> </a>
</span>
</div>
<div class="phone_dialog_header header">
<span class="logOut">
<a href="javascript:void(0)" title="退出"></a>
</span>
<span class="addrBtnBack btnBack">
<a href="javascript:void(0)" title="返回">＜ 返回</a>
</span>
融云
<span class="addrBtn">
<a href="javascript:void(0)" title="联系人"></a>
</span>
</div>
<div class="settingView">
<span class="volSetting hidden"><a href="javascipt:void(0);">开启声音</a></span>
<hr>
<span id="close" class="logOut"><span ng-click="logout()" href="return;"
class="hover">退出登录</span></span>
</div>
<div class="listOperatorContent">
<div class="conversationBtn selected">
<a href="javascript:void(0)" title="聊天"><span><font
class="msgNum hidden">0</font></span></a>
</div>
<div class="cutOffRule" style="width: 2px;"></div>
<div class="addrBtn">
<a href="javascript:void(0)" title="通讯录"><span></span></a>
</div>
</div>
<div class="listConversation list" style="display:none ;">
<ul id="conversationlist" ng-model="ConversationList">
<li ng-click="ConversationClick(item.getConversationType().getValue(),item.getTargetId(),item.getConversationTitle())" ng-repeat="item in ConversationList">
<span class="user_img"><img load-portrait="{{item.getTargetId()}}"/><font ng-class="{'conversation_msg_num':true,'hidden':item.getUnreadMessageCount()==0}">{{item.unread}}</font></span><span
class="conversationInfo"><p
style="margin-top: 10px"><font class="user_name">{{item.getConversationTitle()}}</font><font
class="date" >{{item.lastTime | showTime}}</font></p></span>
</li>
</ul>
</div>
<div class="listAddr list" style="">
<div class="nameInitials">群组</div>
<ul>
<li targetId="group001" ng-click="RongDefault($event.target,'融云群一',3)">
<span class="user_img"><img src="static/images/user.png"/></span>
<span class="user_name">融云群一</span>
</li>
<li targetId="group002" ng-click="RongDefault($event.target,'融云群二',3)">
<span class="user_img"><img src="static/images/user.png"/> </span>
<span class="user_name">融云群二</span>
</li>
<li targetId="group003" ng-click="RongDefault($event.target,'融云群三',3)">
<span class="user_img"><img src="static/images/user.png"/> </span>
<span class="user_name">融云群三</span>
</li>
</ul>
<div class="nameInitials">客服</div>
<ul>
<li targetId="kefu114" ng-click="RongDefault($event.target,'融云客服',1)">
<span class="user_img"><img src="static/images/user.png"/></span>
<span class="user_name">融云客服</span>
</li>
</ul>
<div class="nameInitials">好友列表</div>
<ul id="friendsList" ng-model="friendsList">
<li ng-click="ConversationClick(4,item.id,item.username)" ng-repeat="item in friendsList">
<span class="user_img"><img ng-src="{{'static/images/user.png'||item.portrait}}"/></span> <span
class="user_name">{{item.username}}</span>
</li>
</ul>
</div>
</div>
<div class="right_box" style="display:none ;">
<div class="right">
<div class="dialog_box_header header">
<a href="javascript:void(0)" class="btnBack">＜ 返回 <label></label></a>
<span id="conversationTitle">{{conversationTitle}}</span>
</div>
<div class="dialog_box">
<div class="xiaoxiti" ng-class="{'other_user':item.getMessageDirection().getValue() == 0,'self':item.getMessageDirection().getValue() == 1,'user':true}" ng-repeat="item in historyMessages">
<div class="user_img"><img load-portrait="{{item.getTargetId()+'@'+item.getMessageDirection().getValue()}}"/></div>
<span>{{item.getSenderUserName()}}</span>
<div class="msg">
<div class="msgArrow"><img ng-src="{{item.getMessageDirection().getValue() == 0?'static/images/white_arrow.png':'static/images/blue_arrow.png'}}">
</div>
<div class="msgBody" msg-type="{{item.getDetails(true)}}">
</div>
</div>
<div messageId="{{item.getMessageId()}}" ng-class="{'status':true, 'status_error':false}"></div>
</div>
</div>
<div class="msg_box">
<div class="features">
<span class="expression">
<a href="javascript:void(0)" id="RongIMexpression" title="表情"></a>
</span>
</div>
<div class="input_box">
<div class="button_box">
<div id="expresscontent"></div>
<span><button id="send" ng-click="sendMessage()">发送</button></span>
<span><font>Ctrl + Enter</font></span>
</div>
<div class="text_box">
<div class="textarea" id="mainContent" contenteditable="true"
style="resize: none;overflow: auto;"></div>
</div>
</div>
<div class="RongIMexpressionWrap"></div>
</div>
</div>
</div>
</div>
<div class="footer">
© 2014 Rong Cloud. V 0.9.0
</div>
</body>
<script src="static/js/RongIMClient.Expression.js"></script>
<script src="static/js/common.js"></script>
</html>