OWL ITS + 탐지시스템(인터넷 진흥원)
minhee
2022-02-21 6a10640017c11c3d72297db50312a7ea1444d0e3
src/main/webapp/views/issue/issueSendMailPartners.html
@@ -1,7 +1,7 @@
<div class="formModal">
    <div class="modal-header faded smaller">
        <div class="modal-title">
            <strong translate="issue.selectSendIssueMail">이슈 메일 발송 대상자 선택</strong>
            <strong translate="issue.selectSendIssueMail">이슈 메일 발송</strong>
        </div>
        <button aria-label="Close" class="close" type="button" ng-click="fn.cancel()">
            <span aria-hidden="true"> &times;</span>
@@ -11,39 +11,121 @@
    <div class="modal-body">
        <form role="form" name="issueSendForm">
            <div class="form-group">
                <small translate="issue.sendIssueSelectedUsers">프로젝트에 참여하고 있는 다른 사용자에게 이슈 정보를 보냅니다.</small>
                <div ng-if="vm.form.account[0].account.length < 1" class="help-block form-text text-danger"
                     translate="issue.sendIssueSelectedNotPartners">해당 이슈에 속해 있는 파트너 담당자가 없습니다.</div>
                <small ng-if="vm.form.account[0].account.length > 0" translate="issue.sendIssueSelectedPartners">해당 이슈에 속해 있는 파트너 담당자에게 이슈 정보를 보냅니다.</small>
                <div class="select3-selection__choicediv">
                            <span class="select3-selection__choice" ng-repeat="user in vm.form.mailUsers">
                                <span>{{user.name}}({{user.account}})</span>
                                <span class="select3-selection__choice__remove"
                                      ng-click="fn.removeMailTarget($index)">×</span>
                            </span>
                    <span class="select3-selection__choice" ng-repeat="user in vm.form.account[0].account track by $index">
                        <span>{{vm.form.account[0].name[$index]}}({{user}})</span>
                        <span class="select3-selection__choice__remove"
                              ng-click="fn.removeMailTarget($index)">×</span>
                    </span>
                </div>
                <!--<label class="issue-label mt-10">
                    <span translate="issue.selectPartners">업체 선택</span>&nbsp;<code class="highlighter-rouge">*</code>
                </label>
                <js-input-autocomplete data-input-name="mailUsers"
                                       owl-auto-focus
                                       target=".auto-complete-i0nput"
                                       selected-model="vm.form.mailUsers"
                                       selected-model="vm.form.account[0].account"
                                       custom-input="true"
                                       search="vm.userName"
                                       page="vm.autoCompletePage.user.page"
                                       total-page="vm.autoCompletePage.user.totalPage"
                                       source="fn.getMailTargetAll(vm.form.mailUsers)"
                                       translation-texts="{ empty : 'common.emptyUser'}"
                                       input-disabled="vm.form.mailUsers == null"
                                       source="fn.getMailTargetAll(vm.form.account[0])"
                                       translation-texts="{ empty : 'common.emptyCompanyPartners'}"
                                       input-disabled="vm.form.account[0].account == null"
                                       broad-cast="getMailTarget"
                                       extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : 'profile',
                                       type : 'partner', maxlength : 100, autoResize : true, stopRemoveBodyEvent : true }"></js-input-autocomplete>
                    <div class="Template-area mt-20">
                        <label class="issue-detail-label">이메일 템플릿
                            <div class="mt-20">
                                <img id="ISSUE_SEND_1" class="TemplateIMG" src="assets/images/btn_naver.PNG" ng-click="fn.changeTemplate('ISSUE_SEND_1')">
                                <img id="ISSUE_SEND_2" class="TemplateIMG" src="assets/images/btn_google.png" ng-click="fn.changeTemplate('ISSUE_SEND_2')">
                                <img id="ISSUE_SEND_3" class="TemplateIMG" src="assets/images/btn_kakao.png" ng-click="fn.changeTemplate('ISSUE_SEND_3')">
                            </div>
                                       type : 'partner', maxlength : 100, autoResize : true, stopRemoveBodyEvent : true }"></js-input-autocomplete>-->
                <div class="form-group mb10 mt-20">
                    <label for="emailTemplateForm" class="issue-label">
                        <span translate="issue.selectTemplate">템플릿 선택</span>&nbsp;<code class="highlighter-rouge">*</code>
                    </label>
                    <select id="emailTemplateForm"
                            name="emailTemplate"
                            class="form-control input-sm issue-select-label"
                            ng-model="vm.emailTemplateType"
                            ng-change="fn.onChangeEmailTemplate()"
                            required>
                        <option value="" ng-selected="true">선택하세요</option>
                        <option ng-repeat="emailTemplate in vm.emailTemplates"
                                value="{{emailTemplate.templateType}}"
                                translate="{{emailTemplate.title}}">
                        </option>
                    </select>
                </div>
                <label class="issue-label"><span translate="common.title">제목</span></label>
                <input id="title"
                       type="text"
                       name="title"
                       class="form-control"
                       kr-input
                       ng-model="vm.emailTitle"
                       autocomplete="off">
                <div class="form-group mb10 mt-10">
                    <label class="issue-label"><span translate="common.content">내용</span></label>
                    <summernote
                            class="summernote"
                            lang="ko-KR"
                            config="vm.options"
                            ng-model="vm.html"
                            target=".note-editable"></summernote>
                </div>
                <div class="form-group mgb5 mt-10">
                    <label class="issue-label"><span translate="common.attachFiles">파일 첨부</span></label>
                    <div class="filebox input-group">
                        <input class="upload-name form-control"
                               placeholder="{{'users.pleaseSelectFile' | translate}}"
                               tabindex="-1"
                               disabled="disabled">
                        <label for="uploadFileField"><span
                                translate="common.selectFile">파일선택</span></label>
                        <input id="uploadFileField"
                               tabindex="-1"
                               type="file"
                               class="form-control"
                               multiple
                               ng-file-select="fn.onFileSelect($files)">
                    </div>
                    <div class="select2-selection__choicediv">
                        <div class="select2-selection__choice2" ng-repeat="file in vm.form.files">
                            <div class="select2-selection__choice2__remove" ng-click="fn.removeUploadFile($index)">
                                ×
                            </div>
                            <div class="ssg-items ssg-items-blocks">
                                <div class="ssg-item">
                                    <div class="item-icon">
                                        <!--    문서  -->
                                        <i class="os-icon os-icon-file-text" ng-if="file.fileType == 'DOC'"></i>
                                        <!--    미디어  -->
                                        <i class="os-icon os-icon-film" ng-if="file.fileType == 'MEDIA'"></i>
                                        <!--    이미지(업로드 전)  -->
                                        <i class="os-icon os-icon-documents-07"
                                           ng-if="file.fileType == 'IMAGE'"></i>
                                        <!--    기타  -->
                                        <i class="os-icon os-icon-ui-51" ng-if="file.fileType == 'ETC'"></i>
                                    </div>
                                    <div class="item-name">
                                        <small>{{file.name}}</small>
                                    </div>
                                    <div class="item-amount">
                                        ({{file.size/1024/1024 | number:2}} MB)
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer buttons-on-right">
        <button type="button" class="btn btn-md btn-grey" ng-click="fn.cancel()"><span
@@ -53,63 +135,4 @@
                ng-click="fn.formSubmit()"><span translate="issue.sendMail">이메일 발송</span>
        </button>
    </div>
</div>
<!--                <js-autocomplete-single data-input-name="issue"-->
<!--                                        selected-model="vm.form.issues"-->
<!--                                        search="vm.issueName"-->
<!--                                        source="fn.getIssueList(vm.issueName, vm.issueTypeId, vm.form.issues, vm.autoCompletePage.issue.page, fn.getIssueListCallBack)"-->
<!--                                        page="vm.autoCompletePage.issue.page"-->
<!--                                        total-page="vm.autoCompletePage.issue.totalPage"-->
<!--                                        input-disabled="false"-->
<!--                                        translation-texts="{ empty : 'common.emptyIssue' }"-->
<!--                                        extra-settings="{ displayProp : 'title' , idProp : 'id', imageable : false, imagePathProp : '',-->
<!--                                            type : '', maxlength : 200, autoResize : true, stopRemoveBodyEvent : true }"></js-autocomplete-single>-->
<!--                <ng-dropdown-multiselect class="multiSelect cursor"-->
<!--                                         data-input-name="companyFieldsEmail"-->
<!--                                         selected-model="vm.form.companyFieldsEmail.concat(vm.form.ispFieldsEmail,vm.form.hostingFieldsEmail)"-->
<!--                                         extra-settings="{ stringTypeOption : true }"-->
<!--                                         options="vm.options.companyFieldsEmail"></ng-dropdown-multiselect>-->
<!--                <span class="issue-detail-label" translate="companyField.info"></span>-->
<!--                <input ng-if="vm.form.companyFieldsEmail != null"-->
<!--                       type="text"-->
<!--                       class="form-control"-->
<!--                       kr-input-->
<!--                       autocomplete="off"-->
<!--                       ng-model="vm.form.companyFieldsEmail">-->
<!--                <span class="issue-detail-label" translate="ispField.info"></span>-->
<!--                <input ng-if="vm.form.ispFieldsEmail != null"-->
<!--                       type="text"-->
<!--                       class="form-control"-->
<!--                       kr-input-->
<!--                       autocomplete="off"-->
<!--                       ng-model="vm.form.ispFieldsEmail">-->
<!--                <span class="issue-detail-label" translate="hostingField.info"></span>-->
<!--                <input ng-if="vm.form.hostingFieldsEmail != null"-->
<!--                       type="text"-->
<!--                       class="form-control"-->
<!--                       kr-input-->
<!--                       autocomplete="off"-->
<!--                       ng-model="vm.form.hostingFieldsEmail">-->
<!--    <h6>{{vm.form.companyFieldsEmail}}</h6>-->
<!--   <span>{{vm.form.id}}===============</span>-->
<!--   <h6>{{vm.form.ispFieldsEmail}}===============</h6>-->
<!--   <span>===============</span>-->
<!--   <h6>{{vm.form.hostingFieldsEmail}}</h6>-->
<!--    <div style="display: flex; text-align: center">-->
<!--            템플릿1-->
<!--        </div>-->
<!--        <div style="border: 1px #111111; margin-left: 20px; box-sizing: border-box;">-->
<!--            템플릿2-->
    <!--        <div style="border: 1px #111111; margin-left: 20px; box-sizing: border-box;">-->
<!--        </div>-->
<!--        <div style="border: 1px #111111; margin-left: 20px; box-sizing: border-box;">-->
<!--            템플릿3-->
<!--        </div>-->
<!--    </div>-->
</div>