diff options
author | Allan Wang <me@allanwang.ca> | 2019-02-05 22:13:41 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-02-05 22:13:41 -0500 |
commit | 330bf2857396b15752afadb030c981a1cb2848fe (patch) | |
tree | ce224b4ce241ccc58af32614052b2a407f3e89c0 /app/src/web/assets/js/menu.js | |
parent | c484c2728c1688ed695205a420eba3f2b2ba179d (diff) | |
download | frost-330bf2857396b15752afadb030c981a1cb2848fe.tar.gz frost-330bf2857396b15752afadb030c981a1cb2848fe.tar.bz2 frost-330bf2857396b15752afadb030c981a1cb2848fe.zip |
Enhancement/js (#1344)
* Attempt to add package json
* Add initial typescript components
* Convert remaining files
* Remove some null checks
* Reorganize folders
* Add missing js and tests for file paths
* Delete unused babelrc
* Remove unused packages
Diffstat (limited to 'app/src/web/assets/js/menu.js')
-rw-r--r-- | app/src/web/assets/js/menu.js | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/app/src/web/assets/js/menu.js b/app/src/web/assets/js/menu.js new file mode 100644 index 00000000..c30e93cf --- /dev/null +++ b/app/src/web/assets/js/menu.js @@ -0,0 +1,57 @@ +"use strict"; +// Click menu and move contents to main view +(function () { + var viewport = document.querySelector("#viewport"); + var root = document.querySelector("#root"); + var bookmarkJewel = document.querySelector("#bookmarks_jewel"); + if (!viewport || !root || !bookmarkJewel) { + console.log('Menu.js: main elements not found'); + Frost.emit(0); + return; + } + var menuA = bookmarkJewel.querySelector("a"); + if (!menuA) { + console.log('Menu.js: menu links not found'); + Frost.emit(0); + return; + } + var jewel = document.querySelector('#mJewelNav'); + if (!jewel) { + console.log('Menu.js: jewel is null'); + return; + } + var y = new MutationObserver(function () { + viewport.removeAttribute('style'); + root.removeAttribute('style'); + }); + y.observe(viewport, { + attributes: true + }); + y.observe(root, { + attributes: true + }); + var x = new MutationObserver(function () { + var menu = document.querySelector('.mSideMenu'); + if (menu) { + x.disconnect(); + console.log("Found side menu"); + // Transfer elements + while (root.firstChild) { + root.removeChild(root.firstChild); + } + while (menu.childNodes.length) { + viewport.appendChild(menu.childNodes[0]); + } + Frost.emit(0); + setTimeout(function () { + y.disconnect(); + console.log('Unhook styler'); + }, 500); + } + }); + x.observe(jewel, { + childList: true, + subtree: true + }); + menuA.click(); +}).call(undefined); |