- 사용자정의필드 '필수데이터' UI 변경 - 이슈 목록에서 컬럼명 마우스 오버시 툴팁 나오도록 수정(tableConfig에 툴팁 설정)

이민희

2021-12-22 43e894fc3c8d5c9b80883985a125705a59aaf00e

- 사용자정의필드 '필수데이터' UI 변경
- 이슈 목록에서 컬럼명 마우스 오버시 툴팁 나오도록 수정(tableConfig에 툴팁 설정)

 src/main/webapp/assets/styles/main.css

@@ -30152,6 +30152,13 @@
    font-weight: 800;
}

.custom-detail-label {
    color: #777;
    font-weight: 600;
    position: relative;
    top: -6px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;

 src/main/webapp/custom_components/js-table/js-table.html

@@ -15,7 +15,9 @@
                    <input type="checkbox" tabindex="-1" ng-model="tableConfig.hChecked" ng-click="$root.$tableProvider.toggleChecked(tableConfig.hChecked, fn.getResponseData())">
                </div>
                <div bo-switch-default>
                    <span translate="{{tableConfig.hName}}"></span>
                    <span ng-if="tableConfig.columnTooltip != ''" function-tool-tip data-placement="top" data-toggle="tooltip" data-original-title="{{tableConfig.columnTooltip}}"
                          translate="{{tableConfig.hName}}"></span>
                    <span ng-if="tableConfig.columnTooltip == ''" translate="{{tableConfig.hName}}"></span>
                    <span ng-if="($root.$tableProvider.orderByColumn == tableConfig.dName) && (tableConfig.dName != '')"><i class="fa fa-arrow-circle-down" ng-show="!$root.$tableProvider.reverse"></i>
                        <i class="fa fa-arrow-circle-up" ng-show="$root.$tableProvider.reverse"></i>
                    </span>

 src/main/webapp/custom_components/js-table/table.provider.js

@@ -23,6 +23,7 @@
                                colSpan : 0,    //  colspan 을 지원한다.
                                subHead : false,    //  만약 rowspan, colspan 을 사용하게 되면 true 로 셋팅.
                                columnHint : "",    //  컬럼 정보를 추출하기 위한 힌트 정보를 준다 - tableColumnGenerator 의 사용자 정의 필드 부분에서 사용
                                columnTooltip : "", // hover 시 툴팁 보여주기
                                setHName : function (hName) {
                                    this.hName = hName;
                                    return this;
@@ -82,6 +83,10 @@
                                setColumnHint : function (dColumnHint) {
                                    this.columnHint = dColumnHint;
                                    return this;
                                },
                                setColumnTooltip : function (hTooltip) {
                                    this.columnTooltip = hTooltip;
                                    return this;
                                }
                            };


 src/main/webapp/custom_components/js-tree/tree.provider.js

@@ -16,6 +16,7 @@
                                dDateFormat : "",   //  날짜 형식
                                subHead : false,    //  만약 rowspan, colspan 을 사용하게 되면 true 로 셋팅.
                                columnHint : "",    //  컬럼 정보를 추출하기 위한 힌트 정보를 준다 - tableColumnGenerator 의 사용자 정의 필드 부분에서 사용
                                columnTooltip : "", // hover 시 툴팁 보여주기
                                setHName : function (hName) {
                                    this.hName = hName;
                                    return this;
@@ -47,6 +48,10 @@
                                setColumnHint : function (dColumnHint) {
                                    this.columnHint = dColumnHint;
                                    return this;
                                },
                                setColumnTooltip : function (hTooltip) {
                                    this.columnTooltip = hTooltip;
                                    return this;
                                }
                            };


 src/main/webapp/custom_components/widget/member-progress-widget/member-progress-widget.html

@@ -3,7 +3,7 @@
        <div class="os-progress-bar">
            <div class="bar-labels">
                <div class="bar-label-left">
                    <h5 translate="dashboard.progressByMember">멤버별 진행률</h5>
                    <h5 translate="dashboard.progressByMember">부서별 진행률</h5>
                </div>
                <div class="bar-label-right">
                    <form class="form-inline justify-content-sm-end" method="post" action="/widget/downloadExcel" name="memberProgressWidgetForm">

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

@@ -411,6 +411,7 @@
                                .setDType("renderer")
                                .setHWidth("bold " + issueTableConfig.width)
                                .setDAlign("text-center")
                                .setColumnTooltip("미완료 하위이슈/전체 하위이슈")
                                .setDRenderer("DOWN_ISSUE_COUNT"));
                            break;
                    }

 src/main/webapp/views/customField/customFieldAdd.html

@@ -34,7 +34,7 @@
            <div class="form-group">
                <label for="customFieldAddForm2"><span translate="customField.fieldType">필드 유형</span> <code
                        class="highlighter-rouge">*</code></label>
                &nbsp;&nbsp; <label for="customFieldAddForm2"> <input type="checkbox" ng-model="vm.form.requiredData"> 필수 데이터 </label>
                <!--&nbsp;&nbsp; <label for="customFieldAddForm2"> <input type="checkbox" ng-model="vm.form.requiredData"> 필수 데이터 </label>-->
                <select id="customFieldAddForm2" class="form-control" ng-model="vm.form.customFieldType"
                        ng-change="fn.changeFieldType()">
                    <option value="INPUT" translate="common.stringField">문자열 필드</option>
@@ -47,6 +47,12 @@
                    <option value="SITE" translate="common.siteField">홈페이지 주소 필드</option>
                    <option value="TEL" translate="common.telField">전화번호 필드</option>
                </select>
                <div class="mt-3">
                    <span class="custom-detail-label">필수 데이터</span>
                    <label class='switch'><input type='checkbox' ng-model="vm.form.requiredData">
                        <span class='slider round'></span>
                    </label>
                </div>
            </div>

            <div class="form-group" ng-show="vm.form.customFieldType == 'SINGLE_SELECT' || vm.form.customFieldType == 'MULTI_SELECT'">