{"version":3,"sources":["images/tin/logo.png","components/Layout/Topbar.js"],"names":["module","exports","Topbar","props","activateParentDropdown","item","parent","parentElement","classList","add","parent1","parent2","parent3","state","isOpen","page","landing","docs","new","utility","user","work","blog","carr","toggleLine","bind","this","setState","prevState","matchingMenuItem","items","document","getElementById","getElementsByTagName","i","length","location","pathname","Fragment","dir","id","className","to","style","height","src","logoAddress","onClick","display","Component","withRouter"],"mappings":"0FAAAA,EAAOC,QAAU,IAA0B,kC,yICMrCC,G,kBAEF,WAAYC,GAAQ,IAAD,8BACf,4CAAMA,KAkCTC,uBAAyB,SAACC,GACrB,IAAMC,EAASD,EAAKE,cACpB,GAAID,EAAQ,CACRA,EAAOE,UAAUC,IAAI,UACrB,IAAMC,EAAUJ,EAAOC,cAEvB,GADAG,EAAQF,UAAUC,IAAI,UAClBC,EAAS,CACT,IAAMC,EAAUD,EAAQH,cAExB,GADAI,EAAQH,UAAUC,IAAI,UAClBE,EAAS,CACX,IAAMC,EAAUD,EAAQJ,cAExB,GADAK,EAAQJ,UAAUC,IAAI,UAClBG,EACgBA,EAAQL,cAChBC,UAAUC,IAAI,cA/CtC,EAAKI,MAAQ,CACTC,QAAS,EACTC,MAAO,EACPC,SAAU,EACVC,MAAO,EACPC,KAAK,EACLC,SAAU,EACVC,MAAO,EACPC,MAAO,EACPC,MAAO,EACPC,MAAO,GACX,EAAKC,WAAa,EAAKA,WAAWC,KAAhB,gBAbH,E,0EAiBfC,KAAKC,UAAS,SAAAC,GAAS,MAAK,CAAGd,QAASc,EAAUd,a,0CAOjD,IAHA,IAAIe,EAAmB,KAEnBC,EADKC,SAASC,eAAe,YAClBC,qBAAqB,KAC3BC,EAAI,EAAGA,EAAIJ,EAAMK,SAAUD,EAChC,GAAIR,KAAKvB,MAAMiC,SAASC,WAAaP,EAAMI,GAAGG,SAAU,CACpDR,EAAmBC,EAAMI,GACzB,MAGJL,GACDH,KAAKtB,uBAAuByB,K,+BA0BhC,OACI,kBAAC,IAAMS,SAAP,KACI,4BAAQC,IAAI,MAAMC,GAAG,SAAUC,UAAU,oCACrC,yBAAKA,UAAU,aACX,6BACI,kBAAC,IAAD,CAAMA,UAAU,OAAOC,GAAG,KAEtB,yBAAKC,MAAO,CAACC,OAAO,QAAUC,IAAKC,QAM3C,yBAAKL,UAAU,eACX,yBAAKA,UAAU,aACX,kBAAC,IAAD,CAAMC,GAAG,IAAIK,QAAUrB,KAAKF,WAAaiB,UAAWf,KAAKb,MAAMC,OAAS,qBAAuB,iBAC3F,yBAAK2B,UAAU,SACX,+BACA,+BACA,mCAMhB,yBAAKD,GAAG,aAAaC,UAAU,cAAcE,MAAO,CAAEK,QAAUtB,KAAKb,MAAMC,OAAS,QAAU,SAC1F,wBAAI2B,UAAU,8BAA+BD,GAAG,YAC5C,wBAAIC,UAAU,eAAc,kBAAC,IAAD,CAAMC,GAAG,KAAT,sDAE5B,wBAAID,UAAU,eAAc,kBAAC,IAAD,CAAMC,GAAG,YAAT,mCAE5B,wBAAID,UAAU,eAAc,kBAAC,IAAD,CAAMC,GAAG,wBAAT,gE,GA1FvCO,cAqINC,sBAAWhD,I","file":"static/js/68.6addaa65.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.dd8150c4.png\";","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { withRouter } from \"react-router\";\r\nimport logoAddress from '../../images/tin/logo.png';\r\nimport '../../css/persianStyle.css';\r\n\r\nclass Topbar extends Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = { \r\n            isOpen : false, \r\n            page : false, \r\n            landing : false,\r\n            docs : false,\r\n            new :false,\r\n            utility : false,\r\n            user : false,\r\n            work : false,\r\n            blog : false,\r\n            carr : false };\r\n        this.toggleLine = this.toggleLine.bind(this);\r\n    }\r\n\r\n    toggleLine() {\r\n        this.setState(prevState => ({  isOpen: !prevState.isOpen }));\r\n    }\r\n\r\n    componentDidMount() {\r\n         var matchingMenuItem = null;\r\n         var ul = document.getElementById(\"top-menu\");\r\n         var items = ul.getElementsByTagName(\"a\");\r\n         for (var i = 0; i < items.length; ++i) {\r\n             if (this.props.location.pathname === items[i].pathname) {\r\n                 matchingMenuItem = items[i];\r\n                 break;\r\n             }\r\n         }\r\n         if (matchingMenuItem) {\r\n            this.activateParentDropdown(matchingMenuItem);\r\n         }\r\n     }\r\n \r\n     activateParentDropdown = (item) => {\r\n          const parent = item.parentElement;\r\n          if (parent) {\r\n              parent.classList.add('active'); // li\r\n              const parent1 = parent.parentElement;\r\n              parent1.classList.add('active'); // li\r\n              if (parent1) {\r\n                  const parent2 = parent1.parentElement;\r\n                  parent2.classList.add('active'); // li\r\n                  if (parent2) {\r\n                    const parent3 = parent2.parentElement;\r\n                    parent3.classList.add('active'); // li\r\n                    if (parent3) {\r\n                        const parent4 = parent3.parentElement;\r\n                        parent4.classList.add('active'); // li\r\n                 }\r\n             }\r\n         }\r\n     }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                <header dir=\"rtl\" id=\"topnav\"  className=\"defaultscroll sticky persianfont\">\r\n                    <div className=\"container\" >\r\n                        <div>\r\n                            <Link className=\"logo\" to=\"/\">\r\n                                \r\n                                <img style={{height:'60px'}}  src={logoAddress}></img>\r\n                               </Link>\r\n                        </div>\r\n                        {/* <div className=\"buy-button\">\r\n                            <Link to=\"#\" className=\"btn btn-primary\">Buy Now</Link>\r\n                        </div> */}\r\n                        <div className=\"menu-extras\">\r\n                            <div className=\"menu-item\">\r\n                                <Link to=\"#\" onClick={ this.toggleLine } className={this.state.isOpen ? \"navbar-toggle open\" : \"navbar-toggle\" } >\r\n                                    <div className=\"lines\">\r\n                                        <span></span>\r\n                                        <span></span>\r\n                                        <span></span>\r\n                                    </div>\r\n                                </Link>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div id=\"navigation\" className=\"persianfont\" style={{ display : this.state.isOpen ? \"block\" : \"none\" }}>\r\n                            <ul className=\"navigation-menu persianfont\"  id=\"top-menu\">\r\n                                <li className=\"persianfont\"><Link to=\"/\">صفحه اصلی</Link></li>\r\n                                {/* <li><Link to=\"/\">پخش زنده</Link></li> */}\r\n                                <li className=\"persianfont\"><Link to=\"/archive\">آرشیو</Link></li>\r\n\r\n                                <li className=\"persianfont\"><Link to=\"/page-contact-detail\">تماس با ما</Link></li>\r\n                                {/* <li className=\"has-submenu\">\r\n                                    <Link  to=\"/#\" onClick={(event) => {  event.preventDefault();  this.setState({ landing : !this.state.landing }) } }>Landing</Link>\r\n                                    <span className=\"menu-arrow\"></span>\r\n                                    <ul  className={ this.state.landing ? \"submenu megamenu open\" : \"submenu megamenu\" }  >\r\n                                        <li>\r\n                                            <ul>\r\n                                                <li><Link to=\"/index-saas\">Saas</Link></li>\r\n                                                <li><Link to=\"/index-agency\">Agency</Link></li>\r\n                                                <li><Link to=\"/index-apps\">Application</Link></li>\r\n                                                <li><Link to=\"/index-studio\">Studio</Link></li>\r\n                                                <li><Link to=\"/index-business\">Business</Link></li>\r\n                                                <li><Link to=\"/index-modern-business\">Modern Business</Link></li>\r\n                                                <li><Link to=\"/index-hotel\">Hotel</Link></li>\r\n                                                <li><Link to=\"/index-marketing\">Marketing</Link></li>\r\n                                                <li><Link to=\"/index-enterprise\">Enterprise </Link></li>\r\n                                            </ul>\r\n                                        </li>\r\n                                        <li>\r\n                                            <ul>\r\n                                                <li><Link to=\"/index-coworking\">Coworking</Link></li>\r\n                                                <li><Link to=\"/index-cloud-hosting\">Cloud Hosting</Link></li>\r\n                                                <li><Link to=\"/index-event\">Event</Link></li>\r\n                                                <li><Link to=\"/index-course\">Course </Link></li>\r\n                                                <li><Link to=\"/index-personal\">Personal </Link></li>\r\n                                                <li><Link to=\"/index-single\">Product </Link></li>\r\n                                                <li><Link to=\"/index-portfolio\">Portfolio </Link></li>\r\n                                                <li><Link to=\"/index-services\">Service </Link></li>\r\n                                            </ul>\r\n                                        </li>\r\n                                    </ul>\r\n                                </li> */}\r\n                               \r\n                       \r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </header>\r\n            </React.Fragment>\r\n        );\r\n    }\r\n}\r\n\r\nexport default withRouter(Topbar);"],"sourceRoot":""}