Mobile app bugfixes

Enable webpage attachment on mobile
Closes #892
Closes #880

app/js/directives.js

@@ -1563,14 +1563,14 @@ angular.module('myApp.directives', ['myApp.filters'])
       $(submitBtn).on('mousedown touchstart', onMessageSubmit);
 
       function onMessageSubmit (e) {
-        $scope.$apply(function () {
+        $timeout(function () {
           updateValue();
           $scope.draftMessage.send();
           composer.resetTyping();
           if (composerEmojiPanel) {
             composerEmojiPanel.update();
           }
-        });
+        }, Config.Navigator.touch ? 100 : 0);
         return cancelEvent(e);
       }
 

app/js/messages_manager.js

@@ -2065,8 +2065,7 @@ angular.module('myApp.services')
 
         case 'messageMediaWebPage':
           if (!message.media.webpage ||
-              message.media.webpage._ == 'webPageEmpty' ||
+              message.media.webpage._ == 'webPageEmpty') {
-              Config.Mobile) {
             delete message.media;
             break;
           }
@@ -2085,7 +2084,7 @@ angular.module('myApp.services')
         case 'messageActionChatEditTitle':
         case 'messageActionChannelCreate':
         case 'messageActionChannelEditTitle':
-          message.action.rTitle = RichTextProcessor.wrapRichText(message.action.title, {noLinks: true, noLinebreaks: true}) || _('chat_title_deleted');
+          message.action.rTitle = RichTextProcessor.wrapRichText(message.action.title, {noLinebreaks: true}) || _('chat_title_deleted');
           break;
 
         case 'messageActionBotIntro':

app/js/services.js

@@ -1371,6 +1371,11 @@ angular.module('myApp.services', ['myApp.i18n', 'izhukov.utils'])
           height: height
         };
 
+    if (options.website && Config.Mobile) {
+      width = 50;
+      height = 50;
+    }
+
     // console.log('chosen photo size', photoID, thumbPhotoSize);
     if (thumbPhotoSize && thumbPhotoSize._ != 'photoSizeEmpty') {
       var dim = calcImageInBox(thumbPhotoSize.w, thumbPhotoSize.h, width, height);

app/less/mobile.less

@@ -597,6 +597,19 @@ html {
   }
 }
 
+.im_message_webpage,
+.im_message_webpage_site,
+.im_message_webpage_title,
+.im_message_webpage_description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 13px;
+  line-height: 140%;
+}
+.im_message_webpage_wrap {
+  padding-left: 6px;
+}
+
 .im_message {
   &_document {
     position: relative;
@@ -695,6 +708,11 @@ html {
   &_document_thumbed &_download_progress_wrap {
     width: 130px;
   }
+
+  &_text {
+    line-height: 140%;
+    font-size: 13px;
+  }
 }
 
 .img_gif_label,

app/partials/mobile/channel_modal.html

@@ -21,7 +21,7 @@
               <a ng-click="deleteChannel()" my-i18n="channel_modal_delete_channel"></a>
             </li>
             <li ng-if="!chatFull.chat.pFlags.creator && !chatFull.chat.pFlags.left && !chatFull.chat.pFlags.kicked">
-              <a ng-click="leaveChannel()" my-i18n="channel_modal_leave_channel"></a>
+              <a ng-click="leaveChannel()" my-i18n="group_modal_menu_leave"></a>
             </li>
           </ul>
         </div>

app/partials/mobile/message.html

@@ -40,7 +40,7 @@
         <span class="im_message_date" ng-bind="::historyMessage.date | time"></span>
       </div>
 
-      <div class="im_message_body" ng-class="::{im_message_body_media: historyMessage._ == 'message' &amp;&amp; historyMessage.media && !historyMessage.media.rCaption ? true : false}">
+      <div class="im_message_body" ng-class="::{im_message_body_media: historyMessage._ == 'message' &amp;&amp; historyMessage.media && historyMessage.media._ != 'messageMediaWebPage' && !historyMessage.media.rCaption ? true : false}">
 
         <a class="im_message_author" my-peer-link="historyMessage.fromID" short="historyMessage.toID > 0" color="historyMessage.toID < 0" no-watch="true"></a>
 
@@ -51,6 +51,8 @@
           <span my-i18n-param="date" class="im_message_fwd_date" ng-bind="::historyMessage.fwd_date | dateOrTime"></span>
         </div>
 
+        <div class="im_message_text" ng-if="::historyMessage.message.length || false" my-message-text="::historyMessage" dir="auto"></div>
+
         <div ng-if="::historyMessage.media || historyMessage.mid < 0 ? true : false" class="im_message_media" ng-switch="historyMessage.media._">
 
           <div ng-switch-when="messageMediaPhoto"     my-message-photo="historyMessage.media" message-id="historyMessage.mid"></div>
@@ -69,8 +71,6 @@
           </div>
 
         </div>
-
-        <div class="im_message_text" ng-if="::historyMessage.message.length || false" my-message-text="::historyMessage" dir="auto"></div>
       </div>
 
     </div>

app/partials/mobile/message_attach_pending.html

@@ -1,5 +1,7 @@
 <div class="im_message_document im_message_upload_file" ng-class="::'im_message_upload_' + historyMessage.media.type">
-  <i class="icon" ng-class="::'icon-' + historyMessage.media.type"></i>
+  <div class="im_message_file_button im_message_file_button_upload">
+    <i class="im_message_file_button_icon"></i>
+  </div>
   <div class="im_message_document_info">
     <div class="im_message_document_name_wrap">
       <span class="im_message_document_name" ng-bind="::historyMessage.media.file_name"></span>

app/partials/mobile/message_attach_webpage.html

@@ -31,6 +31,7 @@
   </div>
 
   <div ng-switch-default class="im_message_webpage_article">
+    <div class="im_message_webpage_site" ng-bind="webpage.site_name"></div>
     <a ng-if="webpage.photo" href="{{webpage.url}}" target="_blank" class="im_message_webpage_article_photo pull-right">
       <img
         class="im_message_article_thumb"
@@ -38,7 +39,6 @@
         thumb="webpage.photo.thumb"
       />
     </a>
-    <div class="im_message_webpage_site" ng-bind="webpage.site_name"></div>
     <div class="im_message_webpage_title">
       <a ng-click="openEmbed($event)" href="{{webpage.url}}" target="_blank" ng-bind-html="webpage.rTitle"></a>
     </div>