dgf преди 8 години
родител
ревизия
08e8174a0e

+ 1 - 2
talkview/src/html/index.html

@@ -12,7 +12,6 @@
     <!--<script src="js/jquery.min.js"></script>-->
     <script src="../bower_components/lodash/dist/lodash.js"></script>
     <script src="../bower_components/jquery/dist/jquery.min.js"></script>
-    <script src="../bower_components/jquery-lazyload/jquery.lazyload.min.js"></script>
     <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script src="../bower_components/jquery-qrcode/jquery.qrcode.min.js"></script>
     <script src="../bower_components/angular/angular.js"></script>
@@ -22,7 +21,7 @@
     <script src="app.js"></script>
 </head>
 
-<body ng-app="appMessage" id="body" class="scrollGlue">
+<body ng-app="appMessage" id="body">
     <ui-view></ui-view>
 </body>
 

+ 1 - 1
talkview/src/js/controller/messageController.js

@@ -49,7 +49,7 @@ angular.module('appMessage').controller('MessageController', ['$scope', '$filter
             $scope.count = false;
         };
 
-        $scope.loadImages = function(data){ 
+        $scope.loadImages = function(data) {
             console.log('11111111222');
             lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadImages', JSON.stringify(data), $scope);
         }

+ 11 - 11
talkview/src/js/directive/currentmessage.js

@@ -76,7 +76,7 @@
                     content = content.replace(g[0], function() {
                         scope["img_" + g[1]] = "local://" + scope.appContent.directory.received + g[1] + ".JPG";
                         var html = '<a class="thumbnail"' + '>' +
-                            '<img ng-click="showImage(\''+ g[1] +'\')" ng-error="onFaceLoadError(\''+ g[1] +'\')" ng-load="onLoad()" style="max-width:270px;max-height:250px;"  ng-src="{{img_' + g[1] + '}}">' +
+                            '<img ng-click="showImage(\'' + g[1] + '\')" ng-error="onFaceLoadError(\'' + g[1] + '\')" ng-load="onLoad()" style="max-width:300px;max-height:250px;" ng-src="{{img_' + g[1] + '}}">' +
                             '</a>';
                         return html;
                     });
@@ -119,7 +119,7 @@
 
             var replaceImage = function(content) {}
             var html = '';
-
+            //var message = document.getElementById("sendmessage");
             if (scope.msg.senderDisplayName === undefined || scope.msg.senderDisplayName == '')
                 scope.msg.senderDisplayName = scope.msg.sender;
             // 消息类型([1,文本消息],[2,图片消息],[3,文件消息], [4,位置消息],[5,语音消息])
@@ -131,13 +131,13 @@
                     var style = scope.msg.style === "" || scope.msg.style === undefined ? {
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 16777215
                     } : _.assign({
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 16777215
                     }, JSON.parse(scope.msg.style));
@@ -146,13 +146,13 @@
                     var style = scope.msg.style === "" || scope.msg.style === undefined ? {
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 0
                     } : _.assign({
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 0
                     }, JSON.parse(scope.msg.style));
@@ -174,7 +174,7 @@
                     '<p><input type="text" readonly="readonly" value="' + getFileName(content) + '"></p>' +
                     '<span>大小:' + getFileSize(content) + '</span>' +
                     '<div class="p-t-sm text-right">' +
-                    '<span id="transinfo"><span style="color:green;" class="glyphicon glyphicon-ok"></span><span>传输完成</span></span>' +
+                    '<span class="transinfo"><span style="color:green;" class="glyphicon glyphicon-ok"></span><span>传输完成</span></span>' +
                     '<a class="text-primary" role="button"><span ng-click="OpenFile(msg.content)">打开</span></a>&nbsp&nbsp' +
                     '<a class="text-primary" role="button"><span ng-click="OpenDirectory(msg.content)">打开文件夹</span></a>' +
                     '</div>' +
@@ -222,7 +222,7 @@
             // 添加到文档中
             var newElement = angular.element($dom);
             element.append(newElement);
-            // element.addEventListener('load', scope.onLoad());
+            element[0].addEventListener('load', scope.onLoad());
         }
     };
     /* @ngInject */
@@ -240,11 +240,11 @@
             $location.hash("bottom");
             $anchorScroll();
         };
-        $scope.onFaceLoadError = function(md5){
+        $scope.onFaceLoadError = function(md5) {
             $scope["img_" + md5] = "local://" + $scope.appContent.directory.base + "Images\\" + "Loading.gif";
             $timeout();
-            lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadImages', JSON.stringify({uid:$scope.msg.uid, md5:[md5]}), function(){
-                console.log($scope["img_" + md5]);                
+            lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadImages', JSON.stringify({ uid: $scope.msg.uid, md5: [md5] }), function() {
+                console.log($scope["img_" + md5]);
                 $scope["img_" + md5] = "local://" + $scope.appContent.directory.received + md5 + ".JPG";
                 $timeout();
             });

+ 16 - 16
talkview/src/js/directive/historymessages.js

@@ -113,6 +113,7 @@
             };
             var replaceImage = function(content) {}
             var html = '';
+            //var message = document.getElementById("loadmore");
             if (scope.msg.senderDisplayName === undefined || scope.msg.senderDisplayName == '')
                 scope.msg.senderDisplayName = scope.msg.sender;
             // 消息类型([1,文本消息],[2,图片消息],[3,文件消息], [4,位置消息],[5,语音消息])
@@ -124,13 +125,13 @@
                     var style = scope.msg.style === "" || scope.msg.style === undefined ? {
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 16777215
                     } : _.assign({
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 16777215
                     }, JSON.parse(scope.msg.style));
@@ -139,13 +140,13 @@
                     var style = scope.msg.style === "" || scope.msg.style === undefined ? {
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 0
                     } : _.assign({
                         style: 'normal',
                         weight: 'normal',
-                        size: 9,
+                        size: 10,
                         family: '微软雅黑',
                         color: 0
                     }, JSON.parse(scope.msg.style));
@@ -167,7 +168,7 @@
                     '<p><input type="text" readonly="readonly" value="' + getFileName(content) + '"></p>' +
                     '<span>大小:' + getFileSize(content) + '</span>' +
                     '<div class="p-t-sm text-right">' +
-                    '<span id="transinfo"><span style="color:green;" class="glyphicon glyphicon-ok"></span><span>传输完成</span></span>' +
+                    '<span class="transinfo"><span style="color:green;" class="glyphicon glyphicon-ok"></span><span>传输完成</span></span>' +
                     '<a class="text-primary" role="button"><span ng-click="OpenFile(msg.content)">打开</span></a>&nbsp&nbsp' +
                     '<a class="text-primary" role="button"><span ng-click="OpenDirectory(msg.content)">打开文件夹</span></a>' +
                     '</div>' +
@@ -184,25 +185,23 @@
             }
 
             if (getUserID()) {
-                var html_g = '<div class="feed-element">' +
-                    '<div class="media-body">' +
+                var html_g =
                     '<p><strong>' +
                     scope.msg.senderDisplayName +
                     '</strong><small class="text-muted">-' +
                     getTime(scope.msg) + '</small></p>' +
                     '<div class="wellself m-l-xs m-t-xs fit-content" >' +
                     '<div class="text-point"></div>' + html +
-                    '</div></div></div>';
+                    '</div>';
             } else {
-                var html_g = '<div class="feed-element">' +
-                    '<div class="media-body">' +
+                var html_g =
                     '<p><strong>' +
                     scope.msg.senderDisplayName +
                     '</strong><small class="text-muted">-' +
                     getTime(scope.msg) + '</small></p>' +
                     '<div class="well m-l-xs m-t-xs fit-content" >' +
                     '<div class="text-point"></div>' + html +
-                    '</div></div></div>';
+                    '</div>';
             }
             console.log(html_g);
 
@@ -211,20 +210,18 @@
             // 也可以用$scope.$new()创建继承的作用域
             var $dom = compileFn(scope);
             // 添加到文档中
-
             //angular.element("#loadmore").prepend($dom);
             var newElement = angular.element($dom);
             element.prepend(newElement);
             if (scope.count) {
                 gotoBottom();
-                element.addEventListener('load', window.scrollTo(0, document.body.scrollHeight));
             } else {
-                element.addEventListener('load', window.scrollTo(0, document.body.scrollHeight - scope.height));
+                element[0].addEventListener('load', window.scrollTo(0, document.body.scrollHeight - scope.height));
             }
         }
     };
     /* @ngInject */
-    function ControllerController($scope) {
+    function ControllerController($scope, $location, $anchorScroll) {
         $scope.OpenFile = function(item) {
             var file = JSON.parse(item);
             return lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'OpenFile', JSON.stringify(file), $scope);
@@ -235,7 +232,10 @@
             return lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'OpenDirectory', JSON.stringify(file), $scope);
         };
         $scope.scrollController = function() {
-            window.scrollTo(0, document.body.scrollHeight - $scope.height);
+            if ($scope.count) {
+                window.scrollTo(0, document.body.scrollHeight);
+            } else
+                window.scrollTo(0, document.body.scrollHeight - $scope.height);
         };
     }
 })();

+ 12 - 18
talkview/src/less/app.main.less

@@ -2,9 +2,9 @@
     margin-top: 5px;
 }
 
-// .scrollGlue {
-//     overflow-y: hidden;
-// }
+.scrollGlue {
+    overflow-y: hidden;
+}
 
 .full-client{
     width: 100%;
@@ -12,16 +12,16 @@
     border: 0px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
-    #getMore {
+    .getMore {
         text-align: center;
         font-family: "宋体";
         color: #009BDB;
         font-size: 14px;
     }
-    > .loadmore {
+    .loadmore {
         margin-top: -5px;
     }
-    #sendmessage {
+    .sendmessage {
         margin-top: -10px;
     }
 }
@@ -127,12 +127,6 @@
         max-width: 360px;
         max-height: 300px;
     }
-    .bigImg{
-        z-index: 99;
-        position: fixed;
-        top: 50%;
-        left: 50%;
-    }
 }
 
 .contact-box.center-version {
@@ -183,7 +177,7 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
-    #transinfo{
+    .transinfo{
         float: left;
         color: #666;
         >span{
@@ -230,7 +224,7 @@
     overflow-x: scroll;
 }
 
-#transmitters{
+.f-transmitters{
     position: relative;
     height:100px;
     width:280px;
@@ -238,7 +232,7 @@
     font-family: "微软雅黑","宋体";
     font-size: 12px;
     margin-bottom: -30px;
-    .textion{
+    .f-textion{
         float: right;
         margin-top: -5px;
         margin-right: 7px;
@@ -252,7 +246,7 @@
         }
     }
 }
-#fileInfo{
+.f-fileInfo{
     white-space: nowrap;
     >img{
         float: left;
@@ -272,13 +266,13 @@
     height:3px;
     width:200px;
 }
-#percent{
+.f-percent{
     position: absolute;
     top: 28px;
     left: 257px;
     font-size: 11px;
 }
-#speed{
+.f-speed{
     position: absolute;
     top: 40px;
     left: 50px;

+ 8 - 9
talkview/src/templates/messages.html

@@ -1,22 +1,21 @@
 <div class="full-client" ng-mouseover="scrollShow()">
-    <div id="getMore"><a role="button"><small ng-click="getMore()">加载更多消息</small></a></div>
+    <div class="getMore"><a role="button"><small ng-click="getMore()">加载更多消息</small></a></div>
 
-    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs" ng-cloak id="loadmore" ng-repeat="item in historymessages track by $index" ng-history-msg="item" ng-app-content="appContent" ng-count="count" ng-height="height">
-        <!--<div class="feed-element">
-            <div class="media-body">
-                <p>
+    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs loadmore" ng-cloak>
+        <div class="feed-element" ng-repeat="item in historymessages | orderBy:item.index:'desc'">
+            <div class="media-body" ng-history-msg="item" ng-app-content="appContent" ng-count="count" ng-height="height">
+                <!--<p>
                     <strong>{{item.senderDisplayName === undefined || item.senderDisplayName == ''? item.sender : item.senderDisplayName}}</strong><small>-2017-2-6 15:57:17 {{item.ts}}</small>
                 </p>
                 <div class="well m-l-xs m-t-xs fit-content" ng-history-msg="item" ng-app-content="appContent">
                     <div class="text-point"></div>
-                </div>
+                </div>-->
             </div>
-        </div>-->
+        </div>
     </div>
-    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs" ng-cloak id="sendmessage">
+    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs sendmessage" ng-cloak>
         <div class="feed-element animate" ng-repeat="item in sendmessages track by $index">
             <div class="media-body" ng-current-msg="item" ng-app-content="appContent">
-
                 <!--<p>
                     <strong>{{item.senderDisplayName === undefined || item.senderDisplayName == ''? item.sender : item.senderDisplayName}}</strong><small class="text-muted">-{{getTime(item)}}</small>
                 </p>-->

+ 6 - 6
talkview/src/templates/transmitter.html

@@ -1,13 +1,13 @@
-<div ng-repeat="item in transmitters" id="transmitters">
-    <p id="fileInfo"><img ng-src="{{getSuffix(item)}}" onError="this.src ='../img/file/unkown.png'"><input type="text" readonly="readonly" value="{{getFileName(item)}}"><span>({{getFileSize(item)}})</span></p>
+<div ng-repeat="item in transmitters" class="f-transmitters">
+    <p class="f-fileInfo"><img ng-src="{{getSuffix(item)}}" onError="this.src ='../img/file/unkown.png'"><input type="text" readonly="readonly" value="{{getFileName(item)}}"><span>({{getFileSize(item)}})</span></p>
     <div class="progress">
         <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100" style="height:3px; width: {{getPercent(item)}};min-width: 0.1em;">
         </div>
     </div>
-    <span id="percent">{{getPercent(item)}}</span>
-    <span id="speed">{{getSpeed(item)}}&nbsp;&nbsp;{{getreTime(item)}}</span>
-    <span class="textion"><a ng-show="!item.status&&item.direction==1" ng-click="acception(item)">接收</a><a ng-show="!item.status&&item.direction==1" ng-click="saveAs(item)">另存为</a><a ng-show="!item.status&&item.direction==1" ng-click="decline(item)">拒绝</a><a ng-show="item.status&&item.direction==1" ng-click="cancel(item)">取消</a></span>
-    <span class="textion"><a ng-show="!item.status&&item.direction==0" ng-click="turnToOffline(item)">转为离线</a><a ng-show="item.direction==0" ng-click="cancel(item)">取消</a></span>
+    <span class="f-percent">{{getPercent(item)}}</span>
+    <span class="f-speed">{{getSpeed(item)}}&nbsp;&nbsp;{{getreTime(item)}}</span>
+    <span class="f-textion"><a ng-show="!item.status&&item.direction==1" ng-click="acception(item)">接收</a><a ng-show="!item.status&&item.direction==1" ng-click="saveAs(item)">另存为</a><a ng-show="!item.status&&item.direction==1" ng-click="decline(item)">拒绝</a><a ng-show="item.status&&item.direction==1" ng-click="cancel(item)">取消</a></span>
+    <span class="f-textion"><a ng-show="!item.status&&item.direction==0" ng-click="turnToOffline(item)">转为离线</a><a ng-show="item.direction==0" ng-click="cancel(item)">取消</a></span>
 </div>
 <!--<div id="details">
     <div id="userHead">