From 4cef9a63afe347bcc007f2f18c21da69b346da64 Mon Sep 17 00:00:00 2001
From: wyu <kknd09321@nate.com>
Date: 금, 19 11월 2021 14:41:30 +0900
Subject: [PATCH] 이슈 상세 수정 -부서 [프론트]

---
 src/main/webapp/views/issue/issueDetail.html |  355 ++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 254 insertions(+), 101 deletions(-)

diff --git a/src/main/webapp/views/issue/issueDetail.html b/src/main/webapp/views/issue/issueDetail.html
index fc2bf5d..6366d1f 100644
--- a/src/main/webapp/views/issue/issueDetail.html
+++ b/src/main/webapp/views/issue/issueDetail.html
@@ -53,7 +53,7 @@
         </div>
     </div>
 -->
-    <!-- �뀒�씠釉� -->
+<!-- �뀒�씠釉� -->
 <!--
     <div class="support-ticket ">
         <div class="st-body">
@@ -64,7 +64,7 @@
         </div>
     </div>
 -->
-    <!--    �럹�씠吏� -->
+<!--    �럹�씠吏� -->
 <!--
     <div class="controls-below-table text-center">
         <ul uib-pagination
@@ -86,15 +86,35 @@
 <!--    �긽�꽭 �솕硫�   -->
 <div class="support-ticket-content-w" ng-controller="issueDetailController">
     <div class="support-ticket-content">
-        <div class="support-ticket-content-header issue-detail-word-break">
-            <h3 class="ticket-header">
-                <div class="tasks-header-w mb-10">
+        <div class="support-ticket-content-header issue-detail-word-break" style="height: 8vh">
+            <span class="ticket-header">
+                <div class="tasks-header-w">
                     <span class="tags">
                         <span class="tag">{{vm.viewer.projectVo.projectKey}}-{{vm.viewer.issueNumber}} &nbsp; / &nbsp; {{vm.viewer.projectVo.name}}</span>
                     </span>
                 </div>
-                {{vm.viewer.title}}
-            </h3>
+                <span class="h3-div">{{vm.viewer.title}}</span>
+            </span>
+            <div class="col-sm-2">
+                <div class="form-group ml-4">
+                    <label class="issue-detail-label"><span translate="issue.issueType">�씠�뒋 �쑀�삎</span> </label>
+                    <span class="status-pill smaller"
+                          ng-style="{'background-color': vm.viewer.issueTypeVo.color }"></span><span>{{vm.viewer.issueTypeVo.name}}</span>
+                </div>
+            </div>
+            <div class="col-sm-2">
+                <div class="form-group">
+                    {{vm.viewer.registerDate}}
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label class="issue-detail-label"><span translate="common.register">�벑濡앹옄</span></label>
+                <span class="select3-selection__choice">
+                        <span class="avatar-w"><img ng-src="{{vm.viewer.registerVo.profile}}"></span>
+                        <span>{{vm.viewer.registerVo.byName}}</span>
+                    </span>
+            </div>
 
             <a class="show-ticket-info cursor">
                 <i class="os-icon os-icon-email-forward mr-20" ng-click="fn.sendMail(vm.viewer.id, vm.viewer.projectVo.id)" data-toggle="tooltip" data-placement="right" title="�떎瑜� �궗�슜�옄�뿉寃� �씠�뒋 蹂대궡湲�"></i>
@@ -109,45 +129,63 @@
 
         <div class="ticket-thread">
             <div class="todo-content">
-                <h6 class="todo-content-subheader mt-20" translate="common.detailInformation">�긽�꽭 �젙蹂�</h6>
+                <h6 class="todo-content-subheader" translate="issue.issueInfo">�씠�뒋 �젙蹂�</h6>
                 <div class="row mt-20">
                     <div class="col-md-4">
                         <div class="form-group">
+                            <div class="row">
+                                <div class="col-xxl-12">
+                                    <div class="form-group">
+                                        <label class="issue-detail-label"><span translate="common.assigneeTeam">�떞�떦遺��꽌</span> </label>
+                                        <div class="">
+                                            <div class="select3-selection__choicediv">
+                                                <span class="select3-selection__choice" ng-repeat="department in vm.viewer.departmentVos">
+                                                    <span>{{::department.byName}}</span>
+                                                </span>
+
+                                                <span ng-if="vm.viewer.departmentVos.length < 1" translate="common.noDepartment">�떞�떦遺��꽌媛� �뾾�뒿�땲�떎.</span>
+                                                            <i class="fa fa-edit fa-2x issue-status-edit cursor"
+                                                               ng-click="fn.modifyIssueDepartment()" data-toggle="tooltip" data-placement="right" title="�떞�떦�옄 蹂�寃� �븯湲�"></i>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-md-4">
+                        <div class="form-group">
+                            <div class="col-md-8">
+                                <div class="form-group">
+                                    <label class="issue-detail-label"><span translate="common.period">湲곌컙</span></label>
+                                    <div class="">
+                                        <span translate="{{vm.viewer.startDate}}"></span> ~ <span
+                                            translate="{{vm.viewer.completeDate}}"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="form-group">
                             <label class="issue-detail-label"><span translate="common.importance">以묒슂�룄</span></label>
+                            <label class="issue-detail-label offset-1"><span translate="common.priority">�슦�꽑 �닚�쐞</span></label>
+                            <label class="issue-detail-label offset-1"><span translate="issue.issueStatus">�씠�뒋 �긽�깭</span></label>
                             <div class="">
-                                    <span class="badge"
-                                          ng-style="{'background-color' : vm.viewer.severityVo.color, 'border-color' : vm.viewer.severityVo.color, 'color' : '#FFFFFF' }"
-                                          translate="{{vm.viewer.severityVo.name}}"></span>
-                            </div>
-                        </div>
-                    </div>
+                                <span class="badge" ng-style="{'background-color' : vm.viewer.severityVo.color, 'border-color' : vm.viewer.severityVo.color, 'color' : '#FFFFFF' }" translate="{{vm.viewer.severityVo.name}}"></span>
 
-                    <div class="col-md-4">
-                        <div class="form-group">
-                            <label class="issue-detail-label"><span translate="common.priority">�슦�꽑 �닚�쐞</span></label>
-                            <div class="">
-                                    <span class="badge"
-                                          ng-style="{'background-color' : vm.viewer.priorityVo.color, 'border-color' : vm.viewer.priorityVo.color, 'color' : '#FFFFFF' }"
-                                          translate="{{vm.viewer.priorityVo.name}}"></span>
-                            </div>
-                        </div>
-                    </div>
+                                <span class="badge offset-1" ng-style="{'background-color' : vm.viewer.priorityVo.color, 'border-color' : vm.viewer.priorityVo.color, 'color' : '#FFFFFF' }" translate="{{vm.viewer.priorityVo.name}}"></span>
 
-                    <div class="col-md-4">
-                        <div class="form-group">
-                            <label class="issue-detail-label"><span translate="issue.issueStatus">�씠�뒋 �긽�깭</span></label>
-                            <!--    沅뚰븳�쓣 媛뽮퀬 �엳�쓣 �븣 -->
-                            <div ng-if="vm.viewer.modifyPermissionCheck">
-                                <span class="editForm badge mr-5"
-                                      ng-style="{'background-color' : vm.viewer.issueStatusVo.color, 'border-color' : vm.viewer.issueStatusVo.color, 'color' : '#FFFFFF' }">{{vm.viewer.issueStatusVo.name}}</span>
-                                <i class="fa fa-edit fa-2x issue-status-edit cursor"
-                                   ng-click="fn.modifyIssueStatus()" data-toggle="tooltip" data-placement="right" title="�씪媛� �긽�깭 蹂�寃� �븯湲�"></i>
-                            </div>
-
-                            <!--    沅뚰븳�씠 �뾾�쓣 �븣    -->
-                            <div ng-if="!vm.viewer.modifyPermissionCheck">
-                                <span class="editForm badge mr-5"
-                                      ng-style="{'background-color' : vm.viewer.issueStatusVo.color, 'border-color' : vm.viewer.issueStatusVo.color, 'color' : '#FFFFFF' }">{{vm.viewer.issueStatusVo.name}}</span>
+                                <!--    沅뚰븳�쓣 媛뽮퀬 �엳�쓣 �븣 -->
+                                <span ng-if="vm.viewer.modifyPermissionCheck">
+                                    <span class="editForm badge mr-5 offset-1" ng-style="{'background-color' : vm.viewer.issueStatusVo.color, 'border-color' : vm.viewer.issueStatusVo.color, 'color' : '#FFFFFF' }">{{vm.viewer.issueStatusVo.name}}</span><i class="fa fa-edit fa-2x issue-status-edit cursor" ng-click="fn.modifyIssueStatus()" data-toggle="tooltip" data-placement="right" title="�씪媛� �긽�깭 蹂�寃� �븯湲�"></i>
+                                </span>
+                                <!--    沅뚰븳�씠 �뾾�쓣 �븣    -->
+                                <span ng-if="!vm.viewer.modifyPermissionCheck">
+                                    <span class="editForm badge mr-5 offset-1" ng-style="{'background-color' : vm.viewer.issueStatusVo.color, 'border-color' : vm.viewer.issueStatusVo.color, 'color' : '#FFFFFF' }">{{vm.viewer.issueStatusVo.name}}</span>
+                                </span>
                             </div>
                         </div>
                     </div>
@@ -155,80 +193,195 @@
                 <div class="row">
                     <div class="col-md-4">
                         <div class="form-group">
-                            <label class="issue-detail-label"><span translate="issue.issueType">�씠�뒋 ���엯</span> </label>
+                            <h6 class="info_font" translate="common.detectingInfo">�깘吏��젙蹂�</h6>
                             <div class="">
-                                <span class="status-pill smaller"
-                                      ng-style="{'background-color': vm.viewer.issueTypeVo.color }"></span><span>{{vm.viewer.issueTypeVo.name}}</span>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-md-4">
-                        <div class="form-group">
-                            <label class="issue-detail-label"><span translate="common.period">湲곌컙</span></label>
-                            <div class="">
-                                <span translate="{{vm.viewer.startDate}}"></span> ~ <span
-                                    translate="{{vm.viewer.completeDate}}"></span>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-4">
-                        <div class="form-group">
-                            <label class="issue-detail-label"><span translate="common.changeDate">蹂�寃쎌씪</span> </label>
-                            <div class="">
-                                {{vm.viewer.modifyDate}}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="row">
-                    <div class="col-md-4">
-                        <div class="form-group">
-                            <label class="issue-detail-label"><span translate="common.registrationDate">�벑濡앹씪</span>
-                            </label>
-                            <div class="">
-                                {{vm.viewer.registerDate}}
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-md-4">
-                        <div class="form-group">
-                            <label class="issue-detail-label"><span translate="common.register">�벑濡앹옄</span></label>
-                            <div class="">
-                                <div class="select3-selection__choicediv">
-                                    <span class="select3-selection__choice">
-                                        <span class="avatar-w"><img ng-src="{{vm.viewer.registerVo.profile}}"></span>
-                                        <span>{{vm.viewer.registerVo.byName}}</span>
-                                    </span>
+                                <label class="issue-detail-label"><span translate="common.diffuserURL">�쑀�룷�옄URL</span> </label>
+                                <label class="issue-detail-label offset-2"><span translate="common.country">援�媛�</span></label>
+                                <div class="">
+                                    <span>200.11.13.123</span>
+                                    <span class="country">US</span>
                                 </div>
+<!--                                <span ng-if="vm.viewer.userVos.length < 1" translate="common.noAssignee">�떞�떦�옄媛� �뾾�뒿�땲�떎.</span>-->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <hr>
+<!--                <span class="tag">{{vm.viewer.projectVo.projectKey}}-{{vm.viewer.issueNumber}} &nbsp; / &nbsp; {{vm.viewer.projectVo.name}}</span>-->
+                <div class="row">
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <h6 class="info_font" translate="companyField.info">�뾽泥댁젙蹂�</h6>
+                            <button style="display: inline">1111</button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <span translate="companyField.companyName">�뾽泥대챸</span>:
+                            <span>{{vm.viewer.issueCompanyVos[0].name}}</span>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="companyField.manager">�떞�떦�옄</span>:
+                                <span>{{vm.viewer.issueCompanyVos[0].manager}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="companyField.tel">�쟾�솕踰덊샇</span>:
+                                <span>{{vm.viewer.issueCompanyVos[0].tel}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="companyField.email">�씠硫붿씪</span>:
+                                <span class="email_color">{{vm.viewer.issueCompanyVos[0].email}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="companyField.memo">鍮꾧퀬</span>:
+                                <span>{{vm.viewer.issueCompanyVos[0].memo}}</span>
                             </div>
                         </div>
                     </div>
                 </div>
 
                 <div class="row">
-                    <div class="col-xxl-12">
+                    <div class="col-sm-2">
                         <div class="form-group">
-                            <label class="issue-detail-label"><span translate="common.assigneeTeam">�떞�떦遺��꽌</span> </label>
-                            <div class="">
-                                <div class="select3-selection__choicediv">
-                                    <span class="select3-selection__choice" ng-repeat="user in vm.viewer.userVos">
-                                        <span class="avatar-w"><img ng-src="{{::user.profile}}"></span>
-                                        <span>{{::user.byName}}</span>
-                                    </span>
+                            <h6 class="info_font" translate="ispField.info">ISP�젙蹂�</h6>
+                        </div>
+                    </div>
+                </div>
 
-                                    <span ng-if="vm.viewer.userVos.length < 1" translate="common.noAssignee">
-                                        �떞�떦�옄媛� �뾾�뒿�땲�떎.
-                                    </span>
-                                    <i class="fa fa-edit fa-2x issue-status-edit cursor"
-                                       ng-click="fn.modifyIssueUser()" data-toggle="tooltip" data-placement="right" title="�떞�떦�옄 蹂�寃� �븯湲�"></i>
-                                </div>
+                <div class="row">
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <span translate="ispField.ispName">ISP紐�</span>:
+                            <span>{{vm.viewer.issueIspVos[0].name}}</span>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <span translate="ispField.code">肄붾뱶</span>:
+                            <span>{{vm.viewer.issueIspVos[0].code}}</span>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="ispField.manager">�떞�떦�옄</span>:
+                                <span>{{vm.viewer.issueIspVos[0].manager}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="ispField.tel">�쟾�솕踰덊샇</span>:
+                                <span>{{vm.viewer.issueIspVos[0].tel}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="ispField.email">�씠硫붿씪</span>:
+                                <span class="email_color">{{vm.viewer.issueIspVos[0].email}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="ispField.memo">鍮꾧퀬</span>:
+                                <span>{{vm.viewer.issueIspVos[0].memo}}</span>
                             </div>
                         </div>
                     </div>
                 </div>
+
+                <div class="row">
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <h6 class="info_font" translate="hostingField.info">�샇�뒪�똿�젙蹂�</h6>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <span translate="hostingField.hostingName">�샇�뒪�똿紐�</span>:
+                            <span>{{vm.viewer.issueHostingVos[0].name}}</span>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <span translate="hostingField.code">肄붾뱶</span>:
+                            <span>{{vm.viewer.issueHostingVos[0].code}}</span>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="hostingField.manager">�떞�떦�옄</span>:
+                                <span>{{vm.viewer.issueHostingVos[0].manager}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="hostingField.tel">�쟾�솕踰덊샇</span>:
+                                <span>{{vm.viewer.issueHostingVos[0].tel}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="hostingField.email">�씠硫붿씪</span>:
+                                <span class="email_color">{{vm.viewer.issueHostingVos[0].email}}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-2">
+                        <div class="form-group">
+                            <div class="">
+                                <span translate="hostingField.memo">鍮꾧퀬</span>:
+                                <span>{{vm.viewer.issueHostingVos[0].memo}}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
 
                 <div class="row">
                     <div class="col-md-4" ng-repeat="issueCustomField in vm.viewer.issueCustomFields">
@@ -262,7 +415,7 @@
                 <!--    �뀒�씠釉� -->
                 <div class="mt-10 issue-detail-word-break width-100">
                     <js-table data="vm.viewer.issueRelationVos" table-configs="vm.relTableConfigs"
-                                  event="relTableEvent" detail-view="true" hide-header="false" use-sort="false"></js-table>
+                              event="relTableEvent" detail-view="true" hide-header="false" use-sort="false"></js-table>
 
                     <div class="row">
                         <div class="col-sm-4">
@@ -536,4 +689,4 @@
             </div>
         </div>
     </div>
-</div>
+</div>
\ No newline at end of file

--
Gitblit v1.8.0