Browse Source

修改图片

dgf 8 years ago
parent
commit
072faa0c6d

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

@@ -22,7 +22,7 @@
     <script src="app.js"></script>
 </head>
 
-<body ng-app="appMessage" id="body">
+<body ng-app="appMessage" id="body" class="scrollGlue">
     <ui-view></ui-view>
 </body>
 

+ 0 - 2
talkview/src/js/controller/messageController.js

@@ -45,8 +45,6 @@ angular.module('appMessage').controller('MessageController', ['$scope', '$filter
 
         $scope.getMore = function() {
             $scope.height = document.body.scrollHeight;
-            $scope.$index = 1;
-            console.log($scope.height);
             lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadHistoryMessages', '', $scope);
             $scope.count = false;
         };

+ 0 - 4
talkview/src/js/controller/transmitterController.js

@@ -18,10 +18,6 @@ angular.module('appMessage').controller('TransmitterController', ['$scope', '$in
         $timeout();
     };
 
-    // $scope.toJson = function(item) {
-    //     return angular.toJson(item, true);
-    // };
-
     $scope.getSuffix = function(item) {
         var arr = item.fileName.split(".");
         return '../img/file/' + arr[arr.length - 1] + '.png';

+ 1 - 2
talkview/src/js/directive/currentmessage.js

@@ -147,7 +147,7 @@
 
             var replaceImage = function(content) {}
             var html = '';
-            var message = document.getElementById("message");
+            var message = element;
             if (scope.msg.senderDisplayName === undefined || scope.msg.senderDisplayName == '')
                 scope.msg.senderDisplayName = scope.msg.sender;
             // 消息类型([1,文本消息],[2,图片消息],[3,文件消息], [4,位置消息],[5,语音消息])
@@ -267,7 +267,6 @@
             var file = JSON.parse(item);
             console.log(JSON.stringify(file));
             return lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'OpenDirectory', JSON.stringify(file), $scope);
-
         };
         $scope.gotoBottom = function() {
             // $scope.$apply();

+ 12 - 27
talkview/src/js/directive/historymessages.js

@@ -16,8 +16,7 @@
                 msg: '=ngHistoryMsg',
                 appContent: '=ngAppContent',
                 count: '=ngCount',
-                height: '=ngHeight',
-                index: '=ngIndex'
+                height: '=ngHeight'
             }
         };
         return directive;
@@ -73,8 +72,7 @@
                 while (g !== null) {
                     content = content.replace(g[0],
                         '<a class="thumbnail"' + '>' +
-                        // '<img onclick="javascript:window.open(this.src,\'\',\'height=600,width=800,top=200,left=200\')" class="lazy" style="max-width:270px;max-height:250px;" src="../img/loading.gif" data-original="local://' + scope.appContent.directory.received + g[1] + '.JPG' + '" alt="截图缩略图" >' +
-                        '<img onclick="javascript:window.open(this.src,\'\',\'height=600,width=800,top=200,left=200,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no\')" style="max-width:300px;max-height:250px;" src="local://' + scope.appContent.directory.received + g[1] + '.JPG' + '" alt="截图缩略图" >' +
+                        '<img ng-load="scrollController()" ng-error="scrollController()" onclick="javascript:window.open(this.src,\'\',\'height=600,width=800,top=200,left=200\')" style="max-width:300px;max-height:250px;" src="local://' + scope.appContent.directory.received + g[1] + '.JPG' + '" alt="截图缩略图" >' +
                         '</a>'
                     );
                     g = (/\[image\-src=\"([\w\W]+?)\"\]/i).exec(content);
@@ -116,7 +114,7 @@
 
             var replaceImage = function(content) {}
             var html = '';
-            var message = document.getElementById("loadmore");
+            var message = element;
             if (scope.msg.senderDisplayName === undefined || scope.msg.senderDisplayName == '')
                 scope.msg.senderDisplayName = scope.msg.sender;
             // 消息类型([1,文本消息],[2,图片消息],[3,文件消息], [4,位置消息],[5,语音消息])
@@ -188,7 +186,7 @@
             }
 
             if (getUserID()) {
-                var html_g = '<div class="feed-element">' +
+                var html_g = '<div class="feed-element" ng-cloak>' +
                     '<div class="media-body">' +
                     '<p><strong>' +
                     scope.msg.senderDisplayName +
@@ -198,7 +196,7 @@
                     '<div class="text-point"></div>' + html +
                     '</div></div></div>';
             } else {
-                var html_g = '<div class="feed-element">' +
+                var html_g = '<div class="feed-element" ng-cloak>' +
                     '<div class="media-body">' +
                     '<p><strong>' +
                     scope.msg.senderDisplayName +
@@ -215,28 +213,13 @@
             // 也可以用$scope.$new()创建继承的作用域
             var $dom = compileFn(scope);
             // 添加到文档中
-            angular.element("#loadmore").prepend($dom);
+            angular.element(".loadmore").prepend($dom);
             if (scope.count) {
                 gotoBottom();
-                window.scrollTo(0, document.body.scrollHeight);
-            } else if (scope.index % 8 == 0) {
-                console.log(scope.index % 8);
-                message.addEventListener('ready', window.scrollTo(0, document.body.scrollHeight - scope.height));
-                console.log(document.body.scrollHeight - scope.height);
+                message.addEventListener('load', window.scrollTo(0, document.body.scrollHeight));
+            } else {
+                message.addEventListener('load', window.scrollTo(0, document.body.scrollHeight - scope.height));
             }
-            // if (scope.count && angular.element("img").hasClass("lazy")) {
-            //     angular.element("img.lazy").lazyload({
-            //         event: "click"
-            //     });
-            //     gotoBottom();
-            //     window.scrollTo(0, document.body.scrollHeight);
-            // } else if (scope.count) {
-            //     gotoBottom();
-            //     window.scrollTo(0, document.body.scrollHeight);
-            // } else
-            //     angular.element("img.lazy").lazyload({
-            //         event: "click"
-            //     });
         }
     };
     /* @ngInject */
@@ -249,7 +232,9 @@
             var file = JSON.parse(item);
             console.log(JSON.stringify(file));
             return lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'OpenDirectory', JSON.stringify(file), $scope);
-
+        };
+        $scope.scrollController = function() {
+            window.scrollTo(0, document.body.scrollHeight - $scope.height);
         };
     }
 })();

+ 1 - 1
talkview/src/less/app.main.less

@@ -18,7 +18,7 @@
         color: #009BDB;
         font-size: 14px;
     }
-    #loadmore {
+    >.loadmore {
         margin-top: -5px;
     }
     #sendmessage {

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

@@ -1,6 +1,6 @@
-<div class="full-client" ng-mouseover="scrollShow()" ng-cloak>
+<div class="full-client" ng-mouseover="scrollShow()">
     <div id="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" id="loadmore" ng-repeat="item in historymessages track by $index" ng-history-msg="item" ng-app-content="appContent" ng-count="count" ng-height="height" ng-index="$index-3">
+    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs loadmore" ng-cloak 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" ng-repeat="item in historymessages track by $index">
                 <div class="media-body">
                     <p>
@@ -12,9 +12,9 @@
                 </div>
             </div>-->
     </div>
-    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs" id="sendmessage">
+    <div class="feed-activity-list p-l-xs p-t-xs p-r-xs sendmessage" ng-cloak id="sendmessage">
         <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" id="message">
+            <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>-->
@@ -59,11 +59,8 @@
             </div>-->
 
         <!-- 文件提醒消息 -->
-        <div class="feed-element">
+        <!--<div class="feed-element">
             <div class="media-body">
-                <!--<p>
-                        <strong>陆趣趣</strong><small class="text-muted">-2017-2-6 15:57:17 来自pc端</small>
-                    </p>-->
                 <div class="well m-l-xs m-t-xs fit-content" id="file-error">
                     <div>
                         <span class="glyphicon glyphicon-remove-sign"></span><span>您取消了“办公微助引导页.rar”(22.72MB)的发送,文件传输失败。</span>
@@ -142,7 +139,7 @@
                     </div>
                 </div>
             </div>
-        </div>
+        </div>-->
         <!-- 带截图 -->
         <!--<div class="feed-element">
             <div class="media-body">