index.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>chat view</title>
  5. <meta charset="utf-8" />
  6. <!-- 新 Bootstrap 核心 CSS 文件 -->
  7. <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css">
  8. <link rel="stylesheet" href="app.css">
  9. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  10. <!--<script src="js/jquery.min.js"></script>-->
  11. <script src="../bower_components/jquery/dist/jquery.min.js"></script>
  12. <script src="../bower_components/jquery-lazyload/jquery.lazyload.min.js"></script>
  13. <script src="../bower_components/angular/angular.js"></script>
  14. <script src="../bower_components/angular-animate/angular-animate.min.js"></script>
  15. <script src="../bower_components/angular-scroll-glue/src/scrollglue.js"></script>
  16. <script src="app.js"></script>
  17. </head>
  18. <body ng-app="appMessage" ng-controller="MessageController" id="body" ng-click="scrollShow()">
  19. <div class="full-client">
  20. <div id="getMore"><a role="button"><small ng-click="getMore()">加载更多消息</small></a></div>
  21. <div class="feed-activity-list p-l-xs p-t-xs p-r-xs" id="loadmore" ng-repeat="item in historymessages track by $index" ng-history-msg="item" ng-app-content="appContent">
  22. <!--<div class="feed-element" ng-repeat="item in historymessages track by $index">
  23. <div class="media-body">
  24. <p>
  25. <strong>{{item.senderDisplayName === undefined || item.senderDisplayName == ''? item.sender : item.senderDisplayName}}</strong><small>-2017-2-6 15:57:17 {{item.ts}}</small>
  26. </p>
  27. <div class="well m-l-xs m-t-xs fit-content" ng-history-msg="item" ng-app-content="appContent">
  28. <div class="text-point"></div>
  29. </div>
  30. </div>
  31. </div>-->
  32. </div>
  33. <div class="feed-activity-list p-l-xs p-t-xs p-r-xs" id="sendmessage">
  34. <div class="feed-element animate" ng-repeat="item in sendmessages track by $index">
  35. <div class="media-body">
  36. <p>
  37. <strong>{{item.senderDisplayName === undefined || item.senderDisplayName == ''? item.sender : item.senderDisplayName}}</strong><small class="text-muted">-2017-2-6 15:57:17 {{item.ts}}</small>
  38. </p>
  39. <div class="well m-l-xs m-t-xs fit-content" ng-current-msg="item" ng-app-content="appContent" id="message">
  40. <div class="text-point"></div>
  41. </div>
  42. </div>
  43. </div>
  44. <!--<a role="button" ng-click="addClick({name:'web', time:'2016-06-24 15:55', message:'hello world'})">test</a>-->
  45. <!-- 普通消息 -->
  46. <!--<div class="feed-element">
  47. <div class="media-body ">
  48. <strong>陆趣趣</strong>
  49. <small class="text-muted">Today 2:10 pm - 12.06.2014</small>
  50. <div class="well m-l-xs m-t-xs fit-content">
  51. <span class="text-message">手动建开发技术的发是打发是否阿萨德发按时大家阿萨德发 圣诞节法律考试及地方akjsdklfajs 按时大奖是离开的房间阿萨德发是对方可爱上了对方快递费阿斯顿发阿萨德发啊阿萨德f</span>
  52. </div>
  53. </div>
  54. </div>-->
  55. <!-- 文件下载消息 -->
  56. <!--<div class="feed-element">
  57. <div class="media-body">
  58. <p>
  59. <strong>陆趣趣</strong><small class="text-muted">-2017-2-6 15:57:17 来自pc端</small>
  60. </p>
  61. <div class="well m-l-xs m-t-xs fit-content" style="width: 275px;">
  62. <div id="text-point"></div>
  63. <div class="file-message">
  64. <img src="../img/unkown.png" onError=" this.src = '../img/unkown.png' " />
  65. <span style="float:left; margin:5px 0px 0px 0px">文件名:办公助手文件<br/>大小:5M</span>
  66. <div class="p-t-sm text-right">
  67. <a class="text-primary" role="button"><span>打开</span></a>&nbsp
  68. <a class="text-primary" role="button"><span>打开文件夹</span></a>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>-->
  74. <!-- 带截图 -->
  75. <!--<div class="feed-element">
  76. <div class="media-body">
  77. <p>
  78. <strong>陆趣趣</strong><small>-2017-2-6 15:57:17 来自pc端</small>
  79. </p>
  80. <div class="well m-l-xs m-t-xs fit-content">
  81. <div id="text-point"></div>
  82. <span class="text-message">
  83. <a href="#" class="thumbnail" style="max-width:125px;">
  84. <img src="local://E:/LxtalkUIView/dist/img/loading.jpg" alt="通用的占位符缩略图">
  85. </a>
  86. </span>
  87. </div>
  88. </div>
  89. </div>-->
  90. <!-- 只有截图 -->
  91. <!--<div class="feed-element">
  92. <div class="media-body">
  93. <strong>陆趣趣</strong>
  94. <small class="text-muted">Today 2:10 pm - 12.06.2014</small>
  95. <div class="well m-l-xs m-t-xs fit-content">
  96. <span class="text-message">
  97. <a href="#" class="thumbnail" style="width:300px;">
  98. <img src="Lighthouse.jpg" alt="通用的占位符缩略图">
  99. </a>
  100. </span>
  101. </div>
  102. </div>
  103. </div>-->
  104. <!-- 带表情 -->
  105. <!--<div class="feed-element">
  106. <div class="media-body">
  107. <strong>陆趣趣</strong>
  108. <small class="text-muted">Today 2:10 pm - 12.06.2014</small>
  109. <div class="well m-l-xs m-t-xs fit-content">
  110. <span class="text-message">
  111. 萨德发按时大家阿萨德<img src="../../Images/Faces/em_009.gif">kjsdklfajs 按时大奖是离开的房间阿萨德
  112. </span>
  113. </div>
  114. </div>
  115. </div>-->
  116. <!-- 只有表情 -->
  117. <!--<div class="feed-element">
  118. <div class="media-body">
  119. <strong>陆趣趣</strong>
  120. <small class="text-muted">Today 2:10 pm - 12.06.2014</small>
  121. <div class="well m-l-xs m-t-xs fit-content">
  122. <img src="../../Images/Faces/em_009.gif">
  123. </div>
  124. </div>
  125. </div>-->
  126. <!-- 地图 -->
  127. <!--<div class="feed-element" ng-repeat="map in maps track by $index">
  128. <div class="media-body">
  129. <p>
  130. <strong>陆趣趣</strong><small class="text-muted">-Today 2:10 pm - 12.06.2014</small>
  131. </p>
  132. <div class="well m-l-xs m-t-xs fit-content">
  133. <div class="text-point"></div>
  134. <span class="text-message">
  135. <iframe class="map" border=0 src="{{map.url}}" frameBorder=no>
  136. 您的浏览器不支持 iframe 标签。
  137. </iframe>
  138. </span>
  139. </div>
  140. </div>
  141. </div>-->
  142. <!-- 语音 -->
  143. <!--<div class="feed-element">
  144. <div class="media-body">
  145. <p>
  146. <strong>陆趣趣</strong><small class="text-muted">-Today 2:10 pm - 12.06.2014</small>
  147. </p>
  148. <div class="well m-l-xs m-t-xs fit-content">
  149. <div class="text-point"></div>
  150. <span class="text-message">
  151. <audio controls>
  152. <source src="local://E:/LxtalkUIView/dist/img/111.mp3">
  153. <source src="local://E:/LxtalkUIView/dist/img/111.ogg">
  154. 您的浏览器不支持 audio 元素。
  155. </audio>
  156. </span>
  157. </div>
  158. </div>
  159. </div>-->
  160. </div>
  161. <div>
  162. <p></p>
  163. <span id="bottom"><span>
  164. </div>
  165. </div>
  166. </body>
  167. </html>