{"version":3,"file":"js/c/tablexia_web.js","mappings":"MAAAA,SAASC,iBAAiB,oBAAoB,WAE1C,IAAMC,EAAOF,SAASG,qBAAqB,QAAQ,GAC7CC,EAAaJ,SAASK,eAAe,cACrCC,EAAWN,SAASK,eAAe,YACnCE,EAAYP,SAASK,eAAe,aAC1C,SAASG,EAAKC,EAASC,GACnBN,EAAWH,iBAAiB,SAAS,WACjCQ,EAAQE,UAAUC,OAAOF,EAC7B,GACJ,CAEAF,EAAKN,EAAM,aACXM,EAAKF,EAAU,aACfE,EAAKD,EAAW,YACpB,IAGAP,SAASC,iBAAiB,oBAAoB,WAC1C,IAAMY,EAAeb,SAASc,cAAc,kBACtCC,EAAYf,SAASc,cAAc,eAErCD,GACAA,EAAaZ,iBAAiB,SAAS,WACnCc,EAAUJ,UAAUC,OAAO,aAC/B,GAER,IAKA,IAAMV,EAAOF,SAASG,qBAAqB,QAAQ,GAC/Ca,EAAS,GAsBb,SAASC,EAAaR,GAClBA,EAAQR,iBAAiB,SAAS,WAC9BQ,EAAQS,cAAcC,QAC1B,GACJ,CAeA,SAASC,EAAOX,EAASY,GACrBZ,EAAQa,aAAa,MAAOD,EAChC,CA2BArB,SAASC,iBAAiB,oBAAoB,WAI1C,IAAMsB,EAAUvB,SAASc,cAAc,YAC1Bd,SAASwB,iBAAiB,gBAEhCC,SAAQ,SAAAC,GACXV,EAAOW,KAAKD,EAAIE,aAAa,OACjC,IAKIL,GACAA,EAAQtB,iBAAiB,SAAS,SAAA4B,GA/E1C,IAAoBC,EACVC,EA0CAC,EACFC,EAoCQJ,EAAMK,OAAOvB,UAAUwB,SAAS,eAhF5BL,EAiFOD,EAAMK,OAAON,aAAa,OAhF3CG,EAAO,2EAAHK,OAE0BN,EAAM,2KAM1C5B,EAAKmC,mBAAmB,aAAcN,IAiBtCd,EAAajB,SAASc,cAAc,mBACpCG,EAAajB,SAASc,cAAc,iBAgB9BkB,EAAchC,SAASc,cAAc,iBACvCmB,EAAajC,SAASc,cAAc,gBAExCkB,EAAY/B,iBAAiB,SAAS,SAAA4B,GAClC,IAAMS,EAAiBT,EAAMK,OAAON,aAAa,SAC7CW,EAAWvB,EAAOwB,WACd,SAAAC,GAAG,OAAIA,IAAQR,EAAWL,aAAa,MAAM,IAG9B,oBAAnBU,EAEMlB,EAAOa,EADbM,EAAW,EACcvB,EAAOA,EAAO0B,OAAS,GACvB1B,EAAOuB,EAAW,IACjB,iBAAnBD,IACPC,EAAWvB,EAAO0B,OAAS,EACrBtB,EAAOa,EAAYjB,EAAOuB,EAAW,IACrCnB,EAAOa,EAAYjB,EAAO,IAExC,GAwBI,GAER,G","sources":["webpack://tablexia-web/./tablexia_web/static/js/src/main.js"],"sourcesContent":["document.addEventListener('DOMContentLoaded', () => {\n    /* Menu control */\n    const body = document.getElementsByTagName('BODY')[0]\n    const toggleMenu = document.getElementById('toggleMenu')\n    const openMenu = document.getElementById('openMenu')\n    const closeMenu = document.getElementById('closeMenu')\n    function menu(element, add) {\n        toggleMenu.addEventListener('click', () => {\n            element.classList.toggle(add)\n        })\n    }\n\n    menu(body, 'show-body')\n    menu(openMenu, 'hide-icon')\n    menu(closeMenu, 'show-icon')\n})\n\n/* Wood board control*/\ndocument.addEventListener('DOMContentLoaded', () => {\n    const arrowWrapper = document.querySelector('.arrow-wrapper')\n    const woodBoard = document.querySelector('.wood-board')\n\n    if (arrowWrapper) {\n        arrowWrapper.addEventListener('click', () => {\n            woodBoard.classList.toggle('board-hide')\n        })\n    }\n})\n\n/**\n * Control for gallery\n */\nconst body = document.getElementsByTagName('body')[0],\n    srcImg = []\n\n/**\n * Create html for view gallery\n *  @param {String} imgUrl - image src for open gallery\n */\nfunction createHtml(imgUrl) {\n    const html = `\n    <div class='gallery-view'>\n        <img class='gallery-img' src='${imgUrl}' alt='open image'>\n        <div class='gallery-close'></div>\n        <div class='gallery-previus'></div>\n        <div class='gallery-next'></div>\n    </div>\n    `\n    body.insertAdjacentHTML('afterbegin', html)\n}\n\n/**\n * Select parent (view gallery) for remove\n * @param {HTMLElement} element - event on this HTMLElement remove view gallery\n */\nfunction removeParent(element) {\n    element.addEventListener('click', () => {\n        element.parentElement.remove()\n    })\n}\n\n/**\n * Remove view gallery\n */\nfunction removeGalleryView() {\n    removeParent(document.querySelector('.gallery-close'))\n    removeParent(document.querySelector('.gallery-img'))\n}\n\n/**\n * Set new image in view gallery\n * @param {HTMLElement} element - image HMTlElemnt in view gallery\n * @param {Number} url - item from array srcImg\n */\nfunction setImg(element, url) {\n    element.setAttribute('src', url)\n}\n\n/**\n * Previus and next image controll\n */\nfunction controllGallery() {\n    const galleryView = document.querySelector('.gallery-view'),\n        galleryImg = document.querySelector('.gallery-img')\n\n    galleryView.addEventListener('click', event => {\n        const clickedElement = event.target.getAttribute('class'),\n            imgIndex = srcImg.findIndex(\n                src => src === galleryImg.getAttribute('src')\n            )\n\n        if (clickedElement === 'gallery-previus') {\n            imgIndex < 1\n                ? setImg(galleryImg, srcImg[srcImg.length - 1])\n                : setImg(galleryImg, srcImg[imgIndex - 1])\n        } else if (clickedElement === 'gallery-next') {\n            imgIndex < srcImg.length - 1\n                ? setImg(galleryImg, srcImg[imgIndex + 1])\n                : setImg(galleryImg, srcImg[0])\n        }\n    })\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    /**\n     * Get all url images from gallery to array srcImg\n     */\n    const gallery = document.querySelector('.gallery'),\n        allImg = document.querySelectorAll('.gallery img')\n\n    allImg.forEach(img => {\n        srcImg.push(img.getAttribute('src'))\n    })\n\n    /**\n     * Open view gallery\n     */\n    if (gallery) {\n        gallery.addEventListener('click', event => {\n            if (event.target.classList.contains('img-fluid')) {\n                createHtml(event.target.getAttribute('src'))\n            }\n            removeGalleryView()\n            controllGallery()\n        })\n    }\n})\n"],"names":["document","addEventListener","body","getElementsByTagName","toggleMenu","getElementById","openMenu","closeMenu","menu","element","add","classList","toggle","arrowWrapper","querySelector","woodBoard","srcImg","removeParent","parentElement","remove","setImg","url","setAttribute","gallery","querySelectorAll","forEach","img","push","getAttribute","event","imgUrl","html","galleryView","galleryImg","target","contains","concat","insertAdjacentHTML","clickedElement","imgIndex","findIndex","src","length"],"sourceRoot":""}