DitapPanel

DitapPanel

다이탭 패널 최상위 클래스.
Ditap panel top class.

new Ditap.DitapPanel(container, viewer)

Name	Type	Description
`container`	Element	패널 컨테이너 요소. A panel container element.
`viewer`	DitapViewer	사용할 Ditap Viewer 인스턴스. The DitapViewer instance to use.

Example:

const viewer = new Ditap.DitapViewer("ditapContainer");
const ditapPanelElement = document.createElement("div");


ditapPanelElement.classList.add("ditap-panel");
document.body.append(ditapPanelElement);

const panel = new Ditap.DitapPanel(ditapPanelElement, viewer);

const content1 = document.createElement("p");
content1.innerText = "다이탭 패널에 대한 내용1";

const content2 = document.createElement("p");
content2.innerText = "다이탭 패널에 대한 내용2";

panel.open(panel.entireWrapper)
panel.setTitle("제목을 입력하세요.");
panel.setSubtitle("부제목을 입력하세요.");

panel.appendContentWrapper(content1);
panel.appendContentWrapper(content2);

Members

closeBtn : Element

패널 취소 버튼 요소.
Panel close button element.

container : Element

패널이 삽입될 컨테이너 HTML 요소.
Container HTML element where the panel will be inserted.

contentWrapper : Element

패널 컨텐츠 영역을 감싸는 요소.
Panel contentWrapper element

ditapPanelManager : Element

다이탭 패널을 관리하기 위한 DitappanelManager.
ditapPanelManager to manage DitapPanel.

패널 헤더 영역 요소.
Panel header element

headerWrapper : Element

패널 헤더 영역을 감싸는 요소.
Panel headerWrapper element.

subtitle : Element

패널 부제목 영역 요소.
Panel subtitle element

title : Element

패널 제목 영역 요소.
Panel title element.

Methods

appendContentWrapper(element)

컨텐츠 영역에 요소 추가.
Append element to ContentWrapper

Name	Type	Description
`element`	Element	추가할 요소. element to add.

appendHeaderWrapper(element)

헤더 영역에 요소 추가.
Append element to HeaderWrapper.

Name	Type	Description
`element`	Element	추가할 요소. Element to add.

close(element)

패널 닫기.
Close panel.

Name	Type	Description
`element`	Element	매개변수가 없는 경우 wrapper 오픈. If no parameter is entered, open headerWrapper

createPanelBtnEvent()

Ditap Panel 버튼 이벤트 추가.

createSwiperEvent()

Ditap Panel 헤더 영역에 스와이퍼 이벤트 추가.
Add swiper event to the panel header area.

destroy()

이 객체의 모든 리소스 제거.
Remove all resources of this object.

init()

패널 초기화.
Panel init.

open(element)

패널 요소 또는 컨테이너 열기.
Open panel Element or Container.

Name	Type	Description
`element`	Element	매개변수가 없는 경우 wrapper 오픈. If no parameter is entered, open headerWrapper

prependContentWrapper(element)

컨텐츠 영역 맨 앞에 요소 추가.
Prepend element to ContentWrapper.

Name	Type	Description
`element`	Element	추가할 요소. element to add.

prependHeaderWrapper(element)

헤더 영역 맨 앞에 요소 추가.
Prepend element to HeaderWrapper.

Name	Type	Description
`element`	Element	추가할 요소. Element to add.

removeAllContentWrapper()

컨텐츠 영역의 모든 자식 요소 제거.
Remove all children of ContentWrapper

removeAllHeaderWrapper()

헤더 영역의 모든 자식 요소 제거.
Remove all children of HeaderWrapper.

removeContentWrapper(element)

컨텐츠 영역의 자식 요소 제거.
Remove children of ContentWrapper.

Name	Type	Description
`element`	Element	제거할 요소. Element to remove.

removeHeaderWrapper(element)

헤더 영역의 자식 요소 제거.
Remove children of HeaderWrapper

Name	Type	Description
`element`	Element	제거할 요소.

removePanelBtnEvent()

Ditap Panel 버튼 이벤트 제거.
Remove panel button event.

removeSwiperEvent()

Ditap Panel 헤더 영역에 스와이퍼 이벤트 제거.
Remove swiper event to the panel header area.

setSubtitle(title)

부제목 설정.
Set the subtitle.

Name	Type	Description
`title`	String	제목. Title to set

setTitle(title)

제목 설정.
Set the title.

Name	Type	Description
`title`	String	제목. Title to set.