From 8f3dc75eed80702e54b4ce4dc8f17586f1a327ea Mon Sep 17 00:00:00 2001
From: Igor Zhukov <igor.beatle@gmail.com>
Date: Thu, 10 Aug 2017 00:20:05 +0200
Subject: [PATCH] Added channel profile to mobile

---
 app/js/lib/{schema.tl.txt => schema.tl} |   0
 app/js/locales/en-us.json               |   2 +
 app/less/mobile.less                    |   8 ++
 app/partials/mobile/channel_modal.html  | 152 ++++++++++++++++++++++++
 app/partials/mobile/chat_modal.html     |   7 +-
 app/partials/mobile/im.html             |   2 +-
 6 files changed, 168 insertions(+), 3 deletions(-)
 rename app/js/lib/{schema.tl.txt => schema.tl} (100%)
 create mode 100644 app/partials/mobile/channel_modal.html

diff --git a/app/js/lib/schema.tl.txt b/app/js/lib/schema.tl
similarity index 100%
rename from app/js/lib/schema.tl.txt
rename to app/js/lib/schema.tl
diff --git a/app/js/locales/en-us.json b/app/js/locales/en-us.json
index bbb2ea28..847b82ff 100644
--- a/app/js/locales/en-us.json
+++ b/app/js/locales/en-us.json
@@ -23,6 +23,7 @@
 	"group_modal_menu_delete_group": "Delete and exit",
 	"group_modal_menu_clear_history": "Clear history",
 	"group_modal_delete_group": "Delete group",
+	"group_modal_join": "Join group",
 	"group_modal_settings": "Settings",
 	"group_modal_notifications": "Notifications",
 	"group_modal_menu_share_link": "Invite to group via link",
@@ -40,6 +41,7 @@
 	"channel_modal_description": "Description",
 	"channel_modal_share_link": "Share link",
 	"channel_modal_share_loading": "Loading{dots}",
+	"channel_modal_menu_edit": "Edit channel",
 	"channel_modal_join": "Join channel",
 	"channel_modal_add_member": "Invite members",
 	"channel_modal_leave_channel": "Leave channel",
diff --git a/app/less/mobile.less b/app/less/mobile.less
index 53d3b5a5..4586fdd8 100644
--- a/app/less/mobile.less
+++ b/app/less/mobile.less
@@ -574,6 +574,9 @@ html {
 .audio_player_button {
   margin-right: 8px;
 }
+.audio_player_volume_slider .tg_slider_wrap {
+  display: none;
+}
 
 .im_message_body_media {
   .im_message_document,
@@ -1329,6 +1332,11 @@ a.im_message_fwd_author {
   &_modal_section_value {
     font-size: 15px;
     padding: 0 12px;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    width: 100%;
   }
 
   &_modal_section_body {
diff --git a/app/partials/mobile/channel_modal.html b/app/partials/mobile/channel_modal.html
new file mode 100644
index 00000000..e1c397fc
--- /dev/null
+++ b/app/partials/mobile/channel_modal.html
@@ -0,0 +1,152 @@
+<div class="chat_modal_wrap">
+
+  <div class="tg_page_head tg_modal_head">
+    <div class="navbar navbar-static-top navbar-inverse">
+      <div class="container">
+
+        <div class="navbar-toggle-wrap dropdown" dropdown ng-if="hasRights('edit_title') || hasRights('edit_photo')">
+          <a class="dropdown-toggle navbar-toggle" dropdown-toggle>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </a>
+          <ul class="dropdown-menu">
+            <li ng-if="chatFull.chat.photo.photo_small" ng-if="hasRights('edit_photo')">
+              <a ng-click="deletePhoto()" my-i18n="group_modal_menu_delete_photo"></a>
+            </li>
+            <li ng-if="hasRights('edit_title')">
+              <a ng-click="editChannel()" ng-switch="isMegagroup">
+                <span ng-switch-when="true" my-i18n="group_modal_menu_edit_group"></span>
+                <span ng-switch-default my-i18n="channel_modal_menu_edit"></span>
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="navbar-header">
+
+          <ul class="nav navbar-nav navbar-quick-nav">
+            <li>
+              <a ng-click="$close()" class="navbar-quick-media-back">
+                <i class="icon icon-back"></i>
+                <div class="navbar-quick-back-title" ng-switch="isMegagroup">
+                  <h4>
+                    <span ng-switch-when="true" my-i18n="group_modal_info"></span>
+                    <span ng-switch-default my-i18n="channel_modal_info"></span>
+                  </h4>
+                </div>
+              </a>
+            </li>
+          </ul>
+
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  <div class="modal-body mobile_modal_body">
+
+    <div class="mobile_user_modal_photo_profile_wrap">
+
+      <a ng-click="openPhoto(chatFull.chat_photo.id, {p: -chatFull.chat.id})"  class="mobile_user_modal_image_wrap pull-left" my-peer-photolink="::-chatFull.chat.id" img-class="mobile_user_modal_image mobile_chat_modal_image" no-open="true" watch="true" ng-class="{disabled: !chatFull.chat.photo.photo_small}" ng-disabled="!chatFull.chat.photo.photo_small"></a>
+
+      <div class="mobile_user_modal_info_wrap clearfix">
+        <h4 class="mobile_user_modal_header" my-peer-link="-chatFull.chat.id"></h4>
+        <p class="mobile_user_modal_status"  ng-if="chatFull.participants_count > 0">
+          <ng-pluralize count="chatFull.participants_count"
+                        when="group_modal_pluralize_participants">
+          </ng-pluralize>
+        </p>
+      </div>
+
+    </div>
+
+    <div class="mobile_modal_section" ng-if="chatFull.chat.username">
+      <h4 class="mobile_modal_section_header" my-i18n="channel_modal_share_link"></h4>
+      <div class="mobile_modal_section_value">
+        <a class="settings_modal_username_link" ng-click="shareLink($event)" ng-bind="'https://t.me/' + chatFull.chat.username" ng-href="https://t.me/{{chatFull.chat.username}}" target="_blank"></a>
+      </div>
+    </div>
+
+    <div class="mobile_modal_section" ng-if="!chatFull.chat.username &amp;&amp; chatFull.chat.pFlags.creator">
+      <h4 class="mobile_modal_section_header" my-i18n="channel_modal_share_link"></h4>
+      <div class="mobile_modal_section_value" ng-switch="chatFull.exported_invite._">
+        <a ng-switch-when="chatInviteExported" class="settings_modal_username_link" ng-click="shareLink($event)" ng-bind="chatFull.exported_invite.link" ng-href="{{chatFull.exported_invite.link}}" target="_blank"></a>
+        <span ng-switch-default my-i18n="channel_modal_share_loading">
+          <my-i18n-param name="dots"><span my-loading-dots></span></my-i18n-param>
+        </span>
+      </div>
+    </div>
+
+    <div class="mobile_modal_section" ng-if="chatFull.rAbout">
+      <h4 class="mobile_modal_section_header" my-i18n="channel_modal_description"></h4>
+      <div class="mobile_modal_section_value" ng-bind-html="chatFull.rAbout"></div>
+    </div>
+
+    <div class="mobile_modal_action_wrap" ng-if="hasRights('edit_photo') &amp;&amp; !photo.updating">
+      <span class="mobile_modal_action mobile_modal_upload_action">
+        <input my-file-upload  type="file" multiple="false" class="im_attach_input" size="120" multiple="false" accept="image/x-png, image/png, image/gif, image/jpeg" />
+        <span my-i18n="group_modal_update_photo"></span>
+      </span>
+    </div>
+    <div class="mobile_modal_action_wrap" ng-if="photo.updating">
+      <span class="mobile_modal_action" my-i18n>
+        <span my-i18n="group_modal_update_active"></span>
+        <span my-loading-dots></span>
+      </span>
+    </div>
+
+    <div class="mobile_modal_action_wrap" ng-if="hasRights('invite') || chatFull.chat.pFlags.left" ng-switch="chatFull.chat.pFlags.left">
+      <a ng-switch-when="true" class="mobile_modal_action" ng-click="joinChannel()" ng-switch="isMegagroup">
+        <span ng-switch-when="true" my-i18n="group_modal_join"></span>
+        <span ng-switch-default my-i18n="channel_modal_join"></span>
+      </a>
+      <a ng-switch-default class="mobile_modal_action" ng-click="inviteToChannel()" my-i18n="channel_modal_add_member"></a>
+    </div>
+
+    <div class="mobile_modal_action_wrap">
+      <a class="mobile_modal_action tg_checkbox clearfix" ng-click="settings.notifications = !settings.notifications" ng-class="settings.notifications ? 'tg_checkbox_on' : ''">
+        <span class="icon icon-checkbox-outer"><i class="icon-checkbox-inner"></i></span>
+        <span class="tg_checkbox_label" my-i18n="group_modal_notifications"></span>
+      </a>
+    </div>
+
+    <div class="mobile_modal_action_wrap" ng-if="!chatFull.chat.pFlags.creator && !chatFull.chat.pFlags.left && !chatFull.chat.pFlags.kicked && !isMegagroup">
+      <a class="mobile_modal_action" ng-click="leaveChannel()" my-i18n="channel_modal_leave_channel"></a>
+    </div>
+
+    <div class="mobile_modal_action_wrap" ng-if="chatFull.chat.pFlags.creator">
+      <a class="mobile_modal_action" ng-click="deleteChannel()" ng-switch="isMegagroup">
+        <span ng-switch-when="true" my-i18n="group_modal_delete_group"></span>
+        <span ng-switch-default my-i18n="channel_modal_delete_channel"></span>
+      </a>
+    </div>
+
+    <div class="mobile_modal_section" ng-if="chatFull.participants.participants.length > 0">
+      <h4 class="mobile_modal_section_header" my-i18n="group_modal_members"></h4>
+      <div class="mobile_modal_section_body">
+
+        <div class="chat_modal_members_list">
+
+          <div class="chat_modal_participant_wrap clearfix" ng-repeat="participant in chatFull.participants.participants | orderBy:'-user.sortStatus'">
+
+            <a ng-if="participant.canLeave" ng-click="leaveChannel()" class="chat_modal_participant_kick pull-right" my-i18n="group_modal_menu_leave"></a>
+            <a ng-if="participant.canKick" ng-click="kickFromChannel(participant.user_id)" class="chat_modal_participant_kick pull-right" my-i18n="group_modal_members_kick"></a>
+
+            <a class="chat_modal_participant_photo pull-left" my-peer-photolink="participant.user_id" img-class="chat_modal_participant_photo" status="true"></a>
+
+            <div class="chat_modal_participant_name">
+              <a my-peer-link="participant.user_id"></a>
+            </div>
+            <div class="chat_modal_participant_status" my-user-status="::participant.user_id" bot-chat-privacy="true"></div>
+          </div>
+
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+
+</div>
diff --git a/app/partials/mobile/chat_modal.html b/app/partials/mobile/chat_modal.html
index e3e63aad..8624bd16 100644
--- a/app/partials/mobile/chat_modal.html
+++ b/app/partials/mobile/chat_modal.html
@@ -20,6 +20,9 @@
             <li>
               <a ng-click="flushHistory(true)" my-i18n="group_modal_menu_clear_history"></a>
             </li>
+            <li ng-if="chatFull.chat.pFlags.creator">
+              <a ng-click="migrateToSuperGroup()" my-i18n="group_modal_migrate_to_supergroup"></a>
+            </li>
           </ul>
         </div>
 
@@ -71,12 +74,12 @@
     <div class="mobile_modal_action_wrap" ng-if="hasRights('edit_photo') &amp;&amp; !photo.updating">
       <span class="mobile_modal_action mobile_modal_upload_action">
         <input my-file-upload  type="file" multiple="false" class="im_attach_input" size="120" multiple="false" accept="image/x-png, image/png, image/gif, image/jpeg" />
-        <my-i18n="group_modal_update_photo"></my-i18n>
+        <span my-i18n="group_modal_update_photo"></span>
       </span>
     </div>
     <div class="mobile_modal_action_wrap" ng-if="photo.updating">
       <span class="mobile_modal_action" my-i18n>
-        <my-i18n="group_modal_update_active"></my-i18n>
+        <span my-i18n="group_modal_update_active"></span>
         <span my-loading-dots></span>
       </span>
     </div>
diff --git a/app/partials/mobile/im.html b/app/partials/mobile/im.html
index 3d7e3732..e84c656e 100644
--- a/app/partials/mobile/im.html
+++ b/app/partials/mobile/im.html
@@ -139,7 +139,7 @@
                   <form my-send-form draft-message="draftMessage" mentions="mentions" commands="commands" class="im_send_form" ng-class="{im_send_form_empty: !draftMessage.text.length && draftMessage.type != 'edit', composer_progress_enabled: draftMessage.inlineProgress}">
 
                     <div class="im_send_reply_wrap" ng-if="draftMessage.replyToMsgID > 0">
-                      <a class="im_send_reply_cancel" ng-mousedown="draftMessage.replyClear()"><i class="icon icon-reply-bar"></i><i class="icon icon-reply-bar"></i></a>
+                      <a class="im_send_reply_cancel" ng-mousedown="draftMessage.replyClear(true)"><i class="icon icon-reply-bar"></i><i class="icon icon-reply-bar"></i></a>
                       <a class="im_message_reply_wrap" my-reply-message="draftMessage.replyToMsgID" watch="true" edit="{{draftMessage.type == 'edit'}}"></a>
                     </div>