ax5ui / ax5ui-docker Goto Github PK

myDocker.setConfig({
			target: $('[data-ax5docker="docker1"]'),
			icons: {
				close: '<i class="fa fa-times" aria-hidden="false"></i>',
				more: '<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>'
			},
			panels: [
				{
					type: "stack", // type : row, column, stack
					panels: [
						{						
							type: "panel",
					        name: "지도",
					        moduleName: "content",
					        moduleState: {
					        data1: "지도입니다.1",
					        data2: "지도입니다.2",
					        data3: "지도입니다.3"
					        }				
						}
					]
				}
			],
			disableClosePanel: false,
			disableDragPanel: true,
			control: {
				before: function (that, callback) {
					if (that.controlType === "destroy") {
						if (confirm("삭제 하시겠습니까?")) {
							setTimeout(function () {
								callback();
							}, 300);

							return;
						}
					} else {
						callback();
						return;
					}
				}
			}
		});

		myDocker.onResize = function (e) {
			console.log(e);
		};

		myDocker.addModule({
			"content": {
				init: function (container, state) {
					container["$element"].html(JSON.stringify(state));				},
				active: function (container, state) {
					// console.log(state, "active");
				},
				deactive: function (container, state) {
					// console.log(state, "deactive");
				},
				destroy: function (container, state) {
					// console.log(state, "destroy");
				}
			}
		});

		myDocker.repaint(); // play docker