Removable shared messages (#2559)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

models/gmail/src/index.ts

@@ -157,7 +157,9 @@ export function createModel (builder: Builder): void {
       txClass: core.class.TxCreateDoc,
       component: gmail.activity.TxSharedCreate,
       label: gmail.string.SharedMessages,
-      display: 'content'
+      display: 'content',
+      editable: true,
+      hideOnRemove: true
     },
     gmail.ids.TxSharedCreate
   )

models/telegram/src/index.ts

@@ -123,7 +123,9 @@ export function createModel (builder: Builder): void {
       txClass: core.class.TxCreateDoc,
       component: telegram.activity.TxSharedCreate,
       label: telegram.string.SharedMessages,
-      display: 'content'
+      display: 'content',
+      editable: true,
+      hideOnRemove: true
     },
     telegram.ids.TxSharedCreate
   )

plugins/gmail-resources/src/components/Chats.svelte

@@ -121,10 +121,9 @@
   }
 </script>
 
-{#if enabled}
-  <div class="popupPanel-body__main-header bottom-divider p-2">
-    {#if selectable}
+<div class="popupPanel-body__main-header bottom-divider p-2">
   <div class="flex-between">
+    {#if selectable}
       <span><b>{selected.size}</b> <Label label={gmail.string.MessagesSelected} /></span>
       <div class="flex">
         <div>
@@ -140,9 +139,8 @@
           />
         </div>
       </div>
-      </div>
     {:else}
-      <div class="flex-between">
+      {#if enabled}
         <Button
           label={gmail.string.CreateMessage}
           size={'small'}
@@ -151,6 +149,7 @@
             newMessage = true
           }}
         />
+      {/if}
       <Button
         icon={IconShare}
         kind={'transparent'}
@@ -159,10 +158,9 @@
           selectable = !selectable
         }}
       />
-      </div>
     {/if}
   </div>
-{/if}
+</div>
 <Scroller>
   <div class="popupPanel-body__main-content py-4 clear-mins flex-no-shrink">
     {#if messages && messages.length > 0}

plugins/telegram-resources/src/components/Chat.svelte

@@ -224,7 +224,7 @@
             showPopup(Reconnect, {}, eventToHTMLElement(e), onReconnect)
           }}
         />
-      {:else}
+      {/if}
       <Button
         icon={IconShare}
         kind={'transparent'}
@@ -234,7 +234,6 @@
           selectable = !selectable
         }}
       />
-      {/if}
     </svelte:fragment>
 
     <Scroller bottomStart autoscroll>
@@ -243,7 +242,6 @@
       {/if}
     </Scroller>
 
-    {#if integration !== undefined && !integration.disabled}
     <div class="popupPanel-body__main-header ref-input" class:selectable>
       {#if selectable}
         <div class="flex-between">
@@ -263,7 +261,7 @@
             </div>
           </div>
         </div>
-        {:else}
+      {:else if integration !== undefined && !integration.disabled}
         <AttachmentRefInput
           space={telegram.space.Telegram}
           _class={telegram.class.NewMessage}
@@ -272,7 +270,6 @@
         />
       {/if}
     </div>
-    {/if}
   </Panel>
 {/if}
 
@@ -281,7 +278,7 @@
     padding: 0.5rem 0 1.5rem;
 
     &.selectable {
-      padding: 1rem 0;
+      padding: 1rem;
       color: var(--theme-caption-color);
       border-top: 1px solid var(--divider-color);
     }