feature(#99): complete UI/UX that composes mail

Android/app/src/main/java/com/matthaigh27/chatgptwrapper/ui/chat/view/widgets/chatwidget/mail/compose/ComposeMailWidget.kt

@@ -0,0 +1,81 @@
+package com.matthaigh27.chatgptwrapper.ui.chat.view.widgets.chatwidget.mail.compose
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.KeyEvent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import androidx.constraintlayout.widget.ConstraintLayout
+import com.google.android.material.chip.Chip
+import com.google.android.material.chip.ChipGroup
+import com.google.android.material.textfield.TextInputLayout
+import com.matthaigh27.chatgptwrapper.R
+import com.matthaigh27.chatgptwrapper.ui.chat.view.interfaces.ChatMessageInterface
+import com.matthaigh27.chatgptwrapper.utils.helpers.chat.MailHelper.isGmail
+
+class ComposeMailWidget(
+    context: Context, attrs: AttributeSet? = null
+) : ConstraintLayout(context, attrs), View.OnClickListener {
+
+    private var context: Context
+    var callback: ChatMessageInterface? = null
+
+    private var edtMailTo: TextInputLayout
+    private var edtMailSubject: TextInputLayout
+    private var edtMailContent: TextInputLayout
+    private var mailChipGroup: ChipGroup
+    private var attachmentChipGroup: ChipGroup
+
+    init {
+        LayoutInflater.from(context).inflate(R.layout.widget_mail_compose, this, true)
+        this.context = context
+
+        layoutParams = LayoutParams(
+            ViewGroup.LayoutParams.MATCH_PARENT,
+            ViewGroup.LayoutParams.WRAP_CONTENT
+        )
+
+        this.setOnClickListener(this)
+        findViewById<ImageView>(R.id.btn_send).setOnClickListener(this)
+        findViewById<ImageView>(R.id.btn_send_cancel).setOnClickListener(this)
+        findViewById<ImageView>(R.id.btn_draft).setOnClickListener(this)
+        findViewById<ImageView>(R.id.btn_attachment).setOnClickListener(this)
+
+        mailChipGroup = findViewById(R.id.mail_chip_group)
+        attachmentChipGroup = findViewById(R.id.attachment_chip_group)
+        edtMailTo = findViewById(R.id.edt_mail_to)
+        edtMailSubject = findViewById(R.id.edt_mail_subject)
+        edtMailContent = findViewById(R.id.edt_mail_content)
+
+        edtMailTo.editText?.setOnKeyListener(View.OnKeyListener { _, keyCode, event ->
+            if (keyCode == KeyEvent.KEYCODE_ENTER && event.action == KeyEvent.ACTION_UP) {
+                // convert the text into a chip
+                createNewChip(edtMailTo.editText?.text.toString(), mailChipGroup)
+                // clear the text
+                edtMailTo.editText?.text?.clear()
+                return@OnKeyListener true
+            }
+            false
+        })
+    }
+
+    private fun createNewChip(chipText: String, chipGroup: ChipGroup) {
+        if (chipText.isNotEmpty() && isGmail(chipText)) {
+            val chip = Chip(context)
+            chip.text = chipText
+            chip.isCloseIconVisible = true
+
+            chip.setOnCloseIconClickListener { view ->
+                chipGroup.removeView(view)
+            }
+
+            chipGroup.addView(chip)
+        }
+    }
+
+    override fun onClick(view: View?) {
+
+    }
+}

Android/app/src/main/java/com/matthaigh27/chatgptwrapper/utils/helpers/chat/MailHelper.kt

@@ -0,0 +1,7 @@
+package com.matthaigh27.chatgptwrapper.utils.helpers.chat
+
+object MailHelper {
+    fun isGmail(email: String): Boolean {
+        return android.util.Patterns.EMAIL_ADDRESS.matcher(email).matches() && email.endsWith("@gmail.com")
+    }
+}

Android/app/src/main/res/drawable/ic_attachment_48.xml

@@ -0,0 +1,5 @@
+<vector android:height="48dp" android:tint="#000000"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="48dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M2,12.5C2,9.46 4.46,7 7.5,7H18c2.21,0 4,1.79 4,4s-1.79,4 -4,4H9.5C8.12,15 7,13.88 7,12.5S8.12,10 9.5,10H17v2H9.41c-0.55,0 -0.55,1 0,1H18c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2H7.5C5.57,9 4,10.57 4,12.5S5.57,16 7.5,16H17v2H7.5C4.46,18 2,15.54 2,12.5z"/>
+</vector>

Android/app/src/main/res/layout/activity_setting.xml

@@ -53,7 +53,7 @@
 
         <com.google.android.material.textfield.TextInputLayout
             android:id="@+id/txt_uuid"
-            style="@style/SettingEditText"
+            style="@style/CommonEditText"
             android:layout_marginBottom="@dimen/spacing_tiny"
             android:enabled="false"
             android:hint="@string/label_setting_uuid">
@@ -66,7 +66,7 @@
 
         <com.google.android.material.textfield.TextInputLayout
             android:id="@+id/txt_openai_key"
-            style="@style/SettingEditText"
+            style="@style/CommonEditText"
             android:layout_marginBottom="@dimen/spacing_tiny"
             android:hint="@string/label_setting_openai_key">
 
@@ -78,7 +78,7 @@
 
         <com.google.android.material.textfield.TextInputLayout
             android:id="@+id/txt_pinecone_key"
-            style="@style/SettingEditText"
+            style="@style/CommonEditText"
             android:layout_marginBottom="@dimen/spacing_tiny"
             android:hint="@string/label_setting_pinecone_key">
 
@@ -90,7 +90,7 @@
 
         <com.google.android.material.textfield.TextInputLayout
             android:id="@+id/txt_pinecone_env"
-            style="@style/SettingEditText"
+            style="@style/CommonEditText"
             android:layout_marginBottom="@dimen/spacing_tiny"
             android:hint="@string/label_setting_pinecone_env">
 
@@ -102,7 +102,7 @@
 
         <com.google.android.material.textfield.TextInputLayout
             android:id="@+id/txt_firebase_key"
-            style="@style/SettingEditText"
+            style="@style/CommonEditText"
             android:hint="@string/label_setting_firebase_key"
             android:layout_marginBottom="@dimen/spacing_small">
 
@@ -118,7 +118,7 @@
 
         <com.google.android.material.textfield.TextInputLayout
             android:id="@+id/txt_temperature"
-            style="@style/SettingEditText"
+            style="@style/CommonEditText"
             android:layout_height="match_parent"
             android:hint="@string/label_setting_temperature">
 

Android/app/src/main/res/layout/widget_contact.xml

@@ -45,6 +45,7 @@
                 android:textColor="@color/color_accent"
                 android:textSize="@dimen/font_normal"
                 android:ellipsize="marquee"
+                android:gravity="center"
                 android:singleLine="true"
                 android:marqueeRepeatLimit="marquee_forever"
                 app:layout_constraintEnd_toEndOf="@+id/civ_avatar"

Android/app/src/main/res/layout/widget_mail_compose.xml

@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/cv_mail_compose"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="@dimen/radius_big"
+        app:cardPreventCornerOverlap="true"
+        app:cardUseCompatPadding="true"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:padding="@dimen/spacing_tiny">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content">
+
+                <TextView
+                    android:id="@+id/txt_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@string/title_mail_compose"
+                    android:textColor="@color/color_accent"
+                    android:textSize="@dimen/font_big"
+                    android:textStyle="bold"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <ImageView
+                    android:id="@+id/btn_send"
+                    android:layout_width="@dimen/size_button_normal"
+                    android:layout_height="@dimen/size_button_normal"
+                    android:padding="@dimen/spacing_tiny"
+                    android:src="@drawable/ic_send"
+                    app:layout_constraintBottom_toBottomOf="@+id/txt_title"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintTop_toTopOf="@+id/txt_title"
+                    app:tint="@color/color_accent" />
+
+                <ImageView
+                    android:id="@+id/btn_attachment"
+                    android:layout_width="@dimen/size_button_normal"
+                    android:layout_height="@dimen/size_button_normal"
+                    android:padding="@dimen/spacing_tiny"
+                    android:src="@drawable/ic_attachment_48"
+                    app:layout_constraintBottom_toBottomOf="@+id/txt_title"
+                    app:layout_constraintEnd_toStartOf="@+id/btn_send"
+                    app:layout_constraintTop_toTopOf="@+id/txt_title"
+                    app:tint="@color/color_accent" />
+
+                <ImageView
+                    android:id="@+id/btn_draft"
+                    android:layout_width="@dimen/size_button_normal"
+                    android:layout_height="@dimen/size_button_normal"
+                    android:padding="@dimen/spacing_tiny"
+                    android:src="@drawable/ic_drafts"
+                    app:layout_constraintBottom_toBottomOf="@+id/txt_title"
+                    app:layout_constraintEnd_toStartOf="@+id/btn_attachment"
+                    app:layout_constraintTop_toTopOf="@+id/txt_title"
+                    app:tint="@color/color_accent" />
+
+                <ImageView
+                    android:id="@+id/btn_send_cancel"
+                    android:layout_width="@dimen/size_button_normal"
+                    android:layout_height="@dimen/size_button_normal"
+                    android:padding="@dimen/spacing_tiny"
+                    android:src="@drawable/ic_cancel_schedule_send"
+                    app:layout_constraintBottom_toBottomOf="@+id/txt_title"
+                    app:layout_constraintEnd_toStartOf="@+id/btn_draft"
+                    app:layout_constraintTop_toTopOf="@+id/txt_title"
+                    app:tint="@color/color_accent" />
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                style="@style/HorizontalDividerStyle"
+                android:layout_marginVertical="@dimen/spacing_tiny" />
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/edt_mail_to"
+                style="@style/CommonEditText"
+                android:layout_marginBottom="@dimen/spacing_tiny"
+                android:hint="@string/text_mail_compose_to">
+
+                <com.google.android.material.textfield.TextInputEditText
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:height="@dimen/height_edittext_normal"
+                    android:singleLine="true"
+                    android:textSize="@dimen/font_normal" />
+
+                <com.google.android.material.chip.ChipGroup
+                    android:id="@+id/mail_chip_group"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    app:chipSpacingHorizontal="@dimen/spacing_tiny" />
+
+            </com.google.android.material.textfield.TextInputLayout>
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/edt_mail_subject"
+                style="@style/CommonEditText"
+                android:layout_marginBottom="@dimen/spacing_tiny"
+                android:hint="@string/text_mail_compose_subject">
+
+                <com.google.android.material.textfield.TextInputEditText
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:textSize="@dimen/font_normal"
+                    android:singleLine="true"
+                    android:height="@dimen/height_edittext_normal"/>
+
+            </com.google.android.material.textfield.TextInputLayout>
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/edt_mail_content"
+                style="@style/CommonEditText"
+                android:layout_marginBottom="@dimen/spacing_tiny"
+                android:hint="@string/text_mail_compose_content">
+
+                <com.google.android.material.textfield.TextInputEditText
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:textSize="@dimen/font_normal"
+                    android:minHeight="@dimen/height_edittext_normal"/>
+
+            </com.google.android.material.textfield.TextInputLayout>
+
+            <com.google.android.material.chip.ChipGroup
+                android:id="@+id/attachment_chip_group"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                app:chipSpacingHorizontal="@dimen/spacing_tiny" />
+
+
+        </LinearLayout>
+
+    </androidx.cardview.widget.CardView>
+
+</androidx.constraintlayout.widget.ConstraintLayout>

Android/app/src/main/res/layout/widget_schedule_alarm.xml

@@ -57,7 +57,7 @@
 
               <com.google.android.material.textfield.TextInputLayout
                   android:id="@+id/txt_label"
-                  style="@style/SettingEditText"
+                  style="@style/CommonEditText"
                   android:layout_marginTop="@dimen/spacing_small"
                   android:layout_marginBottom="@dimen/spacing_tiny"
                   android:hint="label">

Android/app/src/main/res/values/dimen.xml

@@ -4,8 +4,8 @@
     <dimen name="font_huge">24sp</dimen>
     <dimen name="font_large">18sp</dimen>
     <dimen name="font_big">16sp</dimen>
-    <dimen name="font_normal">14sp</dimen>
-    <dimen name="font_small">12sp</dimen>
+    <dimen name="font_normal">13sp</dimen>
+    <dimen name="font_small">11sp</dimen>
     <dimen name="font_tiny">10sp</dimen>
 
     <!-- radius size -->
@@ -48,7 +48,7 @@
     <dimen name="size_elevation_big">8dp</dimen>
 
     <dimen name="height_edittext_tall">44dp</dimen>
-    <dimen name="height_edittext_normal">38dp</dimen>
+    <dimen name="height_edittext_normal">40dp</dimen>
     <dimen name="height_edittext_short">30dp</dimen>
 
     <dimen name="icon_size_small">10dp</dimen>

Android/app/src/main/res/values/strings.xml

@@ -25,4 +25,10 @@
     <string name="label_setting_temperature">Temperature</string>
 
     <string name="text_setting_button_save">Save</string>
+
+    <string name="title_mail_compose">Compose</string>
+    <string name="text_mail_compose_to">To</string>
+    <string name="text_mail_compose_subject">Subject</string>
+    <string name="text_mail_compose_content">Content</string>
+
 </resources>

Android/app/src/main/res/values/styles.xml

@@ -6,7 +6,7 @@
         <item name="colorAccent">@color/color_accent</item>
     </style>
 
-    <style name="SettingEditText" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
+    <style name="CommonEditText" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="boxStrokeWidth">@dimen/width_stroke_thin</item>