feat(mail): implement the send mail view

src/main/kotlin/apply/ui/admin/BaseLayout.kt

@@ -2,6 +2,7 @@ package apply.ui.admin
 
 import apply.ui.admin.cheater.CheatersView
 import apply.ui.admin.evaluation.EvaluationsView
+import apply.ui.admin.mail.MailSelectionsView
 import apply.ui.admin.recruitment.RecruitmentsView
 import apply.ui.admin.selections.SelectionsView
 import com.vaadin.flow.component.Component
@@ -25,7 +26,8 @@ class BaseLayout : AppLayout() {
         "모집 관리" to RecruitmentsView::class.java,
         "평가 관리" to EvaluationsView::class.java,
         "선발 과정" to SelectionsView::class.java,
-        "부정 행위자" to CheatersView::class.java
+        "부정 행위자" to CheatersView::class.java,
+        "메일 발송" to MailSelectionsView::class.java
     )
 
     init {

src/main/kotlin/apply/ui/admin/mail/GroupMailFormView.kt

@@ -0,0 +1,75 @@
+package apply.ui.admin.mail
+
+import apply.application.EvaluationService
+import apply.application.MailTargetService
+import apply.application.RecruitmentResponse
+import apply.application.RecruitmentService
+import apply.domain.evaluation.Evaluation
+import apply.domain.evaluationtarget.EvaluationStatus
+import apply.ui.admin.BaseLayout
+import com.vaadin.flow.component.Component
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout
+import com.vaadin.flow.component.select.Select
+import com.vaadin.flow.router.Route
+import support.views.Title
+import support.views.createItemSelect
+
+@Route(value = "group", layout = BaseLayout::class)
+class GroupMailFormView(
+    private val recruitmentService: RecruitmentService,
+    private val evaluationService: EvaluationService,
+    private val mailTargetService: MailTargetService
+) : MailFormView() {
+    private val recruitment: Select<RecruitmentResponse>
+    private val evaluation: Select<Evaluation>
+    private val evaluationStatus: Select<EvaluationStatus>
+
+    init {
+        evaluation = createEvaluationItem()
+        evaluationStatus = createEvaluationStatusItem(evaluation)
+        recruitment = createRecruitmentItem(evaluation)
+        add(Title("그룹 발송"), createMailForm())
+        setWidthFull()
+    }
+
+    override fun createRecipientFilter(): Component {
+        return HorizontalLayout(recruitment, evaluation, evaluationStatus)
+    }
+
+    private fun createRecruitmentItem(evaluation: Select<Evaluation>): Select<RecruitmentResponse> {
+        return createItemSelect<RecruitmentResponse>("모집").apply {
+            setItems(*recruitmentService.findAll().toTypedArray())
+            setItemLabelGenerator { it.title }
+            addValueChangeListener {
+                evaluation.apply {
+                    setItems(*evaluationService.findAllByRecruitmentId(it.value.id).toTypedArray())
+                    setItemLabelGenerator { it.title }
+                }
+            }
+        }
+    }
+
+    private fun createEvaluationItem(): Select<Evaluation> {
+        return createItemSelect("평가")
+    }
+
+    private fun createEvaluationStatusItem(evaluation: Select<Evaluation>): Select<EvaluationStatus> {
+        return createItemSelect<EvaluationStatus>("모집 상태").apply {
+            setItems(*EvaluationStatus.values())
+            setItemLabelGenerator { it.toText() }
+            addValueChangeListener {
+                clearCurrentRecipients()
+                val mailTargets = mailTargetService.findMailTargets(evaluation.value.id, it.value).map { it.email }
+                mailTargets.forEach { addRecipientComponent(it) }
+            }
+        }
+    }
+
+    private fun EvaluationStatus.toText() =
+        when (this) {
+            EvaluationStatus.WAITING -> "평가 전"
+            EvaluationStatus.PASS -> "합격"
+            EvaluationStatus.FAIL -> "탈락"
+            EvaluationStatus.PENDING -> "보류"
+        }
+}

src/main/kotlin/apply/ui/admin/mail/IndividualMailFormView.kt

@@ -0,0 +1,153 @@
+package apply.ui.admin.mail
+
+import apply.application.ApplicantResponse
+import apply.application.ApplicantService
+import apply.ui.admin.BaseLayout
+import com.vaadin.flow.component.Component
+import com.vaadin.flow.component.Key
+import com.vaadin.flow.component.button.Button
+import com.vaadin.flow.component.dialog.Dialog
+import com.vaadin.flow.component.grid.Grid
+import com.vaadin.flow.component.html.Div
+import com.vaadin.flow.component.html.H2
+import com.vaadin.flow.component.icon.Icon
+import com.vaadin.flow.component.icon.VaadinIcon
+import com.vaadin.flow.component.orderedlayout.FlexComponent
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout
+import com.vaadin.flow.component.orderedlayout.VerticalLayout
+import com.vaadin.flow.component.textfield.TextField
+import com.vaadin.flow.data.renderer.ComponentRenderer
+import com.vaadin.flow.data.renderer.Renderer
+import com.vaadin.flow.router.Route
+import support.views.Title
+import support.views.addSortableColumn
+import support.views.createErrorButton
+import support.views.createNormalButton
+import support.views.createPrimaryButton
+import support.views.createSearchBar
+
+@Route(value = "personal", layout = BaseLayout::class)
+class IndividualMailFormView(
+    private val applicantService: ApplicantService
+) : MailFormView() {
+    init {
+        add(Title("개별 발송"), createMailForm())
+        setWidthFull()
+    }
+
+    override fun createRecipientFilter(): Component {
+        return HorizontalLayout(
+            createDirectInsertTargetComponent {
+                if (it.isNotBlank()) {
+                    addRecipientComponent(it)
+                }
+            },
+            createSearchTargetComponent()
+        )
+    }
+
+    private fun createDirectInsertTargetComponent(eventListener: (name: String) -> Unit): Div {
+        val mailTarget = TextField().apply {
+            addKeyDownListener(
+                Key.ENTER,
+                {
+                    eventListener(this.value)
+                    this.value = ""
+                }
+            )
+        }
+
+        return Div(
+            HorizontalLayout(
+                mailTarget,
+                Button(Icon(VaadinIcon.ENTER_ARROW)) {
+                    eventListener(mailTarget.value)
+                    mailTarget.value = ""
+                }
+            )
+        )
+    }
+
+    private fun createSearchTargetComponent(): Button {
+        return createNormalButton("지원자 조회") {
+            Dialog().apply {
+                width = "800px"
+                height = "90%"
+                add(
+                    H2("지원자 정보 검색"),
+                    HorizontalLayout(
+                        createAddRecipients(),
+                        HorizontalLayout(
+                            createErrorButton("취소") {
+                                close()
+                            }
+                        ).apply {
+                            justifyContentMode = FlexComponent.JustifyContentMode.END
+                            defaultHorizontalComponentAlignment = FlexComponent.Alignment.END
+                        }
+                    )
+                ).apply {
+                    setWidthFull()
+                }
+                open()
+            }
+        }.apply { isEnabled = true }
+    }
+
+    private fun createAddRecipients(): Component {
+        val container = VerticalLayout()
+        return VerticalLayout(
+            createSearchBar {
+                container.removeAll()
+                val founds = applicantService.findAllByKeyword(it)
+                if (founds.isNotEmpty()) {
+                    container.add(
+                        createGrid(founds)
+                    )
+                }
+            },
+            container
+        )
+    }
+
+    private fun createGrid(applicantResponse: List<ApplicantResponse>): Component {
+        return Grid<ApplicantResponse>(10).apply {
+            addSortableColumn("이름", ApplicantResponse::name)
+            addSortableColumn("이메일", ApplicantResponse::email)
+            addColumn(createEditAndDeleteButton()).apply { isAutoWidth = true }
+            setItems(applicantResponse)
+        }
+    }
+
+    private fun createEditAndDeleteButton(): Renderer<ApplicantResponse> {
+        return ComponentRenderer<Component, ApplicantResponse> { applicantResponse ->
+            HorizontalLayout(
+                createAddOrDeleteButton(applicantResponse)
+            )
+        }
+    }
+
+    private fun createAddOrDeleteButton(applicantResponse: ApplicantResponse): Component {
+        if (this.recipients.contains(applicantResponse.email)) {
+            return createTargetDeleteButton(applicantResponse)
+        }
+
+        return createTargetAddButton(applicantResponse)
+    }
+
+    private fun createTargetAddButton(applicantResponse: ApplicantResponse): Button {
+        return createPrimaryButton("추가") {
+            addRecipientComponent(applicantResponse.email)
+        }.apply {
+            isDisableOnClick = true
+        }
+    }
+
+    private fun createTargetDeleteButton(applicantResponse: ApplicantResponse): Button {
+        return createErrorButton("삭제") {
+            removeRecipientComponent(applicantResponse.email)
+        }.apply {
+            isDisableOnClick = true
+        }
+    }
+}

src/main/kotlin/apply/ui/admin/mail/MailFormView.kt

@@ -0,0 +1,133 @@
+package apply.ui.admin.mail
+
+import com.vaadin.flow.component.Component
+import com.vaadin.flow.component.button.Button
+import com.vaadin.flow.component.html.H3
+import com.vaadin.flow.component.html.H4
+import com.vaadin.flow.component.html.Span
+import com.vaadin.flow.component.icon.Icon
+import com.vaadin.flow.component.icon.VaadinIcon
+import com.vaadin.flow.component.orderedlayout.FlexComponent
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout
+import com.vaadin.flow.component.orderedlayout.VerticalLayout
+import com.vaadin.flow.component.textfield.TextArea
+import com.vaadin.flow.component.textfield.TextField
+import com.vaadin.flow.component.upload.receivers.MultiFileMemoryBuffer
+import com.vaadin.flow.router.RoutePrefix
+import support.views.createImageUpload
+import support.views.createPrimaryButton
+
+@RoutePrefix(value = "admin/emails")
+abstract class MailFormView() : VerticalLayout() {
+    protected val subject: TextField = TextField("메일 제목", "메일 제목 입력")
+    protected val recipients: MutableList<String> = mutableListOf()
+    protected val body: TextArea = createMailBody()
+    private val currentRecipients = HorizontalLayout()
+
+    abstract fun createRecipientFilter(): Component
+
+    protected fun createMailForm(): Component {
+        val subjectText = VerticalLayout(
+            H3("메일 제목"),
+            subject.apply { setSizeFull() }
+        )
+
+        val recipientFilter = VerticalLayout(H4("수신자"), createRecipientFilter())
+        val uploadFile = createImageUpload("첨부파일", MultiFileMemoryBuffer()) {
+            /*
+            todo: 추후 업로드 된 파일을 메일로 첨부하는 로직이 추가되어야 함
+             (uploadFiles 같은 필드를 두고 mail을 보내는 기능에 포함시키면 될 것 같음)
+            it.files.forEach { fileName ->
+                val fileData = it.getFileData(fileName)
+                val inputStream = it.getInputStream(fileName)
+                val readBytes = inputStream.readBytes()
+            }
+            */
+        }.apply {
+            setWidthFull()
+        }
+
+        val mailBody = VerticalLayout(
+            body
+        ).apply {
+            setSizeFull()
+        }
+
+        val sendButton = createMailSendButton()
+
+        return VerticalLayout(
+            subjectText,
+            recipientFilter,
+            currentRecipients.apply { setSizeFull() },
+            uploadFile,
+            mailBody,
+            sendButton
+        ).apply {
+            setSizeFull()
+            justifyContentMode = FlexComponent.JustifyContentMode.CENTER
+            defaultHorizontalComponentAlignment = FlexComponent.Alignment.CENTER
+        }
+    }
+
+    private fun createMailSendButton(): VerticalLayout {
+        return VerticalLayout(
+            createPrimaryButton("전송") {
+                // todo: emailService.메일전송(subject.value, recipients, body.value)
+                // MailService에
+            }
+        ).apply {
+            setSizeFull()
+            justifyContentMode = FlexComponent.JustifyContentMode.CENTER
+            defaultHorizontalComponentAlignment = FlexComponent.Alignment.CENTER
+        }
+    }
+
+    protected fun addRecipientComponent(email: String) {
+        this.currentRecipients.apply {
+            recipients.add(email)
+            add(createRecipientComponent(email))
+        }
+    }
+
+    protected fun clearCurrentRecipients() {
+        this.currentRecipients.removeAll()
+        this.recipients.clear()
+    }
+
+    protected fun removeRecipientComponent(email: String) {
+        recipients.remove(email)
+        addAllCurrentRecipientComponent()
+    }
+
+    private fun addAllCurrentRecipientComponent() {
+        this.currentRecipients.removeAll()
+        this.currentRecipients.apply {
+            recipients.forEach {
+                add(createRecipientComponent(it))
+            }
+        }
+    }
+
+    private fun createMailBody(): TextArea {
+        return TextArea("메일 본문").apply {
+            setSizeFull()
+            style.set("minHeight", "400px")
+            placeholder = "메일 본문 입력"
+        }
+    }
+
+    private fun createRecipientComponent(email: String): Component {
+        val emailTarget = TextField().apply {
+            value = email
+            isReadOnly = true
+            style.set("background-color", "#00B493")
+        }
+
+        return Span(
+            emailTarget,
+            Button(Icon(VaadinIcon.CLOSE_SMALL)) {
+                removeRecipientComponent(email)
+            }
+        )
+    }
+}