|
|
|
@ -1,14 +1,9 @@
|
|
|
|
|
/**메뉴의 생성과 선택 시 동작을 지원한다.
|
|
|
|
|
*/
|
|
|
|
|
class FimsMenuSupport extends MenuSupport {
|
|
|
|
|
/**새 MenuSupport를 생성한다.
|
|
|
|
|
* @param selector {string} 메뉴를 담을 컨테이너에 대한 css selector
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
constructor(selector) {
|
|
|
|
|
this._container = document.querySelector(this._selector = selector);
|
|
|
|
|
this._horizontal = this._container && this._container.classList.contains('menu-horizontal');
|
|
|
|
|
this._orientation = this._horizontal ? "horizontal" : "vertical";
|
|
|
|
|
this._template = this._orientation + "-menu-template";
|
|
|
|
|
super(selector);
|
|
|
|
|
|
|
|
|
|
this._menuItem = '<li data-key="{menuID}" class="menu-item">'
|
|
|
|
|
+'<a data-url="{url}" onclick="openMenu(this)" class="menu-link{toggle}">'
|
|
|
|
@ -17,9 +12,6 @@ class FimsMenuSupport extends MenuSupport {
|
|
|
|
|
+'</a>'
|
|
|
|
|
+'{menuSub}'
|
|
|
|
|
+'</li>';
|
|
|
|
|
|
|
|
|
|
this._menuSub = '<ul class="menu-sub">{children}</ul>';
|
|
|
|
|
this._menus = [];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|