80 lines
2.0 KiB
JavaScript
80 lines
2.0 KiB
JavaScript
/**
|
|
* UI App Brand
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
(function () {
|
|
const layoutMenu1 = document.querySelector('#layout-menu1'),
|
|
layoutMenu2 = document.querySelector('#layout-menu2'),
|
|
layoutMenu3 = document.querySelector('#layout-menu3'),
|
|
layoutMenu4 = document.querySelector('#layout-menu4');
|
|
|
|
// Initializing four vertical demo menus
|
|
if (layoutMenu1) {
|
|
new Menu(layoutMenu1);
|
|
}
|
|
if (layoutMenu2) {
|
|
new Menu(layoutMenu2);
|
|
}
|
|
if (layoutMenu3) {
|
|
new Menu(layoutMenu3);
|
|
}
|
|
if (layoutMenu4) {
|
|
new Menu(layoutMenu4);
|
|
}
|
|
|
|
// On toggle button click
|
|
const appToggleBtn = document.querySelector('.app-brand-toggle');
|
|
if (appToggleBtn) {
|
|
appToggleBtn.onclick = function () {
|
|
if (layoutMenu1) {
|
|
layoutMenu1.classList.toggle('menu-collapsed');
|
|
}
|
|
if (layoutMenu2) {
|
|
layoutMenu2.classList.toggle('menu-collapsed');
|
|
}
|
|
if (layoutMenu3) {
|
|
layoutMenu3.classList.toggle('menu-collapsed');
|
|
}
|
|
if (layoutMenu4) {
|
|
layoutMenu4.classList.toggle('menu-collapsed');
|
|
}
|
|
};
|
|
}
|
|
|
|
// For Docs only
|
|
const brandNameBtn = document.querySelector('.brand-menu-toggle'),
|
|
logoNameBtn = document.querySelector('.brand-logo-toggle'),
|
|
logoNameTextBtn = document.querySelector('.logo-name-toggle'),
|
|
brandImageBtn = document.querySelector('.brand-image-toggle');
|
|
if (brandNameBtn) {
|
|
brandNameBtn.onclick = function () {
|
|
if (layoutMenu1) {
|
|
layoutMenu1.classList.toggle('menu-collapsed');
|
|
}
|
|
};
|
|
}
|
|
if (logoNameBtn) {
|
|
logoNameBtn.onclick = function () {
|
|
if (layoutMenu2) {
|
|
layoutMenu2.classList.toggle('menu-collapsed');
|
|
}
|
|
};
|
|
}
|
|
if (logoNameTextBtn) {
|
|
logoNameTextBtn.onclick = function () {
|
|
if (layoutMenu3) {
|
|
layoutMenu3.classList.toggle('menu-collapsed');
|
|
}
|
|
};
|
|
}
|
|
if (brandImageBtn) {
|
|
brandImageBtn.onclick = function () {
|
|
if (layoutMenu4) {
|
|
layoutMenu4.classList.toggle('menu-collapsed');
|
|
}
|
|
};
|
|
}
|
|
})();
|