changed: send-email modal UI form mobile platform

Tiledesk · May 10, 2023 · 39ce309 · 39ce309
1 parent 9a95b8e
commit 39ce309
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 1 deletion.
diff --git a/src/app/modals/send-email/send-email.page.html b/src/app/modals/send-email/send-email.page.html
@@ -10,7 +10,7 @@
 </ion-header>
 
 <ion-content>
-  <div class="content-container">
+  <div class="content-container" [attr.isMobile]="isMobile">
     <form [formGroup]="emailFormGroup" (ngSubmit)="onSubmit()">
       <!-- <div class="form-group row">
         <ion-item lines="none">

diff --git a/src/app/modals/send-email/send-email.page.scss b/src/app/modals/send-email/send-email.page.scss
@@ -5,6 +5,22 @@ ion-content{
     padding-top: 40px;
     padding-left: 8%;
     padding-right: 8%;
+
+}
+
+.content-container[isMobile= true]{
+    height: 100vh;
+    form{
+        height: 100%;
+    }
+    .field-wrapper-email{
+        height: 65%;
+        ion-textarea{
+            min-height: calc(100% - 50px);
+            max-height: calc(100% - 50px);
+        }
+    }
+
 }
 
 ion-label + ion-input:focus {

diff --git a/src/app/modals/send-email/send-email.page.ts b/src/app/modals/send-email/send-email.page.ts
@@ -6,6 +6,7 @@ import { ModalController, ToastController } from '@ionic/angular';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { UserModel } from 'src/chat21-core/models/user';
+import { checkPlatformIsMobile } from 'src/chat21-core/utils/utils';
 
 @Component({
   selector: 'send-email-modal',
@@ -26,6 +27,7 @@ export class SendEmailModal implements OnInit {
 
   emailFormGroup: FormGroup;
   private logger: LoggerService = LoggerInstance.getInstance()
+  public isMobile: boolean = false;
 
   constructor(
     public viewCtrl: ModalController,
@@ -36,6 +38,17 @@ export class SendEmailModal implements OnInit {
   ) { }
 
   ngOnInit() {
+
+    if (checkPlatformIsMobile()) {
+      this.isMobile = true
+      // this.openInfoConversation = false; // indica se è aperto il box info conversazione
+      this.logger.log('[CONVS-DETAIL] - initialize -> checkPlatformIsMobile isMobile? ', this.isMobile)
+    } else {
+      this.isMobile = false
+      this.logger.log('[CONVS-DETAIL] - initialize -> checkPlatformIsMobile isMobile? ', this.isMobile)
+      // this.openInfoConversation = true;
+    }
+
     this.logger.log('[SEND-EMAIL-MODAL] Hello!')
     this.emailFormGroup = this.buildFormGroup();
     this.emailFormGroup.valueChanges.subscribe((value)=> {