From 5fccfec59dfe86499ab14b6223fa265ea8f20cc9 Mon Sep 17 00:00:00 2001 From: leebeomjun Date: Tue, 13 Jun 2023 14:00:16 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B3=BC=ED=83=9C=EB=A3=8C=ED=86=B5=ED=95=A9?= =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=8B=9C=EC=8A=A4=ED=85=9C=20=EC=9E=90?= =?UTF-8?q?=EB=B0=94=EC=8A=A4=ED=81=AC=EB=A6=BD=ED=8A=B8=20=ED=8C=8C?= =?UTF-8?q?=EC=9D=BC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../webapp/resources/js/base/base-fims.js | 113 ++++++++++++ .../webapp/resources/js/base/dataset-fims.js | 172 ++++++++++++++++++ .../resources/js/base/menu-support-fims.js | 158 ++++++++++++++++ 3 files changed, 443 insertions(+) create mode 100644 src/main/webapp/resources/js/base/base-fims.js create mode 100644 src/main/webapp/resources/js/base/dataset-fims.js create mode 100644 src/main/webapp/resources/js/base/menu-support-fims.js diff --git a/src/main/webapp/resources/js/base/base-fims.js b/src/main/webapp/resources/js/base/base-fims.js new file mode 100644 index 00000000..e3b8f1df --- /dev/null +++ b/src/main/webapp/resources/js/base/base-fims.js @@ -0,0 +1,113 @@ +class FimsFormFields extends FormFields { + + /** + * form 에 json data set + * element tag에 data-fmt-type 으로 데이타 format이 지정된 경우 해당 포맷으로 출력 + * @param {object} formObj document.querySelector('form') + * @param {object} jsonData json type data + */ + set(obj){ + + document.querySelectorAll(this.children).forEach(input => { + + let prop = input.getAttribute("data-map") + || input.name + || input.id; + if (!prop) return; + + let dataItem = obj instanceof DataItem, + value = dataItem ? obj.getValue(prop) : obj[prop]; + + if ("radio" == input.type) { + if (value && value == input.value) + input.checked = true; + } else if("checkbox" == input.type) { + if (value && value == input.value) + input.checked = ("Y" === value); + } else if(input.tagName == "SELECT") { + for(let option of input.options) { + if(option.value == value){ + option.selected = true; + } else { + option.selected = false; + } + } + } else { + if(value == null){ + value = ""; + } + // element data-fmt-type에 정의된 format 적용 + // dt - yyyy-mm-dd HH:mm:ss, day - yyyy-mm-dd, time - HH:mm:ss, number - #,### + if(input.dataset.fmtType){ + const fmtType = input.dataset.fmtType; + switch (fmtType) { + case 'dt' : + value = StrDateTimeFormat.format(value); + break; + case 'day' : + value = StrDateFormat.format(value); + break; + case 'time' : + value = StrTimeFormat.format(value); + break; + case 'number' : + value = CommaNumberFormat.format(value); + break; + default: + break; + + } + } + if(input.name){ + + input.value = value; + + //보안모드 마스킹 항목 + if(input.tagName === 'INPUT' && input.id && input.classList.contains("privacy")){ + let maskVal = value.replace(/[0-9a-zA-Z]/g, "*"); + document.getElementById(input.id+"$mask").value = maskVal; + } + } + + } + }); + + + } + + get() { + let obj = {}; + document.querySelectorAll(this.children).forEach(input => { + let property = input.name || input.id; + let value = input.value; + if ("radio" == input.type) { + if (input.checked) + obj[property] = value; + } else { + if(input.dataset.fmtType){ + const fmtType = input.dataset.fmtType; + switch (fmtType) { + case 'dt' : + value = value.replaceAll("-","").replaceAll(":","").replaceAll(" ",""); + break; + case 'day' : + value = value.replaceAll("-",""); + break; + case 'time' : + value = value.replaceAll(":",""); + break; + case 'number' : + value = value.replaceAll(",",""); + break; + default: + break; + + } + } + obj[property] = value; + } + + }); + return obj; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/js/base/dataset-fims.js b/src/main/webapp/resources/js/base/dataset-fims.js new file mode 100644 index 00000000..b741003a --- /dev/null +++ b/src/main/webapp/resources/js/base/dataset-fims.js @@ -0,0 +1,172 @@ +/** + * 숫자를 콤마 포멧으로 변환 + **/ +const CommaNumberFormat = { + format(value){ + var reg = /(^[+-]?\d+)(\d{3})/; + value += ''; + while (reg.test(value)) + value = value.replace(reg, '$1' + ',' + '$2'); + + return value; + } +} + +/** + * yyyyMMddHH24miss + * yyyy-MM-ddTHH24:mi:ss.xxxxxxZ + * @param {string} srcDateStr + * @param {string} delimiter + * @returns {string|*} + */ +const StrDateTimeFormat = { + format(value){ + if(value == null || value.isBlank()) return value; + + let srcDate = value.replace(/\-|\s|\:|\.|T|Z/g,''); + if(srcDate.length == 8) { + return srcDate.substring(0, 4)+"-"+srcDate.substring(4, 6)+"-"+srcDate.substring(6, 8); + }else if(srcDate.length >= 14){ + return srcDate.substring(0, 4)+"-"+srcDate.substring(4, 6)+"-"+srcDate.substring(6, 8) + + ' ' + srcDate.substring(8, 10) + ':' + srcDate.substring(10, 12) + ':' + srcDate.substring(12, 14); + }else{ + return srcDate; + } + } + +} + +const StrDateFormat = { + format(value){ + if(value == null || value.isBlank()) return value; + + let srcDate = value.replace(/\-|\s|\:|\./g,''); + if(srcDate.length >= 8) { + return srcDate.substring(0, 4)+"-"+srcDate.substring(4, 6)+"-"+srcDate.substring(6, 8); + }else{ + return srcDate; + } + } +} + +const StrTimeFormat= { + format(value){ + if(value == null || value.isBlank()) return value; + + let srcDate = value.replace(/\-|\s|\:|\./g,''); + if(srcDate.length >= 6) { + return srcDate.substring(0, 2)+":"+srcDate.substring(2, 4)+":"+srcDate.substring(4, 6); + }else{ + return srcDate; + } + } +} + +class CodeFormat { + _codeList; + constructor(codeList) { + this._codeList = codeList; + } + + format(value) { + let txt = ""; + for (let i=0; i this.setData(resp,flag) + }); + } + + setData(obj, flag) { + this.dataset.setData(obj,flag); + } + +} + +class FimsDataset extends Dataset { + setData(obj, flag) { + let state = this.state; + this._byKeys = {}; + this._current = null; + + obj = obj || {}; + let array = Array.isArray(obj) ? obj : this.conf.dataGetter(obj) || []; + if (!Array.isArray(array)) + throw new Error("The data must be an array"); + + let oldItems = []; + if(flag != null && flag == "more"){ + oldItems = this._items; + } + + let newitems = []; + newitems = array.map(e => new DataItem(e, this._formats)); + newitems.forEach(item => { + let key = "key-" + this.getKey(item.data); + this._byKeys[key] = item; + }); + + if(flag != null && flag == "more"){ + this._items = oldItems.concat(newitems); + } else { + this._items = newitems; + } + + this.onDatasetChange(obj); + this.setState(!Array.isArray(obj) ? obj.state : state); + this.onDirtiesChange(this.dirty); + + return this; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/js/base/menu-support-fims.js b/src/main/webapp/resources/js/base/menu-support-fims.js new file mode 100644 index 00000000..0a36d83f --- /dev/null +++ b/src/main/webapp/resources/js/base/menu-support-fims.js @@ -0,0 +1,158 @@ +/**메뉴의 생성과 선택 시 동작을 지원한다. + */ +class FimsMenuSupport extends MenuSupport { + + constructor(selector) { + super(selector); + + this._menuItem = '
  • ' + +'' + +'' + +'
    {menuName}
    ' + +'    ' + +'{menuSub}' + +'
    • '; + } + +} + + +/************************************************************************** + * Global Variable + ***************************************************************************/ +const innerPageMap = {}, + openMax = 8; + +function openMenu(obj, params) { + + let menuUrl = $(obj)[0].dataset.url; + if(menuUrl == "javascript:void(0);"){ + return; + } + + let menuNm = $(obj).find("div")[0].dataset.i18n; + + let dataKey = $(obj).parent()[0].dataset.key; + + + + const OPEN_TAB_CNT = $('div#tabsForInnerPage > ul > li').length; + + if(innerPageMap[dataKey]){ + // 해당 tab 활성화 + $("#tabsForInnerPage").find("ul li button.nav-link").each((idx, data) => { + if(data.dataset.bsTarget == ("#tab-"+dataKey)) { + $(data).trigger("click"); + } + }); + + let innerPageObj = document.getElementById("div"+dataKey); + return innerPageObj; + } + if(OPEN_TAB_CNT === openMax){ + alert(`메뉴는 최대 ${openMax -1}까지만 열 수 있습니다.`) + return null; + } + + const num_tabs = OPEN_TAB_CNT + 1; + + + let liEl = ''; + $('div#tabsForInnerPage ul').append(liEl); + + $('div#innerPageTabContents').append('
    '); + + + if(params != null){ + menuUrl = menuUrl + params; + } + + let dynamicPage = document.createElement("div"); + dynamicPage.setAttribute("id","div"+dataKey); + dynamicPage.setAttribute("name","div"+dataKey); + dynamicPage.setAttribute("title",menuNm); + + // .attr("frameborder" , "0") + // .attr("scrolling" , "no") + // .attr("width" , "100%") + // .css("border" , "0") + // .css("height" , "100%") + // .css("min-height" , "800px") + // .css("overflow" , "auto") + // .css("overflow-x" , "no") + ; + + $("#formForInnerPage").remove(); + + + $("#tab-" + dataKey)[0].appendChild(dynamicPage); + + + innerPageMap[dataKey] = dynamicPage; + + + ajax.request({ + type:"POST", + url:menuUrl, + data:{}, + success:resp => { + $("#div"+dataKey).html(resp); + } + }); + + + + $("div#tabsForInnerPage ul li button.nav-link").last().trigger("click"); + +} + +function closeTab(menuId) { + if(menuId === 'main' || menuId?.id === 'main') return; + const num_tabs = $('div#tabsForInnerPage ul li').length; + + // click한 tab + const selIdx = id2Index("div#tabsForInnerPage","tab-"+menuId); + + // active tab + let activeTab = $('div#tabsForInnerPage ul li button.nav-link').filter(".active"); + + let activeIdx = $('div#tabsForInnerPage ul li button.nav-link').index(activeTab); + + if(selIdx === activeIdx) { + if (num_tabs - 1 > activeIdx) { + $('div#tabsForInnerPage ul li button.nav-link').eq(activeIdx + 1).trigger("click"); + } else { + $('div#tabsForInnerPage ul li button.nav-link').eq(activeIdx - 1).trigger("click"); + } + } + + document.getElementById("div"+menuId).remove(); + delete innerPageMap[menuId]; + + $("#tab-" + activeIdx).remove(); + $('#tabsForInnerPage').find('#li-'+menuId).remove(); +} + +function id2Index(tabsId, srcId) { + let index = -1; + const nls = $(tabsId).find("li > button.nav-link"); + if(nls.length > 0) { + + nls.each((idx, nl) => { + if (nl.dataset.bsTarget.search(srcId) > 0) { + index = idx; + return false; + } + }); + } + return index; +} \ No newline at end of file