이메일 템플릿 형식 변경

wyu

2021-12-05 af59a06e2926aa954d949ea0a306c34c6a517782

 이메일 템플릿 형식 변경

 src/main/webapp/assets/images/emailTemplate1.png

 src/main/webapp/assets/images/emailTemplate2.png

 src/main/webapp/assets/images/emailTemplate3.png

 src/main/webapp/scripts/app/issue/issueSendMailPartners.controller.js

@@ -16,7 +16,7 @@
                    formSubmit : formSubmit,    //  폼 전송
                    formCheck : formCheck,   //  폼 체크
                    changeTemplate : changeTemplate,
                    showEmailTemplate : showEmailTemplate,
                    // showEmailTemplate : showEmailTemplate,
                };

                $scope.vm = {
@@ -135,40 +135,42 @@
                            elements[i].className = "TemplateIMG";
                        }
                    }
                }

                function showEmailTemplate() {
                    const div1 = document.getElementById('Email-Template1');
                    const div2 = document.getElementById('Email-Template2');
                    const div3 = document.getElementById('Email-Template3');
                    const div4 = document.getElementById('Email-Template4');

                    if(div1.style.display === 'none') {

                    if(div1.style.display === 'none' && div4.style.display === 'none') {
                        div1.style.display = 'block';
                    } else if (div1.style.display === 'block') {
                        div1.style.display = 'none';
                    }
                    if (div2.style.display == 'none') {
                        div2.style.display = 'block';
                    } else if (div2.style.display == 'block') {
                        div2.style.display = 'none';
                    }

                    if (div3.style.display == 'none') {
                        div3.style.display = 'block';
                    } else if (div3.style.display == 'block') {
                        div3.style.display = 'none';
                    }

                    if (div4.style.display == 'none') {
                        div4.style.display = 'block';
                    } else if (div4.style.display == 'block') {
                    } else if (div1.style.display === 'block' && div4.style.display === 'block')  {
                        div1.style.display = 'none';
                        div4.style.display = 'none';
                    }

                    if (div2.style.display === 'none' && div4.style.display === 'none') {
                        div2.style.display = 'block';
                        div4.style.display = 'block'
                    } else if (div2.style.display === 'block' && div4.style.display === 'block'){
                        div2.style.display = 'none';
                        div4.style.display = 'none'
                    }

                    if (div3.style.display == 'none' && div4.style.display === 'none') {
                        div3.style.display = 'block';
                        div4.style.display = 'block';
                    } else if (div3.style.display === 'block' && div4.style.display === 'block'){
                        div3.style.display = 'none';
                        div4.style.display = 'none';
                    }

                    if (div4.style.display == 'none' || div4.style.display === 'block') {
                        div4.style.display = 'block';
                    } else {
                        div4.style.display = 'none';
                    }
                }
            }]);
    });
// $("Email-Template1").toggle(500) // show
// document.getElementById("Email-Template1").style.display = "none"; // hide
// $("Email-Template2").toggle(500) ; // show
// document.getElementById("Email-Template2").style.display = "none"; // hide

 src/main/webapp/views/issue/issueSendMailPartners.html

@@ -35,16 +35,22 @@
                    <div class="Template-area mt-20">
                        <label class="issue-detail-label">이메일 템플릿</label>
                            <div class="mt-10">
                                <img id="ISSUE_SEND_1" class="TemplateIMG" src="assets/images/image-email.png" ng-click="fn.changeTemplate('ISSUE_SEND_1')">
                                <img id="ISSUE_SEND_2" class="TemplateIMG" src="assets/images/image-email.png" ng-click="fn.changeTemplate('ISSUE_SEND_2')">
                                <img id="ISSUE_SEND_3" class="TemplateIMG" src="assets/images/image-email.png" ng-click="fn.changeTemplate('ISSUE_SEND_3')">
                                <img id="ISSUE_SEND_1" class="TemplateIMG" src="assets/images/emailTemplate1.png" ng-click="fn.changeTemplate('ISSUE_SEND_1')">
                                <img id="ISSUE_SEND_2" class="TemplateIMG" src="assets/images/emailTemplate2.png" ng-click="fn.changeTemplate('ISSUE_SEND_2')">
                                <img id="ISSUE_SEND_3" class="TemplateIMG" src="assets/images/emailTemplate3.png" ng-click="fn.changeTemplate('ISSUE_SEND_3')">
                                <div>
                                    <span class="email_font">악성코드</span>
                                    <span class="email_font offset-detail-3">도메인</span>
                                    <span class="email_font offset-detail-3">호스팅</span>
                                </div>
                            </div>
                        <input class="btn-toggled btn-primary table-bordered" style="float: left" type="button" value="템플릿" ng-click="fn.showEmailTemplate()">

                        <div>
                            <img style="height: 24px; width: 250px; display: none; margin: 0 auto;" id="Email-Template1" src="assets/images/badcode.png">
                            <img style="height: 24px; width: 250px; display: none; margin: 50px auto 0;" id="Email-Template2" src="assets/images/domain.png">
                            <img style="height: 24px; width: 250px; display: none; margin: 50px auto 0;" id="Email-Template3" src="assets/images/hosting.png">
                            <img style="height: 500px; width: 440px; display: none; margin: 0 auto;" class="mt-20 mb-30" id="Email-Template4" src="assets/images/Email.png">
                        </div>
                    </div>
            </div>
        </form>
@@ -59,10 +65,4 @@
                ng-click="fn.formSubmit()"><span translate="issue.sendMail">이메일 발송</span>
        </button>
    </div>
    <div>
        <img style="height: 24px; width: 250px; display: none; margin: 0 auto;" id="Email-Template1" src="assets/images/domain.png">
        <img style="height: 24px; width: 250px; display: none; margin: 0 auto; margin-top: 50px" id="Email-Template2" src="assets/images/badcode.png">
        <img style="height: 24px; width: 250px; display: none; margin: 0 auto; margin-top: 50px" id="Email-Template3" src="assets/images/hosting.png">
    </div>
    <img style="height: 500px; width: 440px; display: none; margin: 0 auto;" class="mt-20 mb-30" id="Email-Template4" src="assets/images/Email.png">
</div>