JS 유틸 함수 추가
parent
027cb40272
commit
da4b17e634
@ -0,0 +1,309 @@
|
|||||||
|
/**************************************************************************
|
||||||
|
* 커스텀 태그로 Class인스턴스 생성 및 설정
|
||||||
|
**************************************************************************/
|
||||||
|
function registBaseObject(pageName){
|
||||||
|
|
||||||
|
let xmlElements = new DomQuery().setContainers("[data-doctx='"+pageName+"']").findAll("[data-xml-conf]");
|
||||||
|
|
||||||
|
let pageObjectDeclarationEnd = false;
|
||||||
|
let confDeclarationEnd = false;
|
||||||
|
|
||||||
|
|
||||||
|
let allScript = "";
|
||||||
|
for(let xmlElement of xmlElements){
|
||||||
|
|
||||||
|
var isGlobalObject = true;
|
||||||
|
if(xmlElement.hasAttribute("is-not-global")){
|
||||||
|
isGlobalObject = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
let pageObject_abbreviation_s = "";
|
||||||
|
if(!isGlobalObject && !pageObjectDeclarationEnd){
|
||||||
|
pageObject_abbreviation_s = "var $P = pageObject."+pageName+";";
|
||||||
|
}
|
||||||
|
|
||||||
|
let baseObject = xmlElement.dataset.name;
|
||||||
|
let baseObjectType = xmlElement.className;
|
||||||
|
|
||||||
|
let scriptForSingleObject = "";
|
||||||
|
|
||||||
|
let createInstance_s = "";
|
||||||
|
if(xmlElement.querySelector("new-function") == null && xmlElement.querySelector("new-constructor") == null){
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
let newConf = xmlElement.querySelector("new-function")
|
||||||
|
? xmlElement.querySelector("new-function")
|
||||||
|
: xmlElement.querySelector("new-constructor");
|
||||||
|
|
||||||
|
let leftOfNew = "var ";
|
||||||
|
if(!isGlobalObject){
|
||||||
|
leftOfNew = "$P.";
|
||||||
|
}
|
||||||
|
|
||||||
|
if(newConf.tagName == "NEW-FUNCTION"){
|
||||||
|
// 사용자정의함수로 인스턴스 생성
|
||||||
|
createInstance_s = leftOfNew + baseObject + " = "+newConf.textContent +";";
|
||||||
|
} else if(newConf.tagName == "NEW-CONSTRUCTOR"){
|
||||||
|
//new 생성자로 인스턴스 생성
|
||||||
|
//conf argument 설정 스크립트
|
||||||
|
var confDeclaration = "";
|
||||||
|
if(!confDeclarationEnd){
|
||||||
|
confDeclaration = "var "
|
||||||
|
}
|
||||||
|
|
||||||
|
let conf_s = confDeclaration+"conf = " + newConf.textContent +";";
|
||||||
|
//인스턴스생성스크립트
|
||||||
|
let newContructor_s = leftOfNew + baseObject + " = new "+baseObjectType+"(conf);";
|
||||||
|
createInstance_s = conf_s + "\n" + newContructor_s;
|
||||||
|
}
|
||||||
|
|
||||||
|
let instanceNameDef_s = "";
|
||||||
|
if(!isGlobalObject){
|
||||||
|
instanceNameDef_s = "var "+baseObject+" = $P."+baseObject+";";
|
||||||
|
} else {
|
||||||
|
instanceNameDef_s = "window."+baseObject+" = "+baseObject+";";
|
||||||
|
}
|
||||||
|
|
||||||
|
if(xmlElement.tagName == "DATASETCONTROL-C"){
|
||||||
|
//컨트롤인스턴스명
|
||||||
|
const overwritableMehtods = [
|
||||||
|
"onDatasetChange",
|
||||||
|
"onCurrentChange",
|
||||||
|
"onSelectionChange",
|
||||||
|
"onModify",
|
||||||
|
"onAppend",
|
||||||
|
"onSort",
|
||||||
|
"onReplace",
|
||||||
|
"onSave",
|
||||||
|
"onRemove",
|
||||||
|
"save",
|
||||||
|
"remove",
|
||||||
|
"getInfo",
|
||||||
|
"setInfo"
|
||||||
|
];
|
||||||
|
//메소드 재정의
|
||||||
|
let methodOverwrite_s = "";
|
||||||
|
for(var i=0; i < xmlElement.children.length; i++){
|
||||||
|
let methodDef = xmlElement.children[i];
|
||||||
|
if(overwritableMehtods.indexOf(methodDef.className) != -1){
|
||||||
|
methodOverwrite_s += overwriteMethodScript(baseObject, methodDef.className, methodDef);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
scriptForSingleObject = pageObject_abbreviation_s + "\n"
|
||||||
|
+ createInstance_s + "\n"
|
||||||
|
+ instanceNameDef_s + "\n"
|
||||||
|
+ methodOverwrite_s + "\n";
|
||||||
|
} else {
|
||||||
|
scriptForSingleObject = pageObject_abbreviation_s + "\n"
|
||||||
|
+ createInstance_s + "\n"
|
||||||
|
+ instanceNameDef_s + "\n";
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
allScript += scriptForSingleObject + "\n";
|
||||||
|
|
||||||
|
|
||||||
|
if(!isGlobalObject){
|
||||||
|
pageObjectDeclarationEnd = true;
|
||||||
|
}
|
||||||
|
if(newConf.tagName == "NEW-CONSTRUCTOR"){
|
||||||
|
confDeclarationEnd = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let register = document.createElement("script");
|
||||||
|
register.innerHTML = "(function(){" + "\n"
|
||||||
|
+ allScript
|
||||||
|
+ "})();"
|
||||||
|
|
||||||
|
document.body.appendChild(register);
|
||||||
|
document.body.removeChild(register);
|
||||||
|
}
|
||||||
|
|
||||||
|
function overwriteMethodScript(baseObject, m_name, methodDef){
|
||||||
|
let result_script = "";
|
||||||
|
if(methodDef != null && methodDef.textContent.trim() != ""){
|
||||||
|
let hasOnObj = "";
|
||||||
|
if(methodDef.hasAttribute("is-not-control")){
|
||||||
|
hasOnObj = ".dataset";
|
||||||
|
}
|
||||||
|
|
||||||
|
if(methodDef.textContent.trim() != "null"){
|
||||||
|
result_script = baseObject+hasOnObj+"."+m_name+" = " + methodDef.textContent+";"+"\n";
|
||||||
|
} else {
|
||||||
|
result_script = baseObject+hasOnObj+"."+m_name+" = () => {};"+"\n";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result_script;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 커스텀 태그(클래스)
|
||||||
|
**************************************************************************/
|
||||||
|
class XmlDatasetControl extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.setAttribute("data-xml-conf","");
|
||||||
|
this.className = "DatasetControl";
|
||||||
|
this.setAttribute("hidden","hidden");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("datasetcontrol-c", XmlDatasetControl);
|
||||||
|
|
||||||
|
class XmlPagingSupport extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.setAttribute("data-xml-conf","");
|
||||||
|
this.className = "PagingSupport";
|
||||||
|
this.setAttribute("hidden","hidden");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("pagingsupport-c", XmlPagingSupport);
|
||||||
|
|
||||||
|
class XmlTableSupport extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.setAttribute("data-xml-conf","");
|
||||||
|
this.className = "TableSupport";
|
||||||
|
this.setAttribute("hidden","hidden");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("tablesupport-c", XmlTableSupport);
|
||||||
|
|
||||||
|
class XmlFormFields extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.setAttribute("data-xml-conf","");
|
||||||
|
this.className = "FormFields";
|
||||||
|
this.setAttribute("hidden","hidden");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("formfields-c", XmlFormFields);
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 커스텀 태그(생성자)
|
||||||
|
**************************************************************************/
|
||||||
|
class XmlNewFunction extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("new-function", XmlNewFunction);
|
||||||
|
|
||||||
|
class XmlNewConstructor extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("new-constructor", XmlNewConstructor);
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 커스텀 태그(class메소드)
|
||||||
|
**************************************************************************/
|
||||||
|
class XmlOnDatasetChange extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onDatasetChange";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("ondatasetchange-f", XmlOnDatasetChange);
|
||||||
|
|
||||||
|
class XmlOnCurrentChange extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onCurrentChange";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("oncurrentchange-f", XmlOnCurrentChange);
|
||||||
|
|
||||||
|
class XmlOnSelectionChange extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onSelectionChange";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onselectionchange-f", XmlOnSelectionChange);
|
||||||
|
|
||||||
|
class XmlOnModify extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onModify";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onmodify-f", XmlOnModify);
|
||||||
|
|
||||||
|
class XmlOnAppend extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onAppend";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onappend-f", XmlOnAppend);
|
||||||
|
|
||||||
|
class XmlOnSort extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onSort";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onsort-f", XmlOnSort);
|
||||||
|
|
||||||
|
class XmlOnReplace extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onReplace";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onreplace-f", XmlOnReplace);
|
||||||
|
|
||||||
|
class XmlOnSave extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onSave";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onsave-f", XmlOnSave);
|
||||||
|
|
||||||
|
class XmlOnRemove extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "onRemove";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("onremove-f", XmlOnRemove);
|
||||||
|
|
||||||
|
class XmlSave extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "save";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("save-f", XmlSave);
|
||||||
|
|
||||||
|
class XmlRemove extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "remove";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("remove-f", XmlRemove);
|
||||||
|
|
||||||
|
class XmlGetInfo extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "getInfo";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("getinfo-f", XmlGetInfo);
|
||||||
|
|
||||||
|
class XmlSetInfo extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.className = "setInfo";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
customElements.define("setinfo-f", XmlSetInfo);
|
||||||
Loading…
Reference in New Issue