From 2ffa64e0b88f73c531b61afd590b7be3d8bfa6bc Mon Sep 17 00:00:00 2001
From: wyu <kknd09321@nate.com>
Date: 화, 23 11월 2021 20:52:37 +0900
Subject: [PATCH] 이슈 상세 연관,하위 테이블 표시 설정 - [프론트]

---
 src/main/webapp/views/issue/issueDetail.html |  117 ++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 65 insertions(+), 52 deletions(-)

diff --git a/src/main/webapp/views/issue/issueDetail.html b/src/main/webapp/views/issue/issueDetail.html
index 6366d1f..a4d4937 100644
--- a/src/main/webapp/views/issue/issueDetail.html
+++ b/src/main/webapp/views/issue/issueDetail.html
@@ -86,35 +86,21 @@
 <!--    �긽�꽭 �솕硫�   -->
 <div class="support-ticket-content-w" ng-controller="issueDetailController">
     <div class="support-ticket-content">
-        <div class="support-ticket-content-header issue-detail-word-break" style="height: 8vh">
+        <span ng-if="vm.viewer.parentIssueVo != null" class="badge" ng-style="{'background-color' : vm.viewer.issueStatusVo.color, 'border-color' : vm.viewer.issueStatusVo.color, 'color' : '#FFFFFF' }">
+            <span>�긽�쐞 �씠�뒋:{{vm.viewer.parentIssueVo.title}}</span>
+        </span>
+
+        <div class="">
+            <span class="h3-div">{{vm.viewer.title}}</span>
+        </div>
+        <div class="support-ticket-content-header issue-detail-word-break" style="height: 5vh">
             <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>
-                <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>
@@ -126,7 +112,15 @@
                 <span class="issue-close" ng-click="fn.listView()"><i class="os-icon os-icon-close" data-toggle="tooltip" data-placement="left" title="�긽�꽭 �솕硫� �떕湲�"></i></span>
             </a>
         </div>
-
+        <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>
+        <span class="offset-1"> {{vm.viewer.registerDate}}</span>
+        <label class="issue-detail-label offset-1"><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 class="ticket-thread">
             <div class="todo-content">
                 <h6 class="todo-content-subheader" translate="issue.issueInfo">�씠�뒋 �젙蹂�</h6>
@@ -190,6 +184,7 @@
                         </div>
                     </div>
                 </div>
+                <hr>
                 <div class="row">
                     <div class="col-md-4">
                         <div class="form-group">
@@ -212,7 +207,6 @@
                     <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>
@@ -382,37 +376,45 @@
                     </div>
                 </div>
 
+                    <!-- �궗�슜�옄 �젙�쓽 �븘�뱶 -->
+<!--                <div class="row">-->
+<!--                    <div class="col-md-4" ng-repeat="issueCustomField in vm.viewer.issueCustomFields">-->
+<!--                        <label class="issue-detail-label">{{::issueCustomField.customFieldVo.name}}</label>-->
 
-                <div class="row">
-                    <div class="col-md-4" ng-repeat="issueCustomField in vm.viewer.issueCustomFields">
-                        <label class="issue-detail-label">{{::issueCustomField.customFieldVo.name}}</label>
+<!--                        <div ng-switch on="issueCustomField.customFieldVo.customFieldType">-->
+<!--                            &lt;!&ndash; 湲곕낯 �엯�젰 &ndash;&gt;-->
+<!--                            <div ng-switch-when="INPUT" class="form-group">-->
+<!--                                &lt;!&ndash;    �씫湲� 紐⑤뱶   &ndash;&gt;-->
+<!--                                <span class="issue-detail-word-break">{{::issueCustomField.useValues}}</span>-->
+<!--                                <span ng-if="!$root.isDefined(issueCustomField.useValues)">-</span>-->
+<!--                            </div>-->
 
-                        <div ng-switch on="issueCustomField.customFieldVo.customFieldType">
-                            <!-- 湲곕낯 �엯�젰 -->
-                            <div ng-switch-when="INPUT" class="form-group">
-                                <!--    �씫湲� 紐⑤뱶   -->
-                                <span class="issue-detail-word-break">{{::issueCustomField.useValues}}</span>
-                                <span ng-if="!$root.isDefined(issueCustomField.useValues)">-</span>
-                            </div>
+<!--                            &lt;!&ndash; �떒�씪 ���젆�듃 &ndash;&gt;-->
+<!--                            <div ng-switch-when="SINGLE_SELECT" class="form-group">-->
+<!--                                <span class="issue-detail-word-break">{{::issueCustomField.useValues}}</span>-->
+<!--                                <span ng-if="!$root.isDefined(issueCustomField.useValues)">-</span>-->
+<!--                            </div>-->
 
-                            <!-- �떒�씪 ���젆�듃 -->
-                            <div ng-switch-when="SINGLE_SELECT" class="form-group">
-                                <span class="issue-detail-word-break">{{::issueCustomField.useValues}}</span>
-                                <span ng-if="!$root.isDefined(issueCustomField.useValues)">-</span>
-                            </div>
+<!--                            &lt;!&ndash; 硫��떚 ���젆�듃 &ndash;&gt;-->
+<!--                            <div ng-switch-when="MULTI_SELECT" class="form-group">-->
+<!--                                <span class="issue-detail-word-break"-->
+<!--                                      ng-repeat="useValue in issueCustomField.useValues">{{::useValue.value}}, </span>-->
+<!--                                <span ng-if="!$root.isDefined(issueCustomField.useValues)">-</span>-->
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                </div>-->
 
-                            <!-- 硫��떚 ���젆�듃 -->
-                            <div ng-switch-when="MULTI_SELECT" class="form-group">
-                                <span class="issue-detail-word-break"
-                                      ng-repeat="useValue in issueCustomField.useValues">{{::useValue.value}}, </span>
-                                <span ng-if="!$root.isDefined(issueCustomField.useValues)">-</span>
-                            </div>
-                        </div>
+                <div class="row mt-30">
+                    <div class="col-md-10">
+                        <span class="info_font h3" translate="issue.relationIssue">�뿰愿� �씠�뒋</span>
+                    </div>
+                    <div class="col-md-1">
+                        <button class="btn btn-darkgrey offset-12" ng-click="fn.addRelationIssueTableConfig()" type="button"><span translate="issue.settingTableDisplay">�뀒�씠釉� �몴�떆 �꽕�젙</span></button>
                     </div>
                 </div>
 
-                <h6 class="todo-content-subheader mt-20" translate="issue.relationIssue">�뿰愿� �씪媛�</h6>
-                <!--    �뀒�씠釉� -->
+                <!--  �뿰愿� �씠�뒋 �뀒�씠釉� -->
                 <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>
@@ -444,14 +446,22 @@
                         <div class="col-auto vertical-middle">
                             <button type="button" class="btn btn-primary form-control input-sm"
                                     ng-click="fn.addRelationIssue()"
-                                    translate="issue.addRelationIssue">異붽�</button>
+                                    translate="issue.addRelationIssue">�뿰愿� �씠�뒋 異붽�</button>
                         </div>
 
                     </div>
                 </div>
 
-                <h6 class="todo-content-subheader mt-20" translate="issue.downIssue">�븯�쐞 �씪媛�</h6>
-                <!--    �뀒�씠釉� -->
+                <div class="row mt-30">
+                    <div class="col-md-10">
+                        <span class="info_font h3" translate="issue.downIssue">�븯�쐞 �씠�뒋</span>
+                    </div>
+                    <div class="col-md-1">
+                        <button class="btn btn-darkgrey offset-12"  ng-click="fn.addDownIssueTableConfig()" type="button"><span translate="issue.settingTableDisplay">�뀒�씠釉� �몴�떆 �꽕�젙</span></button>
+                    </div>
+                </div>
+
+                <!-- �븯�쐞 �씠�뒋 �뀒�씠釉� -->
                 <div class="mt-10 issue-detail-word-break width-100">
                     <js-table data="vm.viewer.issueDownVos" table-configs="vm.downTableConfigs"
                               event="downTableEvent" detail-view="true" hide-header="false" use-sort="false"></js-table>
@@ -478,7 +488,7 @@
                     </div>
                 </div>
 
-                <h6 class="todo-content-subheader mt-20" translate="common.content">�궡�슜</h6>
+                <h6 class="todo-content-subheader mt-30" translate="common.content">�궡�슜</h6>
                 <div class="box mt-10 issue-detail-word-break width-100" >
                     <div ng-bind-html="$root.$sce.trustAsHtml(vm.viewer.description)"></div>
                     <span class="fc-grey" ng-if="!$root.isDefined(vm.viewer.description)" translate="common.noContent">
@@ -670,6 +680,9 @@
                                          translate="common.noRecord">
                                         湲곕줉�씠 �뾾�뒿�땲�떎.
                                     </div>
+                                    <div>
+                                        {{vm.viewer.issueHistoryVos}}
+                                    </div>
 
                                     <div class="activity-item"
                                          ng-repeat="issueHistory in vm.viewer.issueHistoryVos">

--
Gitblit v1.8.0