{"version":3,"sources":["NestedList.js","components/MenuComponents/MenuBtn.js","components/MenuComponents/MenuExteriorView.js","components/MenuComponents/MenuInterierView.js","components/MenuComponents/AnimationBtn.js","components/MenuComponents/MenuSoftware.js","components/MenuComponents/Howtousenew.js","components/MenuComponents/HowToUse.js","components/MenuComponents/FooterControl.js","components/MenuComponents/FooterControlMob.js","components/MenuComponents/MainMenu.js","App.js","index.js"],"names":["NestedList","props","readStates","myList","list","id","title","items","tempObj","tempItems","tempId","hasGroup","configStates","States","states","configGroups","displaylayers","state","update","json","sceneReady","i","length","j","checkGroup","split","k","name","l","subitems","push","divReact","getAttribute","cameraName","Object","keys","positions","cameraPos","values","setState","handleClick","e","check","c","window","scene","gotoPosInTime","pos","changeSelection","groupApplyState","handleClickSubItem","console","log","a","currentSelection","document","getElementById","fetchJson","fetch","headers","then","response","myJson","waitForGlobal","key","callback","_prepared","setTimeout","this","classes","map","List","className","root","item","ListItem","button","onClick","bind","selected","ListItemText","primary","Collapse","in","timeout","unmountOnExit","disablePadding","sitem","nested","React","Component","withStyles","theme","color","width","background","palette","paper","marginRight","paddingLeft","spacing","formControl","margin","minWidth","Btn","borderRadius","border","boxShadow","marginLeft","textTransform","BtnIcon","height","MenuBtn","Button","tabIndex","style","variant","startIcon","Avatar","src","source","submenu","ProductViewHeader","borderBottom","minHeight","AccordianIcons","MenuExteriorView","Accordion","onChange","onChanged","expanded","AccordionSummary","expandIcon","onKeyPress","onExterior","Typography","fontWeight","AccordionDetails","aria-label","onFrontMode","finalLangues","front","onRearMode","aria-hidden","rear","MenuInterierView","useState","onInterirorBtnClick","onProcessorBtnClick","processor","onMemoryBtnClick","menory","onDMEnclosureClick","dmEnclosure","Animationbtns","marginTop","position","Animationbtns1","marginBottom","animSpan","display","verticalAlign","textAlign","paddingRight","AnimationBtn","reduceTransitions","forKeypress","onchange","type","onScreenControls","forKeypress1","onchange1","alt","MenuSoftware","onSoftware","onIAutomationClicked","iAutomate","onCResiliencyClicked","cResiliency","onBEfficiencyClicked","bEfficiency","onCModernClicked","cModern","Howtousenew","getElementsByClassName","backgroundColor","zIndex","exploreClick","allThreeDiv","fontFamily","fontStyle","fontSize","lineHeight","mobAllthreeDiv","justifyContent","alignItems","usestyle","left","top","iconStyle","transform","Fragment","Hidden","only","howToUse","ReactDOM","createPortal","move","rotate","zoom","cursor","exploreProductIn3D","flexWrap","returnTo3D","HowToUse","howtoUseD","opacity","animationName","howToUseDiv","imgUse","transition","right","flexDirection","useStyles","makeStyles","newBtns","extendedIcon","FooterControl","handleZoomChange","newValue","_nav","NavChangeDolly","undefined","target","value","hotspot","setAttribute","threeButtons","letterSpacing","topBtnstyle","setCamData","animationSwitch","Animation","useEffect","rippleRef","useRef","rippleRefs","class","float","NavRotation","clearRefine","size","onMouseDown","current","start","onMouseUp","stop","role","getZoomFactor","parseFloat","ref","center","min","max","step","clear","onPrevious","previousView","onReset","resetView","onNext","nextView","FooterControlMob","mobthreeButtons","getData","_navYAng","onPreviousIpad","previousViewMob","onResetIpad","onNextIpad","nextViewMob","onPreviousMob","onResetMob","resetViewMob","onNextMob","mob","navigator","userAgent","indexOf","moblandscap","innerHeight","innerWidth","isipad","match","maxTouchPoints","buttonSeq","MainMenu","expandedPanel","setExpandedPanel","selectedButton","setSelectedButton","handleAccordionChange","panel","event","isExpanded","querySelector","bottom","camData","animTime","getLangTranscript","keyCode","click","GotoPosInTimeNamedValue","gotoposname","onComplete","onSample","opt","gp","fovy","zang","time","isMac","clearSlideSetTimeout","sliderRangeBarUpdate","slider","animArray","reverseAll","forEach","animName","animIsPlaying","getAnim","animPlayInTime","clearTimeout","querySelectorAll","alreadySelected","classList","remove","hideId","_navMaxDolly","_panMax","_panMin","previousAndNextView","previous","next","onExteriorClick","isNextPrevious","add","config","reset","RT_RecordEvent","FrontModeClick","focus","RearModeClick","onInterirorClick","onProcessorClick","onMemoryClick","onDMEClick","interior","onSoftwareClick","dellLogoFix","IAutomationClick","insideSoftware","CResiliencyClick","BEfficiencyClick","CModernClick","resetMode","menuSelectedButton","menuSelectItem","onResetMode","onPreviousMode","prevButton","selectedButtonIndex","findIndex","element","onNextMode","nextButton","animValue","setAnimValue","animValue1","setAnimValue1","checked","animStopped","paddingTop","paddingBottom","borderLeft","borderRight","endIcon","toggleDrawerAction","mainMenu","exterior","software","animation1SwitchGlobal","animationSwitchVal","removeAttribute","visibility","animationSwitchGlobal","value1","ipad","ipadPortrait","statebtns","drawerPaper","maxWidth","overflow","selectEmpty","App","burgerBtnVisible","setBurgerBtnVisible","toggleDrawer","anchor","open","menuMobLandscapOpen","orientationPotrait","setOrientation","checkOrientationStatus","orientationStatus","setgetLangTranscript","checkgetLangTranscript","closeBtnVisibilityOpen","closeBtnVisibilityClose","disableElevation","canvasMarginReset","Drawer","onClose","overflowY","overflowX","createMuiTheme","main","secondary","render","ThemeProvider"],"mappings":"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","file":"static/js/main.f02bd715.chunk.js","sourcesContent":["import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ListSubheader from \"@material-ui/core/ListSubheader\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\r\n// import Divider from \"@material-ui/core/Divider\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport States from \"./model_gl/config\";\r\n\r\n\r\nconst styles = theme => ({\r\n   root: {\r\n\r\n      //SubTitle Color\r\n      '& .MuiListSubheader-root.MuiListSubheader-colorPrimary': {\r\n         color: '#e91e63'\r\n      },\r\n\r\n      width: \"100%\",\r\n      //maxWidth: 360,\r\n      background: theme.palette.background.paper,\r\n      marginRight: '3vw',\r\n\r\n   },\r\n\r\n   nested: {\r\n      paddingLeft: theme.spacing(4)\r\n   },\r\n\r\n   formControl: {\r\n      margin: theme.spacing(1),\r\n      minWidth: 120,\r\n      width: \"92%\"\r\n   },\r\n\r\n});\r\n\r\n\r\n\r\nclass NestedList extends React.Component {\r\n\r\n   constructor(props) {\r\n      super(props);\r\n      this.state = { items: this.readStates(),json: {},update: false,cameraName: [],cameraPos: [],sceneReady: false,currentSelection: null };\r\n      //Get DIV react html element to access attributes\r\n      this.divReact = document.getElementById('root');\r\n   }\r\n\r\n\r\n   readStates = () => {\r\n\r\n      var myList = { list: [{ id: 1,title: \"States\",items: [] }] }\r\n\r\n      var tempObj = {};\r\n      var tempItems = [];\r\n      var tempId = 1;\r\n      var hasGroup = false;\r\n      var checkGroup = false;\r\n\r\n\r\n      var configStates = States.states;\r\n      var configGroups = States.displaylayers;\r\n\r\n      //If Config.json is fetched\r\n      if (this.state.update == true) {\r\n         configStates = this.state.json.states;\r\n         configGroups = this.state.json.displaylayers;\r\n\r\n         //Update Camera from Global Scene if the Scene exists\r\n         if (this.state.sceneReady == true) {\r\n\r\n            /* window.scene.gotoPosInTime(this.state.json.positions.reset.pos[0],\r\n            this.state.json.positions.reset.pos[1],\r\n            this.state.json.positions.reset.pos[2],\r\n            this.state.json.positions.reset.pos[3],\r\n            this.state.json.positions.reset.pos[4], 0); */\r\n         }\r\n      }\r\n\r\n      for (var i = 0; i < configStates.length; i++) {\r\n         hasGroup = false;\r\n         checkGroup = false;\r\n         for (var j = 0; j < configGroups.length; j++) {\r\n            //Check Groups on States\r\n            let checkGroup = configStates[i].split(configGroups[j] + \":\");\r\n            if (checkGroup.length > 1) {\r\n               hasGroup = true;\r\n               //Check if group exists in the tempItems\r\n               if (tempItems.length > 0) {\r\n                  for (var k = 0; k < tempItems.length; k++) {\r\n                     if (tempItems[k].name == configGroups[j]) {\r\n                        //Exist\r\n                        checkGroup = true;\r\n                     }\r\n                  }\r\n                  //Addind when already exists\r\n                  if (checkGroup == true) {\r\n                     //console.log(\"THERE IS\");\r\n                     //Search for GroupName\r\n                     for (var l = 0; l < tempItems.length; l++) {\r\n                        if (tempItems[l].name == configGroups[j]) {\r\n                           //Get the number of SubIDs\r\n                           let subId = tempItems[l].subitems.length + 1;\r\n                           tempObj = { id: subId,name: configStates[i] };\r\n                           tempItems[l].subitems.push(tempObj);\r\n                           tempObj = {};\r\n                        }\r\n                     }\r\n\r\n                     //Addind when does not exist\r\n                  } else {\r\n                     //console.log(\"NOT\");\r\n                     tempObj.id = tempId;\r\n                     tempObj.name = configGroups[j];\r\n                     tempObj.subitems = [{ id: 1,name: configStates[i] }];\r\n                     tempId += 1;\r\n                     tempItems.push(tempObj);\r\n                     tempObj = {};\r\n                  }\r\n\r\n               } else {\r\n                  //First Time to Add if tempArray is Empty\r\n                  tempObj.id = tempId;\r\n                  tempObj.name = configGroups[j];\r\n                  tempObj.subitems = [{ id: 1,name: configStates[i] }];\r\n                  tempId += 1;\r\n                  tempItems.push(tempObj);\r\n                  tempObj = {};\r\n               }\r\n\r\n            } else {\r\n               //if it has no groups and in the last interation\r\n               if (hasGroup == false && (j == configGroups.length - 1)) {\r\n                  tempObj.id = tempId;\r\n                  tempObj.name = configStates[i];\r\n                  tempId += 1;\r\n                  tempItems.push(tempObj);\r\n                  tempObj = {};\r\n               }\r\n            }\r\n\r\n         }\r\n      }\r\n\r\n      //Change names from SubGroups to work in the list\r\n      for (var i = 0; i < tempItems.length; i++) {\r\n         if (tempItems[i].subitems != null) {\r\n            tempItems[i].name = \"Grp_\" + tempItems[i].name;\r\n         }\r\n      }\r\n\r\n      //Final Result\r\n      // myList.list[0].items = [...tempItems]; \r\n\r\n      //Adding Cameras if Scene is Updated\r\n      if (this.state.update == true && this.divReact.getAttribute(\"data-camera\") == 'true') {\r\n\r\n         myList.list.push({ id: 2,title: \"Cameras\",items: [] });\r\n\r\n         let cameraName = Object.keys(this.state.json.positions);\r\n         let cameraPos = Object.values(this.state.json.positions);\r\n         this.setState({ cameraName: cameraName,cameraPos: cameraPos });\r\n\r\n         //console.log(cameraPos[0].pos);\r\n\r\n         for (var i = 0; i < cameraName.length; i++) {\r\n\r\n            myList.list[1].items.push({ id: (i + 1),name: cameraName[i] })\r\n         }\r\n\r\n\r\n\r\n      }\r\n\r\n      return myList;\r\n\r\n   };//Finished Function ********************************************\r\n\r\n\r\n   componentDidMount() {\r\n\r\n      // window.addEventListener('window.scene._prepared', ()=>{console.log(\"Prepared\") }, true );\r\n\r\n\r\n      //Update Json\r\n      const fetchJson = async () => {\r\n\r\n         const response = await fetch('./model_gl/config.json'\r\n            ,{\r\n               headers: {\r\n                  'Content-Type': 'application/json',\r\n                  'Accept': 'application/json'\r\n               }\r\n            }\r\n         ).then((response) => response.json())\r\n            .then((myJson) => { this.setState({ json: myJson,update: true }); this.setState({ items: this.readStates() }); })\r\n      }\r\n\r\n      //Function waiting for Global Variables (Camera) \r\n      const waitForGlobal = async function (key,callback) {\r\n\r\n         if (window[key]) {\r\n\r\n            if (window[key]._prepared == true) { callback(); }\r\n            else {\r\n               setTimeout(function () {\r\n                  waitForGlobal(key,callback);\r\n               },100);\r\n            }\r\n         } else {\r\n            setTimeout(function () {\r\n               waitForGlobal(key,callback);\r\n            },100);\r\n         }\r\n\r\n      };\r\n\r\n      waitForGlobal(\"scene\",fetchJson);\r\n   }\r\n\r\n   componentWillUnmount() {\r\n      // fix Warning: Can't perform a React state update on an unmounted component\r\n      this.setState = (state,callback) => {\r\n         return;\r\n      };\r\n   }\r\n\r\n   state = {};\r\n\r\n\r\n   handleClick = e => {\r\n\r\n      this.setState({ [e]: !this.state[e] });\r\n      let check = false;\r\n\r\n      //Check if it is a Camera\r\n      for (var c = 0; c < this.state.cameraName.length; c++) {\r\n         if (e === this.state.cameraName[c]) {\r\n            check = true\r\n\r\n            window.scene.gotoPosInTime(this.state.cameraPos[c].pos[0],\r\n               this.state.cameraPos[c].pos[1],\r\n               this.state.cameraPos[c].pos[2],\r\n               this.state.cameraPos[c].pos[3],\r\n               this.state.cameraPos[c].pos[4],0);\r\n         }\r\n      }\r\n\r\n      //If it is not a Camera neither a Group\r\n      if (check == false) {\r\n         if (e.split(\"Grp_\").length > 1) {\r\n\r\n         } else {\r\n\r\n            //Apply State\r\n            this.changeSelection(e);\r\n            window.scene.groupApplyState(e);\r\n\r\n\r\n         }\r\n      }\r\n\r\n   };\r\n\r\n   handleClickSubItem = e => {\r\n      console.log(e);\r\n      this.changeSelection(e);\r\n      window.scene.groupApplyState(e);\r\n   };\r\n\r\n   //Function to change Async(ly) the selection state\r\n   changeSelection = async (e) => {\r\n      await this.setState({ currentSelection: e });\r\n      console.log(this.state.currentSelection);\r\n   }\r\n\r\n\r\n   render() {\r\n\r\n      //Get All NestedList (states) from Models\r\n      // const items = this.state.items;\r\n\r\n      const { classes } = this.props;\r\n\r\n      return (\r\n         <div>\r\n\r\n            {this.state.items.list.map(list => {\r\n               return (\r\n\r\n                  <List\r\n                     className={classes.root}\r\n                     key={list.id}\r\n                  // subheader={\r\n                  //     <ListSubheader color={'primary'} className={classes.root}>{list.title}</ListSubheader>\r\n                  // }\r\n                  >\r\n                     {list.items.map(item => {\r\n                        return (\r\n                           <div key={item.id}>\r\n                              {item.subitems != null ? (\r\n                                 <div key={item.id}>\r\n                                    <ListItem\r\n                                       button\r\n                                       key={item.id}\r\n                                       onClick={this.handleClick.bind(\r\n                                          this,\r\n                                          item.name\r\n                                       )}\r\n                                       selected={this.state.currentSelection == item.name ? true : false}\r\n                                    >\r\n                                       {this.state[item.name] ? (\r\n                                          <ExpandLess />\r\n                                       ) : (\r\n                                          <ExpandMore />\r\n                                       )}\r\n\r\n                                       <ListItemText\r\n                                          primary={item.name}\r\n                                       />\r\n\r\n                                    </ListItem>\r\n                                    <Collapse\r\n                                       key={list.items.id}\r\n                                       // component=\"li\"\r\n                                       in={this.state[item.name]}\r\n                                       timeout=\"auto\"\r\n                                       unmountOnExit\r\n                                    >\r\n                                       <List disablePadding>\r\n                                          {item.subitems.map(\r\n                                             sitem => {\r\n                                                return (\r\n                                                   <ListItem\r\n                                                      button\r\n                                                      key={\r\n                                                         sitem.id\r\n                                                      }\r\n                                                      className={\r\n                                                         classes.nested\r\n                                                      }\r\n                                                      onClick={this.handleClickSubItem.bind(\r\n                                                         this,\r\n                                                         sitem.name\r\n                                                      )}\r\n\r\n                                                      selected={this.state.currentSelection == sitem.name ? true : false}\r\n\r\n                                                   >\r\n                                                      <ListItemText\r\n                                                         key={\r\n                                                            sitem.id\r\n                                                         }\r\n                                                         primary={\r\n                                                            sitem.name\r\n                                                         }\r\n                                                      />\r\n                                                   </ListItem>\r\n                                                );\r\n                                             }\r\n                                          )}\r\n                                       </List>\r\n                                    </Collapse>{\" \"}\r\n                                 </div>\r\n                              ) : (\r\n                                 <ListItem\r\n                                    button\r\n                                    key={item.id}\r\n                                    onClick={this.handleClick.bind(\r\n                                       this,\r\n                                       item.name\r\n                                    )}\r\n                                 >\r\n                                    <ListItemText\r\n                                       primary={item.name}\r\n                                    />\r\n                                 </ListItem>\r\n                              )}\r\n                           </div>\r\n                        );\r\n                     })}\r\n                     {/* <Divider key={list.id} absolute /> */}\r\n                  </List>\r\n               );\r\n            })}\r\n         </div>\r\n      );\r\n   }\r\n}\r\nNestedList.propTypes = {\r\n   classes: PropTypes.object.isRequired\r\n};\r\nexport default withStyles(styles)(NestedList);","import React from 'react';\r\nimport ReactDOM from \"react-dom\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nconst Btn = {\r\n   borderRadius: \"0px\",\r\n   background: 'transparent',\r\n   border: 'none',\r\n   boxShadow: 'none',\r\n   marginLeft: '10px',\r\n   color: '#000',\r\n   textTransform: 'capitalize',\r\n   marginRight: \"12px\"\r\n}\r\n//  const Btn:hover {\r\n//   font-weight: bold;\r\n//   background-color: #d2dde4;\r\n// }\r\nconst BtnIcon = {\r\n   borderRadius: \"0px\",\r\n   background: 'transparent',\r\n   width: '52px',\r\n   height: '36px'\r\n}\r\nconst MenuBtn = (props) => {\r\n   return (\r\n      <div className=\"menubtn\">\r\n         <Button tabIndex=\"-1\" className=\"Btnsubmenu\" style={Btn} variant=\"contained\" color=\"secondary\" startIcon={<Avatar style={BtnIcon} src={props.source} />}>\r\n            {props.submenu}\r\n         </Button>\r\n      </div>\r\n   )\r\n}\r\nexport default MenuBtn;","import React from 'react';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n// import Avatars from './Avatars';\r\nimport MenuBtn from './MenuBtn';\r\n// import RadioBtns from './RadioBtns';\r\nconst ProductViewHeader = {\r\n   borderBottom: \"1px solid #c7c7c7\",\r\n   minHeight: \"52px\"\r\n}\r\nconst AccordianIcons = {\r\n   width: \"36px\",\r\n   height: \"25px !important\",\r\n   marginLeft: '24px'\r\n}\r\n\r\nconst MenuExteriorView = (props) => {\r\n\r\n\r\n\r\n\r\n   return (\r\n      <div className=\"Accordians\">\r\n         <Accordion style={{ borderRadius: \"0px\" }} onChange={props.onChanged} expanded={props.expanded}>\r\n            <AccordionSummary id=\"exteriorViewBtn\" tabIndex=\"1\"\r\n               expandIcon={<ExpandMoreIcon />} style={ProductViewHeader} onKeyPress={props.onExterior} onClick={props.onExterior}>\r\n               {/* <img  src=\"./img/dimensions.png\" style={{width:\"40px\",height:\"30px\",paddingLeft: \"2px\",paddingTop: \"2px\"}}/> */}\r\n               <Typography className=\"accordion-headers AccordiansHeader\" style={{ fontWeight: \"700\",margin: \"0px 0px\" }}>{props.name}</Typography>\r\n            </AccordionSummary>\r\n\r\n            {/* <AccordionDetails tabIndex=\"1\" aria-label=\"Front\" id=\"overviewBtn\" onKeyPress={props.onOverviewMode} onClick={props.onOverviewMode}>\r\n               <MenuBtn style={AccordianIcons} submenu={'Overview'} source=\"./img/overview.png\" />\r\n            </AccordionDetails> */}\r\n\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Front\" id=\"frontBtn\" onKeyPress={props.onFrontMode} onClick={props.onFrontMode}>\r\n               <MenuBtn style={AccordianIcons} submenu={window.finalLangues.front} source=\"./img/front.png\" />\r\n            </AccordionDetails>\r\n\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Rear\" id=\"rearBtn\" onKeyPress={props.onRearMode} onClick={props.onRearMode}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.rear} source=\"./img/rear.png\" />\r\n            </AccordionDetails>\r\n            {/* <AccordionDetails tabIndex=\"1\" aria-label=\"Dimensions\" id=\"dimensionsBtn\" onKeyPress={props.onDimensionMode} onClick={props.onDimensionMode}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.port7} source=\"./img/dimensions.png\" />\r\n            </AccordionDetails> */}\r\n\r\n            {/* <AccordionDetails tabIndex=\"1\" aria-label=\"Right\" id=\"leftBtn\"  onKeyPress={ props.onLeftBtnClick} onClick={props.onLeftBtnClick}>\r\n        <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu=\"Right\" source={props.imgleft}/>\r\n        </AccordionDetails>   */}\r\n\r\n         </Accordion>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default MenuExteriorView;","import React,{useState} from \"react\";\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n// import Avatars from \"./Avatars\";\r\nimport MenuBtn from './MenuBtn';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\n// import RadioBtns from './RadioBtns';\r\n\r\n// import { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\r\n// import Avatar from '@material-ui/core/Avatar';\r\nconst ProductViewHeader={\r\n  borderBottom: \"1px solid #c7c7c7\",\r\n  minHeight:\"42px\"\r\n}\r\n\r\n\r\n\r\nconst MenuInterierView =(props)=>{\r\n  \r\n  const [open, setOpen] = React.useState(false);\r\n\r\n  \r\n\r\n  const handleOpen = () => {\r\n    if(window.laptop == 'laptop180'){\r\n      setOpen(true);\r\n      // console.log('a')\r\n    }\r\n    else if(window.laptop == 'laptop360') {\r\n      setOpen(false);\r\n      // console.log('b')\r\n    }\r\n   \r\n  };\r\n  const handleClose = () => {\r\n    setTimeout(() => {\r\n      setOpen(false);\r\n    }, 300);\r\n  }\r\n\r\n    return(\r\n        <div className=\"Accordians\">\r\n         {/* <Tooltip id=\"tooltips\" open={open}  onOpen={handleOpen} onClose={handleClose} title=\"Not available in selected product type\"  placement=\"right\" arrow> */}\r\n         <Accordion style={{borderRadius:\"0px\"}} onChange={props.onChanged} expanded={props.expanded}>\r\n        <AccordionSummary id=\"positionBtn\" tabIndex=\"1\"\r\n          expandIcon={<ExpandMoreIcon />} style={ProductViewHeader}  onKeyPress={ props.onInterirorBtnClick} onClick={props.onInterirorBtnClick}>\r\n            {/* <img  src=\"./img/interior.png\" style={{width:\"40px\",height:\"30px\",paddingLeft: \"2px\",paddingTop: \"2px\"}}/> */}\r\n        <Typography id=\"interiorText\" className=\"accordion-headers AccordiansHeader\" style={{fontWeight:\"700\"}}>{props.name}</Typography>\r\n        </AccordionSummary>\r\n        <AccordionDetails tabIndex=\"1\" aria-label=\"Processor\"  id=\"processorBtn\" onKeyPress={ props.onProcessorBtnClick} onClick={props.onProcessorBtnClick}>\r\n        <MenuBtn aria-hidden=\"true\" submenu={window.finalLangues.processor} source=\"./img/intel.svg\"/>\r\n\r\n        </AccordionDetails>  \r\n        <AccordionDetails tabIndex=\"1\" aria-label=\"Memory\"  id=\"memoryBtn\" onKeyPress={ props.onMemoryBtnClick} onClick={props.onMemoryBtnClick}>\r\n        <MenuBtn aria-hidden=\"true\" submenu={window.finalLangues.menory} source=\"./img/interior.png\"/>\r\n\r\n        </AccordionDetails>  \r\n        <AccordionDetails tabIndex=\"1\" aria-label=\"Dynamic Media Enclosure\"  id=\"DMEnclosure\" onKeyPress={ props.onDMEnclosureClick} onClick={props.onDMEnclosureClick}>\r\n        <MenuBtn aria-hidden=\"true\" submenu={window.finalLangues.dmEnclosure} source=\"./img/DMEnclosure.png\"/>\r\n\r\n        </AccordionDetails>\r\n        {/* <AccordionDetails tabIndex=\"1\" aria-label=\"Tilt Screen 21°/-5°\"  id=\"tiltScreenBtn\" onKeyPress={ props.tiltScreenAnim} onClick={props.tiltScreenAnim}>\r\n        <MenuBtn aria-hidden=\"true\" submenu=\"Tilt Screen 21°/-5°blet\" source={props.imgtilt}/>\r\n\r\n        </AccordionDetails> */}\r\n      </Accordion>\r\n      {/* </Tooltip> */}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default MenuInterierView;","import React,{ useState,useEffect } from \"react\"\r\nimport { Grid } from '@material-ui/core'\r\nimport Switch from '@material-ui/core/Switch';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nconst animText = {\r\n   fontSize: '16px',\r\n   textAlign: 'right',display: 'block'\r\n}\r\nconst Animationbtns = {\r\n   marginTop: \"30px\",position: \"relative\",margin: \"30px 0 14px 0\"\r\n}\r\n\r\nconst Animationbtns1 = {\r\n   position: \"relative\",margin: \"0 0 14px\",marginBottom: \"14px\"\r\n}\r\n\r\nconst animSpan = {\r\n   display: 'inline-block',\r\n   verticalAlign: 'middle',\r\n   width: '57%',\r\n   textAlign: 'right',\r\n   paddingLeft: '15px',\r\n   paddingRight: '10px'\r\n}\r\n\r\nconst AnimationBtn = (props) => {\r\n\r\n   return (\r\n      <>\r\n         <div id=\"animation\" style={Animationbtns}>\r\n            <span style={animSpan}>{window.finalLangues.reduceTransitions}: </span>\r\n            {/* <Switch id=\"switchValue\" onChange={displayName} name=\"checkedA\" color=\"primary\"/><span className = 'onOff'>{value}</span> */}\r\n            <label className=\"switch\" tabIndex=\"1\" id=\"animswtich\" onKeyPress={props.forKeypress} >\r\n               <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='animationOnOff' id=\"animSwitchValue\" onChange={props.onchange} type=\"checkbox\" />\r\n               <span className=\"tabIndexStyle slider round\" ></span>\r\n               <span className=\"onOff\"></span>\r\n            </label>\r\n         </div>\r\n         {\r\n            <div id=\"animation1\" style={Animationbtns1} >\r\n               <span style={animSpan}>{window.finalLangues.onScreenControls}: </span>\r\n               {/* <Switch id=\"switchValue\" onChange={displayName} name=\"checkedA\" color=\"primary\"/><span className = 'onOff'>{value}</span> */}\r\n               <label className=\"switch\" tabIndex=\"1\" id=\"animswtich1\" onKeyPress={props.forKeypress1} >\r\n                  <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='keyboadrControlsOnOff' id=\"animSwitchValue1\" onChange={props.onchange1} type=\"checkbox\" />\r\n                  <span className=\"tabIndexStyle slider round\" ></span>\r\n                  <span className=\"onOff1\"></span>\r\n               </label>\r\n            </div>\r\n         }\r\n         {/* { window.isipad || window.mob || window.innerWidth<800 ? null :\r\n         <div className='microLogo'>\r\n            <ul>\r\n               <li className=\"microLogoList\">\r\n                   <img src=\"img/microsidebarlogo.png\" alt='logo'/>\r\n               </li>\r\n               <li className=\"microLogoList text\">\r\n                 <p>Run business critical workloads in Azure, on-premises and at the edge. Windows Server 2022 delivers advanced \r\n                  multi-layer security, hybrid cloud capabilities with Azure, \r\n                  and a flexible application platform to modernize applications.\r\n                  ​</p>\r\n               </li>\r\n            </ul>\r\n         </div>\r\n         } */}\r\n         {/* <div className=\"animationoff\" id=\"animation\" style={{ ...Animationbtns,marginTop: '30px' }}>\r\n            <Grid container style={{ alignItems: 'center' }}>\r\n               <Grid item xs={8} id=\"animation\">\r\n                  <span style={animText}>{window.finalLangues.reduceTransitions}: </span>\r\n               </Grid>\r\n               <Grid item xs={4}>\r\n                  <label className=\"switch\" tabIndex=\"1\" id=\"animswtich\" onKeyPress={props.forKeypress} >\r\n                     <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='animationOnOff' id=\"animSwitchValue\" onChange={props.onchange} type=\"checkbox\" />\r\n                     <span className=\"tabIndexStyle slider round\"></span>\r\n                     <span className=\"onOff\"></span>\r\n                  </label>\r\n               </Grid>\r\n            </Grid>\r\n         </div>\r\n         {!(window.mob) &&\r\n\r\n            <div className=\"onscreencontrol\" id=\"animation1\" style={{ ...Animationbtns }}>\r\n               <Grid container style={{ alignItems: 'center' }}>\r\n                  <Grid item xs={8} id=\"animation1\">\r\n                     <span style={animText}>{window.finalLangues.onScreenControls}: </span>\r\n                  </Grid>\r\n                  <Grid item xs={4}>\r\n                     <label className=\"switch\" tabIndex=\"1\" id=\"animswtich1\" onKeyPress={props.forKeypress1} >\r\n                        <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='keyboadrControlsOnOff' id=\"animSwitchValue1\" onChange={props.onchange1} type=\"checkbox\" />\r\n                        <span className=\"tabIndexStyle slider round\" ></span>\r\n                        <span className=\"onOff1\"></span>\r\n                     </label>\r\n                  </Grid>\r\n               </Grid>\r\n            </div>\r\n         } */}\r\n          <div id=\"logoIntelDiv\"  >\r\n            <img id=\"dellTech\" src=\"img/dellTech.png\" alt=\"dellTechImg\" />\r\n         <img id=\"logoIntel\" src=\"img/intel.svg\" alt=\"intelImg\"/>\r\n     </div>\r\n\r\n      </>\r\n   )\r\n}\r\n\r\nexport default AnimationBtn;","import React,{ useState } from 'react';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport MenuBtn from './MenuBtn';\r\nimport MenuCircleBtnBacklite from './MenuCircleBtnBacklite';\r\n// import MenuCircleBtn from './MenuCircleBtn';\r\nimport MenuCircleBtnOpenClose from './MenuCircleBtnOpenClose';\r\n\r\n\r\n// import RadioBtns from './RadioBtns';\r\nconst ProductViewHeader = {\r\n   borderBottom: \"1px solid #c7c7c7\",\r\n   minHeight: \"42px\"\r\n}\r\nconst openclose = {\r\n   width: \"36px\",\r\n   height: \"36px !important\"\r\n}\r\nconst Btn = {\r\n   borderRadius: \"0px\",\r\n   background: 'transparent',\r\n   border: 'none',\r\n   boxShadow: 'none',\r\n   marginLeft: '10px',\r\n   color: '#000',\r\n   textTransform: 'capitalize',\r\n   marginRight: \"25px\"\r\n}\r\nconst BtnIcon = {\r\n   borderRadius: \"0px\",\r\n   background: 'transparent',\r\n   width: '36px',\r\n   height: '36px'\r\n}\r\nconst MenuSoftware = (props) => {\r\n\r\n   // const [backlit, setBacklite] = useState(\"./img/Backlite_Off.svg\");\r\n   // const [opneClose, setOpenClose] = useState(\"./img/open.png\");\r\n\r\n   return (\r\n      <div className=\"Accordians\">\r\n         <Accordion style={{ borderRadius: \"0px\",borderBottom: '1px solid #CCCCCC' }} onChange={props.onChanged} expanded={props.expanded}>\r\n            <AccordionSummary tabIndex=\"1\" id=\"feature\"\r\n               expandIcon={<ExpandMoreIcon />} style={ProductViewHeader} onKeyPress={props.onSoftware} onClick={props.onSoftware} >\r\n               {/* <img  style={{width:\"30px\", height:\"30px\",paddingRight: \"3px\",paddingLeft:\"7.1px\"}} src=\"./img/software.svg\"/> */}\r\n               <Typography className=\"accordion-headers AccordiansHeader\" style={{ fontWeight: \"700\" }}>{props.name}</Typography>\r\n            </AccordionSummary>\r\n            <AccordionDetails tabIndex=\"1\" id=\"iAutomation\" aria-label=\"Intelligent Automation\" onKeyPress={props.onIAutomationClicked} onClick={props.onIAutomationClicked}>\r\n               <MenuBtn className=\"openclose\" submenu={window.finalLangues.iAutomate} source=\"./img/Automate.svg\" />\r\n            </AccordionDetails>\r\n\r\n            <AccordionDetails tabIndex=\"1\" id=\"cResiliency\" aria-label=\"Cyber Resiliency\" onKeyPress={props.onCResiliencyClicked} onClick={props.onCResiliencyClicked}>\r\n               <MenuBtn submenu={window.finalLangues.cResiliency} source=\"./img/Resiliency.svg\" />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" id=\"bEfficiency\" aria-label=\"Breakthrough Efficiency\" onKeyPress={props.onBEfficiencyClicked} onClick={props.onBEfficiencyClicked}>\r\n               <MenuBtn submenu={window.finalLangues.bEfficiency} source=\"./img/Enhance Reporting.svg\" />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" id=\"cModern\" aria-label=\"Continuously Modern\" onKeyPress={props.onCModernClicked} onClick={props.onCModernClicked}>\r\n               <MenuBtn submenu={window.finalLangues.cModern} source=\"./img/Modernize.svg\" />\r\n            </AccordionDetails>\r\n         </Accordion>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default MenuSoftware;","import React,{ useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport ErrorOutlineSharpIcon from '@material-ui/icons/ErrorOutlineSharp';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport { Translate } from '@material-ui/icons';\r\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\r\n\r\n\r\nconst Howtousenew = () => {\r\n\r\n\r\n   const handleClick = () => {\r\n      document.getElementById('howToUSE').style.display = \"block\";\r\n      document.getElementById('howTousePopup').style.display = \"block\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#0076CE\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#FFFFFF\";\r\n      document.getElementById('iconI').style.color = \"#FFFFFF\";\r\n      document.getElementById('howToUSE').style.zIndex = \"21\";\r\n      document.getElementById('howTousePopup').style.zIndex = \"2\";\r\n\r\n\r\n   };\r\n   const exploreClick = () => {\r\n      document.getElementById('howToUSE').style.display = \"none\";\r\n      document.getElementById('howTousePopup').style.display = \"none\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n      document.getElementById('iconI').style.color = \"#006BBD\";\r\n      document.getElementById('howToUSE').style.zIndex = \"-1\";\r\n      document.getElementById('howTousePopup').style.zIndex = \"-1\";\r\n\r\n   };\r\n\r\n   const howTouse = {\r\n      display: 'none',\r\n      position: 'fixed',\r\n      top: '0',\r\n      left: '0',\r\n      height: '100vh',\r\n      width: '100%',\r\n      backgroundColor: 'white'\r\n   }\r\n   const mobHowToUseMain = {\r\n      display: 'none',\r\n      position: 'fixed',\r\n      top: '0',\r\n      height: '100vh',\r\n      width: '100%',\r\n      backgroundColor: 'white',\r\n      zIndex: '2'\r\n   }\r\n   const mainDiv = {\r\n      display: 'flex',\r\n      position: 'absolute',\r\n      left: '51%',\r\n      top: '40%',\r\n      transform: 'translate(-50%,-40%)',\r\n\r\n   }\r\n   const allThreeDiv = {\r\n      textAlign: 'center',\r\n      margin: '0px 40px 0 20px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '300',\r\n      fontSize: '20px',\r\n      lineHeight: '36px'\r\n   }\r\n   const mobAllthreeDiv = {\r\n      textAlign: 'left',\r\n      margin: '23px 0px 33px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n      alignItems: 'baseline'\r\n   }\r\n\r\n   const mobAllthreeDivs = {\r\n      textAlign: 'left',\r\n      margin: '57px 0px 33px 0px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n      alignItems: 'baseline'\r\n   }\r\n   const exploreButtton = {\r\n\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '225px',\r\n      transform: 'translate(-50%, 100%)',\r\n      cursor: 'pointer',\r\n      height: '44px',\r\n      width: '513px',\r\n      background: '#0076CE',\r\n      borderRadius: '2px',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '16px',\r\n      lineHeight: '36px',\r\n      color: '#FFFFFF',\r\n      border: '0'\r\n\r\n   }\r\n   const mobExploreButtton = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '425px',\r\n      transform: 'translate(-50%, 100%)',\r\n      cursor: 'pointer',\r\n      height: '54px',\r\n      width: '253px',\r\n      background: '#0076CE',\r\n      borderRadius: '2px',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '15px',\r\n      lineHeight: '14px',\r\n      color: '#FFFFFF',\r\n      border: '0'\r\n\r\n   }\r\n   const howToUseText = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '-40px',\r\n      transform: 'translate(-50%, 100%)',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '300',\r\n      fontSize: '38px',\r\n      lineHeight: '56px',\r\n      color: '#000000'\r\n   }\r\n   const mobHowToUseText = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      transform: 'translate(-50%, 100%)',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '300',\r\n      fontSize: '30px',\r\n      lineHeight: '40px',\r\n      color: '#000000',\r\n      width: '300px'\r\n   }\r\n   const closeUseMob = {\r\n      position: 'absolute',\r\n      right: '-2px',\r\n      top: '-84px',\r\n      color: '#CCCCCC',\r\n      height: '32px',\r\n      width: '32px',\r\n      cursor: 'pointer'\r\n   }\r\n   const usestyle = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '16px',\r\n      position: 'relative',\r\n      left: '17px',\r\n      top: '-4px'\r\n   }\r\n   const iconStyle = {\r\n      transform: ' rotate(180deg)',\r\n      position: 'relative',\r\n      left: '-2px',\r\n      top: '2px',\r\n      color: '#006BBD',\r\n      height: '22px',\r\n      width: '22px'\r\n   }\r\n   const mobHowToUse = {\r\n      display: 'flex',\r\n      flexWrap: 'wrap',\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '40%',\r\n      transform: 'translate(-50%,-40%)',\r\n   }\r\n   return (\r\n      <React.Fragment>\r\n         <Hidden only={['md','lg','xl']}>\r\n            <span variant=\"contained\" onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUse}</span></span>\r\n         </Hidden>\r\n\r\n         {ReactDOM.createPortal(\r\n\r\n            <div>\r\n\r\n               <Hidden only={['xs','md','xl','lg']}>\r\n                  <span variant=\"contained\" onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUse}</span></span>\r\n                  <div id=\"howToUSE\" style={howTouse}>\r\n                     <img onClick={exploreClick} className=\"closeUseMob\" tabIndex=\"-1\" alt=\"closeBtn\" src=\"./img/closeIcon.svg\" />\r\n\r\n                     <span style={howToUseText}>{window.finalLangues.howToUse}:</span>\r\n\r\n                     <div style={mainDiv}>\r\n                        <div style={allThreeDiv}>{window.finalLangues.move}<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"moveDesk\" src=\"./img/move.svg\" /></div>\r\n                        <div style={allThreeDiv}>{window.finalLangues.rotate}<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"rotateDesk\" src=\"./img/rotate.svg\" /></div>\r\n                        <div style={allThreeDiv}>{window.finalLangues.zoom}<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"zoomDesk\" src=\"./img/zoom.svg\" /></div>\r\n                     </div>\r\n                     <button style={exploreButtton} onClick={exploreClick}>{window.finalLangues.exploreProductIn3D}  <img style={{ height: '24px',width: '24px',position: 'relative',top: '6px',left: '12px' }} alt=\"arrowDesk\" src=\"./img/arrowIcon.png\" /></button>\r\n\r\n                  </div>\r\n               </Hidden>\r\n\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n                  <div id=\"howToUSE\" style={mobHowToUseMain} className='mobHowToUse'>\r\n\r\n                     <div style={mobHowToUse}>\r\n                        <img onClick={exploreClick} className=\"closeUseMob\" tabIndex=\"-1\" alt=\"closeBtn\" src=\"./img/closeIcon.svg\" />\r\n\r\n                        <span style={mobHowToUseText} id=\"mobHowToUseText\">{window.finalLangues.howToUse}:</span>\r\n                        <div style={mobAllthreeDivs}><span style={{ position: 'relative',top: '-28px' }}>{window.finalLangues.move}</span><img style={{ marginLeft: '12px',height: '76px',width: '166px' }} alt=\"moves\" src=\"./img/move.svg\" /></div>\r\n                        <div style={mobAllthreeDiv}><span style={{ position: 'relative',top: '-28px' }}>{window.finalLangues.rotate}</span><img style={{ marginLeft: '12px',height: '76px',width: '166px' }} alt=\"rotates\" src=\"./img/rotate.svg\" /></div>\r\n                        <div style={mobAllthreeDiv}><span style={{ position: 'relative',top: '-28px' }}>{window.finalLangues.zoom}</span><img style={{ marginLeft: '12px',height: '76px',width: '166px' }} alt=\"zommss\" src=\"./img/zoom.svg\" /></div>\r\n                        <button style={mobExploreButtton} onClick={exploreClick}>{window.finalLangues.returnTo3D}  <img style={{ height: '24px',width: '24px',position: 'relative',top: '6px',left: '12px' }} alt=\"arrow\" src=\"./img/arrowIcon.png\" /></button>\r\n                     </div>\r\n                     {/* <button style={mobExploreButtton} onClick={exploreClick}>Return to 3D View  <ArrowForwardIcon style={{color: '#FFFFFF'}}/></button> */}\r\n\r\n                  </div>\r\n               </Hidden>\r\n\r\n            </div>,document.getElementById('howTousePopup')\r\n         )}\r\n      </React.Fragment>\r\n\r\n   )\r\n}\r\n\r\n\r\n\r\nexport default Howtousenew;\r\n\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport ErrorOutlineSharpIcon from '@material-ui/icons/ErrorOutlineSharp';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\n\r\n\r\nconst HowToUse = () => {\r\n   let howtoUseD = false;\r\n   // var howToUSeAnimation = document.getElementById('howToUSE').style.animationName\r\n   const handleClick = () => {\r\n\r\n      if (howtoUseD) {\r\n         console.log(\"if.......\")\r\n         document.getElementById('howToUSE').style.opacity = \"0\";\r\n         document.getElementById('howToUSE').style.marginTop = \"-100%\";\r\n         // document.getElementById('howToUSE').style.visibility = \"hidden\";\r\n\r\n         document.getElementById('howToUSE').style.animationName = \"example\";\r\n\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n         document.getElementById('iconI').style.color = \"#006BBD\";\r\n         howtoUseD = false;\r\n      } else {\r\n         console.log(\"else.......\")\r\n\r\n         document.getElementById('howToUSE').style.opacity = \"1\";\r\n         document.getElementById('howToUSE').style.marginTop = \"0%\";\r\n         // document.getElementById('howToUSE').style.visibility = \"visible\";\r\n\r\n         document.getElementById('howToUSE').style.animationName = \"example1\";\r\n\r\n         // document.getElementById('howToUSE').style.display = \"block\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#0076CE\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#FFFFFF\";\r\n         document.getElementById('iconI').style.color = \"#FFFFFF\";\r\n\r\n         howtoUseD = true;\r\n      }\r\n   };\r\n\r\n   const closeHandle = () => {\r\n      document.getElementById('howToUSE').style.animationName = \"example\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n      document.getElementById('iconI').style.color = \"#006BBD\";\r\n      document.getElementById('howToUSE').style.opacity = \"0\";\r\n      document.getElementById('howToUSE').style.marginTop = \"-100%\";\r\n\r\n      howtoUseD = false;\r\n\r\n   };\r\n\r\n   const howToUseName = {\r\n      position: 'absolute',\r\n      left: '109px',\r\n      top: '35px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      color: '#000000',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const useImages = {\r\n      position: 'fixed',\r\n\r\n      height: '498px',\r\n      width: '381px',\r\n      top: '185px',\r\n      border: '1px solid #EEEEEE',\r\n      boxShadow: '0px 2px 2px rgb(0 43 85 / 8%), 0px 4px 4px rgb(0 43 85 / 8%), 0px 8px 8px rgb(0 43 85 / 8%), 0px 16px 16px rgb(0 43 85 / 8%), 0px 32px 32px rgb(0 43 85 / 8%)',\r\n      borderRadius: '10px',\r\n      background: '#FFFFFF',\r\n      // display: 'none'\r\n      opacity: 0,\r\n      transition: \"opacity 2s\",\r\n      // visibility: 'Hidden',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const howToUseImages = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '56%',\r\n      transform: 'translate(-50%, -50%)',\r\n      display: 'flex',\r\n      justifyContent: 'center',\r\n      flexDirection: 'column',\r\n      width: '274px',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const UseImagesIpad = {\r\n      position: 'fixed',\r\n      left: '-351px',\r\n\r\n      border: '1px solid #EEEEEE',\r\n      boxShadow: '0px 2px 2px rgb(0 43 85 / 8%), 0px 4px 4px rgb(0 43 85 / 8%), 0px 8px 8px rgb(0 43 85 / 8%), 0px 16px 16px rgb(0 43 85 / 8%), 0px 32px 32px rgb(0 43 85 / 8%)',\r\n      borderRadius: '10px',\r\n      background: '#FFFFFF',\r\n      opacity: 0,\r\n      transition: \"opacity 2s\"\r\n   }\r\n   const howToUseDiv = {\r\n      width: '100%',\r\n      textAlign: 'center',\r\n      lineHeight: '75px',\r\n      fontSize: '30px'\r\n   }\r\n   const useName1 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0px',\r\n      top: '30px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000'\r\n   }\r\n   const useName2 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0px',\r\n      top: '138px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000'\r\n   }\r\n   const useName3 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0px',\r\n      top: '240px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000'\r\n   }\r\n   const imgUse = {\r\n      marginTop: '22px',\r\n      marginLeft: '111px',\r\n      height: '54px',\r\n      width: '127px'\r\n   }\r\n   const closeUse = {\r\n      position: 'absolute',\r\n      right: '18px',\r\n      top: '23px',\r\n      color: '#CCCCCC',\r\n      height: '32px',\r\n      width: '32px',\r\n      cursor: 'pointer'\r\n   }\r\n   const usestyle = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '16px',\r\n      position: 'relative',\r\n      left: '17px',\r\n      top: '-4px'\r\n   }\r\n   const iconStyle = {\r\n      transform: ' rotate(180deg)',\r\n      position: 'relative',\r\n      left: '0',\r\n      top: '2px',\r\n      color: '#006BBD',\r\n      height: '22px',\r\n      width: '22px'\r\n   }\r\n\r\n   return (\r\n      <React.Fragment>\r\n\r\n\r\n\r\n         {/* <Hidden only={['lg','xl','xs']}> */}\r\n         <span variant=\"contained\" tabIndex=\"1\" className=\"tabIndexStyle HowToUseHeader\" onKeyPress={handleClick} onClick={handleClick}><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUse || \"How to use:\"}</span></span>\r\n         {ReactDOM.createPortal(\r\n            <div id=\"howToUSE\" tabIndex=\"-1\" style={UseImagesIpad} className=\"useImg\">\r\n               <span tabIndex=\"-1\" style={howToUseName} id='howToUseText'>{window.finalLangues.howToUse || \"How to use:\"}</span>\r\n               <img tabIndex=\"-1\" onClick={closeHandle} id=\"closeBtnHow\" style={closeUse} alt=\"closeBtn\" src=\"./img/closeBtn.png\" />\r\n               {/* <HighlightOffIcon onClick={closeHandle} style={closeUse}/> */}\r\n               <div tabIndex=\"-1\" style={howToUseImages}>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span id=\"moveTextPopup\" style={useName1}>{window.finalLangues.move || \"Move\"}</span><img style={imgUse} alt=\"Move by swiping with two fingers on touchscreen or by clicking the right mouse button\" src=\"./img/move.svg\" /></div>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span id=\"rotateTextPopup\" style={useName2}>{window.finalLangues.rotate || \"Rotate\"}</span><img style={imgUse} alt=\"Rotate by making a circular motion with one finger on touchscreen or by clicking the left mouse button\" src=\"./img/rotate.svg\" /></div>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span id=\"zoomTextPopup\" style={useName3}>{window.finalLangues.zoom || \"Zoom\"}</span><img style={imgUse} alt=\"Zoom by using two fingers to pinch and expand or by using the scroll wheel on the mouse\" src=\"./img/zoom.svg\" /></div>\r\n               </div>\r\n            </div>,\r\n            document.getElementById('howTousePopupDesk')\r\n\r\n         )}\r\n         {/* </Hidden> */}\r\n      </React.Fragment>\r\n   )\r\n}\r\n\r\n\r\n\r\nexport default HowToUse;\r\n\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import DeleteIcon from '@material-ui/icons/Delete';\r\n/* import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\nimport ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\nimport CallMadeIcon from '@material-ui/icons/CallMade'; */\r\nimport Hidden from '@material-ui/core/Hidden';\r\n// import Grid from '@material-ui/core/Grid';\r\nimport TouchRipple from \"@material-ui/core/ButtonBase/TouchRipple\";\r\n//import Slider from '@material-ui/core/Slider';\r\n// import States from \"./model_gl/config\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   root: {\r\n      width: 170,\r\n   },\r\n   newBtns: {\r\n      borderRadius: \"0.1em\",\r\n   },\r\n\r\n   margin: {\r\n      margin: theme.spacing(2),\r\n      borderRadius: \"0.1em\",\r\n      textTransform: 'none',\r\n      fontSize: '0.7em'\r\n   },\r\n   extendedIcon: {\r\n      marginRight: theme.spacing(1),\r\n   },\r\n}));\r\n\r\n\r\nexport default function FooterControl(props) {\r\n\r\n   const classes = useStyles();\r\n   const [value,setValue] = React.useState(30);\r\n   const [prevDeltaScene,setPrevDeltaScene] = React.useState(0);\r\n   const [zoombarValue,setZoombarValue] = React.useState(0);\r\n\r\n   const handleChange = (event,newValue) => {\r\n      setValue(newValue);\r\n   };\r\n\r\n   const handleZoomChange = (e,newValue) => {\r\n\r\n\r\n\r\n      if (e) { //console.log(e.target.value);\r\n         window.scene._nav.NavChangeDolly(undefined,e.target.value / 100);\r\n\r\n      } else {\r\n\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,newValue / 100);\r\n\r\n         document.getElementById(\"sliderRange\").value = newValue;\r\n\r\n\r\n         //document.getElementById('sliderRange').setAttribute('aria-label', (newValue * 100)+ '%');\r\n      }\r\n      window.hotspot = '';\r\n      var sliderValues = document.getElementById('sliderRange').value * 100;\r\n      // document.getElementById('sliderRange').setAttribute('aria-label',  (parseInt(sliderValues)+'%'));\r\n      document.getElementById('sliderRange').setAttribute('aria-label','');\r\n      setTimeout(function () {\r\n         document.getElementById('sliderRange').setAttribute('aria-label','%');\r\n      },400)\r\n\r\n      //   console.log('slidervalue',sliderValues )\r\n      if (document.getElementById(\"intHeader\") !== null) {\r\n         document.getElementById(\"intHeader\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"dm-Enclosure\") !== null) {\r\n         document.getElementById(\"dm-Enclosure\").style.display = 'none';\r\n      }\r\n\r\n\r\n   };\r\n\r\n   const zoombar = {\r\n      height: '40.01px',\r\n      position: 'relative',\r\n      float: 'left',\r\n      marginLeft: '35px',\r\n      // left: '48%',\r\n      // bottom: '226px',\r\n\r\n   }\r\n\r\n   const topbtns = {\r\n      position: 'relative',\r\n      // bottom: '149px',\r\n      // marginLeft: '13.5%',\r\n      // marginBottom: '21px',\r\n      border: '1px solid CCCCCC',\r\n      float: 'left',\r\n   }\r\n   const threeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '40.01px',\r\n      width: '160px',\r\n      margin: '21px 19px 20px 19px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const mobthreeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '40.01px',\r\n      width: '123px',\r\n      margin: '5px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const topLeft = {\r\n      transform: 'rotate(270deg)',\r\n      fontSize: '1.5em'\r\n   }\r\n   const topRight = {\r\n      fontSize: '1.5em'\r\n   }\r\n   const prev = {\r\n      marginRight: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const next = {\r\n      marginLeft: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const topBtnstyle = {\r\n      height: '40.01px',\r\n      width: '62px',\r\n      marginLeft: '8.5px',\r\n      marginRight: '8.5px',\r\n      backgroundColor: '#FFFFFF',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const clearBoth = {\r\n      clear: 'both'\r\n   }\r\n   //only for mob\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.Animation;\r\n   var animTime = 1;\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            // console.log(myJson.positions);\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.Animation;\r\n      window.position = 'reset';\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n   },[]);\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   // console.log('animTime', animTime)\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here\r\n      var opt = undefined,gp = camData[gotoposname];\r\n      // console.log(gp);\r\n      //    console.log(gp)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      var animationSwitch = window.Animation;\r\n      if (animationSwitch == 'off') { gp.time = 1 }\r\n      else {\r\n         gp.time = animTime;\r\n      }\r\n      // console.log('animationSwitch', animationSwitch);\r\n      // console.log('gp.time', gp.time);\r\n      window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      // console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n   }\r\n   //end\r\n\r\n   const slowInOut = (x) => {\r\n      var a = 2.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n   // const resetBacklitCloseImg = () =>{\r\n   //     setOpenCloseOnOff(false);\r\n   //     setOpenClose(\"./img/open.png\");\r\n   //     setBackliteOnOff(false);\r\n   //     setBacklite(\"./img/Backlite_Off.svg\");\r\n   //     // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n   //     window.scene.clearRefine();\r\n\r\n   // }\r\n\r\n   const posClicked1 = () => {\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1000);\r\n   }\r\n\r\n\r\n   const onUpdateZoombar = (e) => {\r\n      // console.log(e.target.value);\r\n      var s = window.scene;\r\n      var deltaScene = 0;\r\n      console.log('onUpdateZoombar',zoombarValue)\r\n      deltaScene = zoombarValue;\r\n      // var delta = (-e.detail * 10.0);\r\n      setPrevDeltaScene(deltaScene);\r\n      // prevDeltaScene = deltaScene;\r\n      if (prevDeltaScene - deltaScene > 0) {\r\n         console.log(deltaScene)\r\n         if (s._nav.NavChangeDolly(deltaScene))\r\n            s.clearRefine();\r\n      } else {\r\n         console.log(-deltaScene)\r\n         if (s._nav.NavChangeDolly(-deltaScene))\r\n            s.clearRefine();\r\n      }\r\n      document.getElementById('sliderRange').value = zoombarValue;\r\n      // console.log(prevDeltaScene)\r\n      // console.log(deltaScene)\r\n\r\n   }\r\n\r\n   const onZoomIn = (e) => {\r\n      if (window.scene._nav.getZoomFactor() > 0)\r\n         handleZoomChange(null,-1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n\r\n         if (document.getElementById(\"intHeader\") !== null) {\r\n            document.getElementById(\"intHeader\").style.display = 'none';\r\n         }\r\n         if (document.getElementById(\"dm-Enclosure\") !== null) {\r\n            document.getElementById(\"dm-Enclosure\").style.display = 'none';\r\n         }\r\n   }\r\n\r\n   const onZoomOut = (e) => {\r\n      if (window.scene._nav.getZoomFactor() < 100)\r\n         handleZoomChange(null,1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n\r\n\r\n         if (document.getElementById(\"intHeader\") !== null) {\r\n            document.getElementById(\"intHeader\").style.display = 'none';\r\n         }\r\n         if (document.getElementById(\"dm-Enclosure\") !== null) {\r\n            document.getElementById(\"dm-Enclosure\").style.display = 'none';\r\n         }\r\n   }\r\n\r\n\r\n   const onLeft = () => {\r\n\r\n      window.scene._nav.NavRotation([0,0],[2,0]);\r\n      window.hotspot = '';\r\n      if (document.getElementById(\"intHeader\") !== null) {\r\n         document.getElementById(\"intHeader\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"dm-Enclosure\") !== null) {\r\n         document.getElementById(\"dm-Enclosure\").style.display = 'none';\r\n      }\r\n      window.scene.clearRefine();\r\n\r\n      // alert(\"Rotate product left\");\r\n      // window.scene._nav._navYAng += 0.5;\r\n      // console.log(count);\r\n      // window.scene._nav._navYAng = count;\r\n      // window.scene.clearRefine();\r\n\r\n\r\n   }\r\n   const onRight = () => {\r\n\r\n      window.scene._nav.NavRotation([0,0],[-2,0]);\r\n      window.hotspot = '';\r\n      if (document.getElementById(\"intHeader\") !== null) {\r\n         document.getElementById(\"intHeader\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"dm-Enclosure\") !== null) {\r\n         document.getElementById(\"dm-Enclosure\").style.display = 'none';\r\n      }\r\n      window.scene.clearRefine();\r\n\r\n      // alert(\"Rotate product right\");\r\n      //count -= 0.1;\r\n      // console.log(count);\r\n      //window.scene._nav._navYAng -= 0.5;;\r\n      //window.scene.clearRefine();\r\n   }\r\n   const rippleRef = React.useRef('null');\r\n   const onRippleStart = (e) => {\r\n      rippleRef.current.start(e);\r\n   };\r\n   const onRippleStop = (e) => {\r\n      rippleRef.current.stop(e);\r\n   };\r\n   const rippleRefs = React.useRef('null');\r\n\r\n   const onRippleStarts = (e) => {\r\n      rippleRefs.current.start(e);\r\n   };\r\n   const onRippleStops = (e) => {\r\n      rippleRefs.current.stop(e);\r\n   };\r\n   return (\r\n      <React.Fragment>\r\n         {ReactDOM.createPortal(\r\n\r\n            <div id='footerControls' class=\"footerControlDesk\">\r\n               <Hidden only={['xs','sm','md']}>\r\n                  <div className=\"threebtns\">\r\n                     <div className=\"zoombarandRotateContainer\">\r\n\r\n                        <Hidden only={['xs','sm','md']}>\r\n                           <div style={topbtns} >\r\n                              <Button aria-label=\"Rotate\" id=\"rLeft\" tabIndex=\"2\" className={classes.newBtns} style={topBtnstyle} onClick={onLeft} title=\"left\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                                 <img alt=\"Rotate left\" src=\"./img/diagonalLeftArrow.svg\" />\r\n                              </Button>\r\n                              <Button aria-label=\"Rotate\" id=\"rRight\" tabIndex=\"2\" className={classes.newBtns} style={topBtnstyle} onClick={onRight} title=\"right\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                                 <img alt=\"Rotate right\" src=\"./img/diagonalRightArrow.svg\" />\r\n                              </Button>\r\n                           </div>\r\n\r\n                           <div id=\"zoomSliderContainer\" style={zoombar} >\r\n                              <img style={{ height: '100%' }} alt=\"zoombar\" src=\"./img/ZOOMBAR.svg\" />\r\n\r\n                              <Button tabIndex=\"2\" style={{ color: \"#0076CE\" }} type=\"button\" onMouseDown={onRippleStart} onMouseUp={onRippleStop} aria-label=\"Clickable Zoom Out\" role=\"button\" id=\"zoomIn\" onClick={onZoomIn}> <TouchRipple ref={rippleRef} center={false} /></Button>\r\n                              <div id=\"zoomSlider\" aria-hidden=\"true\">\r\n                                 <div className=\"rangeslider\" aria-hidden=\"true\">\r\n                                    {/* <label> <input tabIndex=\"2\" aria-hidden=\"true\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\"/> */}\r\n                                    <label> <input tabIndex=\"2\" aria-hidden=\"true\" type=\"range\" min=\"0\" max=\"100\" step=\"1\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\" />\r\n                                    </label>\r\n                                 </div>\r\n                              </div>\r\n                              <Button tabIndex=\"2\" style={{ color: \"#0076CE\" }} type=\"button\" onMouseDown={onRippleStarts} onMouseUp={onRippleStops} id=\"zoomOut\" role=\"button\" aria-label=\"Clickable Zoom In\" onClick={onZoomOut}><TouchRipple ref={rippleRefs} center={false} /></Button>\r\n                           </div>\r\n                        </Hidden>\r\n                     </div>\r\n                     <div style={clearBoth}>\r\n                        <Hidden only='xs'>\r\n                           <Button tabIndex=\"2\" aria-label=\"Previous view\" id=\"previousView\" style={threeButtons} variant=\"outlined\" color=\"primary\" onClick={props.onPrevious} className={classes.margin}>\r\n                              <img alt=\"Previous view\" style={{ height: '20px',width: '24px',paddingRight: '12px' }} src=\"./img/leftArrow.svg\" />\r\n                              {window.finalLangues.previousView || \"Previous View\"}\r\n                           </Button>\r\n                           <Button tabIndex=\"2\" style={threeButtons} variant=\"outlined\" id=\"resetView\" color=\"primary\" onClick={props.onReset} className={classes.margin}>\r\n                              {window.finalLangues.resetView || \"Reset View\"}\r\n                           </Button>\r\n                           <Button tabIndex=\"2\" aria-label=\"Next view\" style={threeButtons} id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNext} expanded={props.expanded} className={classes.margin}>\r\n                              {window.finalLangues.nextView || \"Next View\"}\r\n                             <img alt=\"Next view\" style={{ height: '20px',width: '24px',paddingLeft: '12px' }} src=\"./img/rightArrow.svg\" />\r\n                           </Button>\r\n                        </Hidden>\r\n                        {/* <Hidden only={['sm','md','lg','xl']}>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onPrevious} className={classes.margin}>\r\n        <ArrowBackOutlinedIcon style={prev}/>Previous\r\n        </Button>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onResetMob} className={classes.margin}>\r\n          Reset\r\n        </Button>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onNext} className={classes.margin}>\r\n          Next  <ArrowForwardOutlinedIcon style={next}/>\r\n        </Button>\r\n        </Hidden> */}\r\n\r\n                     </div>\r\n                  </div>\r\n\r\n\r\n               </Hidden>\r\n\r\n            </div>,document.getElementById('footerControlDesk')\r\n         )}\r\n      </React.Fragment>\r\n\r\n   );\r\n}\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import DeleteIcon from '@material-ui/icons/Delete';\r\n/* import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\nimport ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\nimport CallMadeIcon from '@material-ui/icons/CallMade'; */\r\nimport Hidden from '@material-ui/core/Hidden';\r\n// import Grid from '@material-ui/core/Grid';\r\n\r\n//import Slider from '@material-ui/core/Slider';\r\n// import States from \"./model_gl/config\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   root: {\r\n      width: 170,\r\n   },\r\n   newBtns: {\r\n      borderRadius: \"0.1em\",\r\n   },\r\n\r\n\r\n   margin: {\r\n      // margin: theme.spacing(2),\r\n      // borderRadius: \"0.1em\",\r\n      // textTransform: 'none',\r\n      // fontSize: '0.7em'\r\n   },\r\n   extendedIcon: {\r\n      marginRight: theme.spacing(1),\r\n   },\r\n}));\r\n\r\n\r\nexport default function FooterControlMob(props) {\r\n\r\n   var prevCounter = 0;\r\n   var nextClicked = false;\r\n   var prevClicked = false;\r\n\r\n   const classes = useStyles();\r\n   const [value,setValue] = React.useState(30);\r\n   const [prevDeltaScene,setPrevDeltaScene] = React.useState(0);\r\n   const [zoombarValue,setZoombarValue] = React.useState(0);\r\n\r\n   /* const handleChange = (event,newValue) => {\r\n      setValue(newValue);\r\n   }; */\r\n\r\n   const handleZoomChange = (e,newValue) => {\r\n\r\n\r\n\r\n      if (e) { //console.log(e.target.value);\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,e.target.value);\r\n\r\n      } else {\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,newValue);\r\n         document.getElementById(\"sliderRange\").value = newValue;\r\n\r\n      }\r\n      window.hotspot = '';\r\n\r\n\r\n      /*     //console.log('newValue', newValue)\r\n          if(newValue == undefined) newValue = e.target.value;\r\n          setZoombarValue(newValue);\r\n          console.log('zoombarValue', zoombarValue)\r\n          onUpdateZoombar(); */\r\n   };\r\n\r\n   const zoombar = {\r\n      height: '47px',\r\n      position: 'relative',\r\n      float: 'left',\r\n      marginLeft: '4px',\r\n      // left: '48%',\r\n      // bottom: '226px',\r\n\r\n   }\r\n\r\n   const topbtns = {\r\n      position: 'relative',\r\n      // bottom: '149px',\r\n      // marginLeft: '13.5%',\r\n      // marginBottom: '21px',\r\n      border: '1px solid CCCCCC',\r\n      float: 'left',\r\n   }\r\n   const mobthreeButtonsIpad = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '47px',\r\n      width: '143px',\r\n      margin: '21px 19px 20px 19px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const mobthreeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '48px',\r\n      width: '118px',\r\n      margin: '5px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const topLeft = {\r\n      transform: 'rotate(270deg)',\r\n      fontSize: '1.5em'\r\n   }\r\n   const topRight = {\r\n      fontSize: '1.5em'\r\n   }\r\n   const prev = {\r\n      marginRight: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const next = {\r\n      marginLeft: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const topBtnstyle = {\r\n      height: '47px',\r\n      width: '62px',\r\n      marginLeft: '8.5px',\r\n      marginRight: '8.5px',\r\n      backgroundColor: '#FFFFFF',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const clearBoth = {\r\n      clear: 'both'\r\n   }\r\n   //only for mob\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.Animation;\r\n   var animTime = 1;\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            // console.log(myJson.positions);\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.Animation;\r\n      window.position = 'reset';\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n   },[]);\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim',animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   // console.log('animTime',animTime)\r\n\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here\r\n      var opt = undefined,gp = camData[gotoposname];\r\n      console.log(gp);\r\n      //    console.log(gp)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      var animationSwitch = window.Animation;\r\n      if (animationSwitch == 'off') { gp.time = 1 }\r\n      else {\r\n         gp.time = animTime;\r\n      }\r\n      // console.log('animationSwitch',animationSwitch);\r\n      // console.log('gp.time',gp.time);\r\n      window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      // console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n   }\r\n   //end\r\n\r\n   const slowInOut = (x) => {\r\n      var a = 3.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n   // const resetBacklitCloseImg = () =>{\r\n   //     setOpenCloseOnOff(false);\r\n   //     setOpenClose(\"./img/Lid_open.svg\");\r\n   //     setBackliteOnOff(false);\r\n   //     setBacklite(\"./img/Backlite_Off.svg\");\r\n   //     // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n   //     window.scene.clearRefine();\r\n\r\n   // }\r\n   const resetTimeline1 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_01_A')) window.scene.getAnim(\"Screen_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_01_A')) window.scene.getAnim(\"Hinge_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_01_A')) window.scene.getAnim(\"Main_grp_timeline_01_A\").stop();\r\n\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close180\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close360\", 0, 0);\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline2 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_02_A')) window.scene.getAnim(\"Screen_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_02_A')) window.scene.getAnim(\"Hinge_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_02_A')) window.scene.getAnim(\"Main_grp_timeline_02_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline3 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_03_A')) window.scene.getAnim(\"Screen_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_03_A')) window.scene.getAnim(\"Hinge_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_03_A')) window.scene.getAnim(\"Main_grp_timeline_03_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_03_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline4 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_04_A')) window.scene.getAnim(\"Main_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_04_A')) window.scene.getAnim(\"Hinge_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_04_A')) window.scene.getAnim(\"Screen_grp_timeline_04_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const posClicked1 = () => {\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1000);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1000);\r\n   }\r\n\r\n\r\n   // const onUpdateZoombar = (e) => {\r\n   //   // console.log(e.target.value);\r\n   //   var s = window.scene;\r\n   //   var deltaScene = 0;\r\n   //   console.log('onUpdateZoombar', zoombarValue)\r\n   //   deltaScene =  zoombarValue;\r\n   //   // var delta = (-e.detail * 10.0);\r\n   //   setPrevDeltaScene(deltaScene);\r\n   //   // prevDeltaScene = deltaScene;\r\n   //   if(prevDeltaScene-deltaScene > 0) {\r\n   //     console.log(deltaScene)\r\n   //     if (s._nav.NavChangeDolly(deltaScene))\r\n   //               s.clearRefine();\r\n   //   } else{\r\n   //     console.log(-deltaScene)\r\n   //     if (s._nav.NavChangeDolly(-deltaScene))\r\n   //               s.clearRefine();\r\n   //   }\r\n   //   document.getElementById('sliderRange').value = zoombarValue;\r\n   //   // console.log(prevDeltaScene)\r\n   //   // console.log(deltaScene)\r\n\r\n   // }\r\n\r\n   // const onZoomIn = (e) => {\r\n   //   // alert(\"zoom in\");\r\n   //   if(window.scene._nav._navDolly >=50 && window.scene._nav._navDolly <=128)\r\n   //     handleZoomChange(null, 2)\r\n\r\n   //   /*var s = window.scene;\r\n   //   var delta = (-e.detail * 10.0);\r\n   //   var deltaScene = delta * 0.1;\r\n   //   if (s._nav.NavChangeDolly(-25))\r\n   //               s.clearRefine(); */\r\n   //   // console.log(deltaScene);\r\n   // }\r\n   // const onZoomOut = (e) => {\r\n   //   if(window.scene._nav._navDolly >=52 && window.scene._nav._navDolly <=130)\r\n   //     handleZoomChange(null, -2)\r\n   //   /*\r\n   //   var s = window.scene;\r\n   //   var delta = (-e.detail * 10.0);\r\n   //   var deltaScene = delta * 0.1;\r\n   //   if (s._nav.NavChangeDolly(+25))\r\n   //               s.clearRefine();\r\n   //   console.log(deltaScene);\r\n   //   */\r\n   //   // alert(\"zoom out\");\r\n   // }\r\n\r\n   const onResetMob = () => {\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //   alreadySelected.classList.remove('active');\r\n      //   document.getElementById('whiteBtn').classList.add('active');\r\n      if (window.laptop == 'laptop180') {\r\n\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else if (window.laptop == 'laptop180') {\r\n\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      // posClicked1();\r\n      setCounter(0);\r\n      //setExpandedPanel(false);\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      setPort5Click(true);\r\n      window.closeMode = '';\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.hotspot = '';\r\n\r\n      var isClose = window.closeMode\r\n      if (port1Click == true) {\r\n         console.log(\"tent to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n\r\n      }\r\n      else if (port2Click == true) {\r\n         console.log(\"theater to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n\r\n      }\r\n      else if (port3Click == true) {\r\n         console.log(\"tablet to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n\r\n      }\r\n      else if (port4Click == true) {\r\n         console.log(\"close to reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         //   window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 0, 1500);\r\n         //   window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n         //   window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n         //   window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n         // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1500);\r\n         //   window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1500);\r\n         //   window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1500);\r\n\r\n         if (!isClose) {\r\n            console.log(\"if\");\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",0,1500);\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 1.66, 0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,1500);\r\n\r\n\r\n            window.scene.clearRefine();\r\n\r\n         } else {\r\n            console.log(\"else\");\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.clearRefine();\r\n\r\n         }\r\n\r\n      }\r\n      else {\r\n         console.log(\"no\");\r\n         // resetTimeline1();\r\n         // resetTimeline2();\r\n         // resetTimeline3();\r\n         // resetTimeline4();\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         setPort5Click(true);\r\n\r\n         if (port4Click == true) {\r\n            GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n               if (window.color == 'Carbon_Fibre') {\r\n                  window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n                  window.scene.groupApplyState(\"Screen_Fill_180_ON\");\r\n               } else if (window.color == 'silver') {\r\n                  window.scene.groupApplyState(\"Silver\");\r\n                  window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n               }\r\n               if (!isClose) {\r\n                  window.scene.animPlayInTime(\"Screen_90_degree\",0,1500);\r\n                  window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,1500);\r\n\r\n                  window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n                  window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n                  window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n                  window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n                  window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n                  window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n                  //  } else{\r\n\r\n\r\n                  //  }\r\n               }\r\n            });\r\n         }\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n            if (window.color == 'Carbon_Fibre') {\r\n               window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n               window.scene.groupApplyState(\"Screen_Fill_180_ON\");\r\n            } else if (window.color == 'silver') {\r\n               window.scene.groupApplyState(\"Silver\");\r\n               window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n            }\r\n            window.scene.animPlayInTime('Screen_90_degree',0,animTime);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n            // window.scene.animPlayInTime(\"screen_90_degree_animation\", 0, animTime);\r\n            window.scene.clearRefine();\r\n         });\r\n      }\r\n   }\r\n   //front to top \r\n   const onFrontClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(2);\r\n      // }else{\r\n      //   setCounter(3);\r\n      // }\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('frontBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // alert(\"front click\");\r\n      //console.log(camData.Render_Cam_F196_JD);\r\n      // event.target.className = \"selected\";\r\n      //  document.querySelectorAll('.MuiAccordionDetails-root').className = \"selected\";\r\n      //console.log(event.target);\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(1);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(4);\r\n         }\r\n\r\n      }\r\n\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(6);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(2);\r\n         }\r\n      }\r\n\r\n      window.scene.clearRefine();\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      var isClose = window.closeMode;\r\n\r\n      if (port1Click == true) {\r\n         window.scene.gotoPosInTime(0,0,-2,1.1237486091039337,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,0);\r\n\r\n         }\r\n      }\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n\r\n      //    window.scene.gotoPosInTime(camData.Render_Cam_F196_JD.pos[0], camData.Render_Cam_F196_JD.pos[1], camData.Render_Cam_F196_JD.pos[2], camData.Render_Cam_F196_JD.pos[3], camData.Render_Cam_F196_JD.pos[4], 1000, function () {\r\n      // window.scene.animPlayInTime('Screen_90_degree', 1, 1);\r\n      // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, 1);\r\n      //  window.scene.animPlayInTime('Screen_90_degree_180', 1, 1);   \r\n      //   if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.34, 0)\r\n      // }\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F196_JD',function () {\r\n         window.scene.animPlayInTime('Screen_90_degree',0.62,animTime,function () {\r\n            window.hotspot = 'front';\r\n\r\n         });\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime('Screen_grp_timeline_01',0.34,animTime,function () {\r\n            window.hotspot = 'front';\r\n\r\n         });\r\n         window.scene.clearRefine();\r\n      })\r\n\r\n   }\r\n\r\n   const onRightClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(4);\r\n      // }else{\r\n      //   setCounter(5);\r\n      // }\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(5)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(3);\r\n         } else if (window.laptop == 'laptop.360') {\r\n            setCounter(6);\r\n         }\r\n      }\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(3)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(1);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(4);\r\n         }\r\n      }\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('rightBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      var isClose = window.closeMode;\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime('Screen_grp_timeline_01',1.66,0)\r\n\r\n         }\r\n      }\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      //window.scene.gotoPosInTime(3.5793310556726188, -0.12797237544732043, 1.9108546394009327, 1.1237486091039337, -2.94957, 1000, function () {\r\n      // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, 1000);\r\n      // window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 1);\r\n      // window.scene.animPlayInTime('Screen_90_degree_180', 1, 1);\r\n      //   if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.45,0)\r\n\r\n      // }\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F194_R',function () {\r\n         window.scene.animPlayInTime('Screen_grp_timeline_01',0.45,animTime,function () {\r\n            window.hotspot = 'right';\r\n\r\n         });\r\n         // window.scene.animPlayInTime(\"Screen_90_degree_180\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.83,animTime,function () {\r\n            window.hotspot = 'right';\r\n\r\n         });\r\n         window.scene.clearRefine();\r\n      });\r\n   }\r\n\r\n   const onLeftClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(5);\r\n      // }else{\r\n      //   setCounter(6);\r\n      // }\r\n\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(6)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(4);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(7);\r\n         }\r\n      }\r\n\r\n\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(4)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(3);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(5);\r\n         }\r\n      }\r\n      var isClose = window.closeMode;\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('leftBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         console.log(\"4\")\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,0);\r\n\r\n         }\r\n      }\r\n\r\n      //    if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.45, 0)\r\n      // }\r\n      GotoPosInTimeNamedValue('Render_Cam_F194_L',function () {\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0.45,animTime,function () {\r\n            window.hotspot = 'left';\r\n\r\n         });\r\n\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.83,animTime,function () {\r\n            window.hotspot = 'left';\r\n\r\n         });\r\n         window.scene.clearRefine();\r\n      });\r\n   }\r\n   const onTopClick = () => {\r\n      //   if(laptop180){\r\n      //     setCounter(3);\r\n      //   }else{\r\n      //     setCounter(4);\r\n      //   }\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(4)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(2);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(5);\r\n         }\r\n      }\r\n\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(2)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(0);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(3);\r\n         }\r\n      }\r\n      var isClose = window.closeMode;\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('topBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n\r\n      //resetBacklitCloseImg();\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,0);\r\n\r\n         }\r\n      }\r\n      //    if (!openCloseOnOff) {\r\n      //     window.scene.animPlayInTime('Screen_grp_timeline_01', 0.26, 0)\r\n      // }\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      //window. scene.gotoPosInTime(-1.0027337231599986, 1.413716694115407, -3.3206931126926346, -8, 16, 1000, function(){\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F198_Top',function () {\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.50,animTime,function () {\r\n            window.hotspot = 'top';\r\n\r\n         });\r\n         window.scene.animPlayInTime('Screen_grp_timeline_01',0.26,animTime,function () {\r\n            window.hotspot = 'top';\r\n\r\n         });\r\n      });\r\n\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   //end\r\n   //open close and backlit\r\n   const openCloseClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(6);\r\n      // }else{\r\n      //   setCounter(7);\r\n\r\n      // }\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(7)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(5);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(8);\r\n\r\n         }\r\n      }\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(6)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(5);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(6);\r\n\r\n         }\r\n      }\r\n      var fromPos = window.hotspot;\r\n      window.hotspot = '';\r\n      window.closeMode = 'on';\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('openCloseBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setBackliteOnOff(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      if (port1Click == true) {\r\n         console.log('abcd');\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n\r\n      console.log(backliteOnOff);\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.scene.animPlayInTime(\"Screen_90_degree_180\",0,0);\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      window.scene.clearRefine();\r\n      if (openCloseOnOff) {\r\n\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         setOpenCloseOnOff(false);\r\n         console.log(\"open\");\r\n         setOpenClose(\"./img/Lid_open.svg\");\r\n\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n\r\n\r\n\r\n         });\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0,1);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,1500);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,1500);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,1500);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,1500);\r\n         window.scene.clearRefine();\r\n      } else {\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(true);\r\n         setOpenCloseOnOff(true);\r\n         console.log(\"close\");\r\n         setBackliteOnOff(false);\r\n         setOpenClose(\"./img/Lid_close.svg\");\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         GotoPosInTimeNamedValue('Close_Cam_F158_Close',function () {\r\n\r\n\r\n         });\r\n         if (fromPos == 'right' || fromPos == 'left' || fromPos == 'front' || fromPos == 'top' || fromPos == 'backlit') {\r\n            // alert('right')\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,1500);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,1500);\r\n\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.41, 0);\r\n            // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.41, 0);\r\n            // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.41, 0);\r\n\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n            // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n            // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            console.log(\"else close\")\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01\",1.66,1500);\r\n            // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.41,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.41,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.41,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,1500);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,1500);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,1500);\r\n\r\n            window.scene.clearRefine();\r\n         }\r\n\r\n      }\r\n\r\n   }\r\n\r\n   const backliteClick = () => {\r\n      // if(laptop180){\r\n      //   setCounter(7);\r\n      // }else{\r\n      //   setCounter(8);\r\n\r\n      // }\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         //  setCounter(0)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(0);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(0);\r\n         }\r\n      }\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         //  setCounter(7)\r\n         if (window.laptop == 'laptop180') {\r\n            setCounter(6);\r\n         } else if (window.laptop == 'laptop360') {\r\n            setCounter(7);\r\n         }\r\n      }\r\n      window.hotspot = '';\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('backlitBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      //resetBacklitCloseImg();\r\n      var isClose = window.closeMode;\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         if (!isClose) {\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n         } else {\r\n            window.scene.animPlayInTime(\"Screen_90_degree\",1.66,0);\r\n            // window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 1.66, 0);\r\n\r\n         }\r\n      }\r\n\r\n      if (!openCloseOnOff) {\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_degree_180\", 1, 0);\r\n         //  window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 0);\r\n      }\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 0, 1500);\r\n\r\n      // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n      // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F198_Top',function () {\r\n\r\n         window.hotspot = 'backlit';\r\n         // window.scene.animPlayInTime(\"screen_90_degree_animation\", 1, animTime);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0.26,animTime);\r\n         window.scene.animPlayInTime(\"Screen_90_degree\",0.50,animTime);\r\n         window.scene.clearRefine();\r\n      })\r\n\r\n      if (backliteOnOff) {\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         console.log(\"off\");\r\n         setBackliteOnOff(false);\r\n\r\n         //window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 1);\r\n         //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n         window.scene.groupApplyState(\"Backlit_OFF\");\r\n         window.scene.clearRefine();\r\n         setBacklite(\"./img/Backlite_Off.svg\");\r\n      } else {\r\n         setPort1Click(false);\r\n         setPort2Click(false);\r\n         setPort3Click(false);\r\n         setPort4Click(false);\r\n         setBackliteOnOff(true);\r\n         console.log(\"on\");\r\n         setBacklite(\"./img/Backlite_On.svg\");\r\n         // if(port4Click == true){\r\n         //   window.scene.animPlayInTime(\"Screen_90_degree_180\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n         // }\r\n         //else{\r\n         //   window.scene.animPlayInTime(\"Screen_90_degree_180\", 1, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 0);\r\n         // }\r\n\r\n         //window.scene.animPlayInTime(\"Screen_90_degree\", 0.83, 1);\r\n         //window.scene.materialReplace('LED_Backlit_OFF_env', 'LED_Backlit_ON_env');\r\n         window.scene.groupApplyState(\"Backlit_ON\");\r\n         window.scene.clearRefine();\r\n\r\n\r\n\r\n      }\r\n   }\r\n\r\n\r\n   //menufeature\r\n\r\n   const color1Click = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // if(nextClick){\r\n      //   console.log(\"next\")\r\n      //   setNextClick(true)\r\n      //   setPrevClick(false)\r\n      // //  setCounter(0)\r\n      // if(laptop180){\r\n      //   setCounter(1);\r\n      // }\r\n\r\n      // }\r\n      // if(prevClick){\r\n      //   console.log(\"previuos\")\r\n\r\n      //   setNextClick(false)\r\n      //   setPrevClick(true)\r\n      // //  setCounter(7)\r\n      // if(laptop180){\r\n      //   setCounter(7);\r\n      // }\r\n      // }\r\n\r\n      // setLaptop360FrontImg(\"./img/front180White.png\");\r\n      // setLaptop360TopImg(\"./img/top180White.png\");\r\n      // setLaptop360LefttImg(\"./img/left.png\");\r\n      // setLaptop360RightImg(\"./img/right.png\");\r\n      setPort4Click(false);\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n      }\r\n      // if(laptop360){\r\n      //   console.log(\"360white\");\r\n      //   setScreen360(true);\r\n      //   setScreen180(false);\r\n      //   window.scene.groupApplyState(\"Silver\");\r\n\r\n      // }else if(laptop180){        \r\n      // console.log(\"180white\");\r\n\r\n      // setScreen360(false);\r\n      // setScreen180(true);\r\n      window.color = 'silver';\r\n      window.scene.groupApplyState(\"Silver\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      window.scene.clearRefine();\r\n\r\n      // }\r\n\r\n\r\n   }\r\n\r\n   const color2Click = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      // document.getElementById('blackBtn').classList.add('active');\r\n      window.position = 'reset';\r\n      // if(laptop360){\r\n      // console.log(\"360black\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      // if(nextClick){\r\n      //   console.log(\"next\")\r\n      //   setNextClick(true)\r\n      //   setPrevClick(false)\r\n      // //  setCounter(0)\r\n      // if(laptop180){\r\n      //   setCounter(2);\r\n      // }\r\n\r\n      // }\r\n      // if(prevClick){\r\n      //   console.log(\"previuos\")\r\n\r\n      //   setNextClick(false)\r\n      //   setPrevClick(true)\r\n      // //  setCounter(7)\r\n      // if(laptop180){\r\n      //   setCounter(0);\r\n      // }\r\n      // }\r\n      // setLaptop360FrontImg(\"./img/front180Black.png\");\r\n      // setLaptop360TopImg(\"./img/top180Black.png\");\r\n      // setLaptop360LefttImg(\"./img/left180Black.png\");\r\n      // setLaptop360RightImg(\"./img/right180Black.png\");\r\n      setPort2Click(false);\r\n      setPort1Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n\r\n      }\r\n      //     setScreen360(true);\r\n      //     setScreen180(false);\r\n      //       window.scene.groupApplyState(\"Silver\");\r\n      //   }else if(laptop180){\r\n      // setScreen360(false);\r\n      // setScreen180(true);\r\n      // console.log(\"180black\");\r\n      window.color = 'Carbon_Fibre';\r\n      //window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n      window.scene.groupApplyState(\"Carbon_Black\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      window.scene.clearRefine();\r\n      // }  \r\n   }\r\n\r\n   //end\r\n\r\n   //tent theater tablet\r\n   const TentModeClick = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('tentBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_360\");\r\n\r\n      if (nextClick) {\r\n         console.log(\"next\");\r\n         window.laptop = 'laptop360';\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         setCounter(1)\r\n      }\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n         window.laptop = 'laptop360';\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         setCounter(8)\r\n      }\r\n      setPort1Click(true);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      // resetTimeline2();\r\n      // resetTimeline4();\r\n      window.scene.instanceSet(\"Tent_Mode_\",\"visible\",true);\r\n      if (port2Click == true) {\r\n         console.log('2to1');\r\n         //window.scene.gotoPosInTime(5.870586012158568, -0.07421835782862393, -2.8433458463639633, -7.834415216000001, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",3.8,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",3.8,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",3.8,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",2.6,animTime);\r\n         window.scene.instanceSet(\"Tent_Mode_\",\"visible\",true);\r\n         window.scene.clearRefine();\r\n      }\r\n      else if (port3Click == true) {\r\n         console.log('3to1');\r\n         //window.scene.gotoPosInTime(5.870586012158568, -0.07421835782862393, -2.8433458463639633, -7.834415216000001, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.6,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.6,animTime);\r\n         window.scene.clearRefine();\r\n      } else {\r\n         console.log('1to1');\r\n         //setPort1Click(false);\r\n         //window.scene.gotoPosInTime(5.870586012158568, -0.07421835782862393, -2.8433458463639633, -7.834415216000001, 0, 1000);\r\n         if (port1Click == true) {\r\n            console.log(\"1\");\r\n            GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0.04166,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.6,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.6,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.6,0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            console.log(\"2\");\r\n            GotoPosInTimeNamedValue('Tent_Cam_F53_Tent');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0.04166,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0.04166,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.6,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.6,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.6,animTime);\r\n            window.scene.clearRefine();\r\n         }\r\n      }\r\n\r\n   }\r\n\r\n   const TheaterModeClick = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('theaterBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         window.laptop = 'laptop360';\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         setCounter(2)\r\n      }\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n         window.laptop = 'laptop360';\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         setCounter(0)\r\n      }\r\n      setPort2Click(true);\r\n      setPort1Click(false);\r\n      setPort3Click(false);\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      // resetTimeline2();\r\n      // resetTimeline4();\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      if (port1Click == true) {\r\n         console.log('1to2');\r\n         // window.scene.gotoPosInTime(5.828445577373697, 0.09175761916456742, -1.3551467671742682, -4.1122478625104312, 0, 1000);\r\n         GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",2.5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",3.8,animTime);\r\n      }\r\n      else if (port3Click == true) {\r\n         console.log('3to2');\r\n         // window.scene.gotoPosInTime(5.828445577373697, 0.09175761916456742, -1.3551467671742682, -4.1122478625104312, 0, 1000);\r\n         GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",5,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",3.8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",3.8,animTime);\r\n      } else {\r\n         console.log('2to2');\r\n\r\n\r\n         if (port2Click == true) {\r\n            console.log(\"1\")\r\n            GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.4,0);\r\n\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.8,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.8,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.8,0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            console.log(\"2\");\r\n            GotoPosInTimeNamedValue('Stand_Cam_F95_Stand');\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.4,0);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.4,0);\r\n\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.8,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.8,animTime);\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.8,animTime);\r\n            window.scene.clearRefine();\r\n         }\r\n      }\r\n\r\n\r\n   }\r\n   const TabletModeClick = () => {\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      document.getElementById('tabletBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      if (nextClick) {\r\n         console.log(\"next\")\r\n         window.laptop = 'laptop360';\r\n         setNextClick(true)\r\n         setPrevClick(false)\r\n         setCounter(3)\r\n      }\r\n      if (prevClick) {\r\n         console.log(\"previuos\")\r\n         window.laptop = 'laptop360';\r\n         setNextClick(false)\r\n         setPrevClick(true)\r\n         setCounter(1)\r\n      }\r\n      setPort3Click(true);\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      resetTimeline4();\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      //window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      // resetTimeline2();\r\n      // resetTimeline4();\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n      if (port1Click == true) {\r\n         console.log('1to3');\r\n         //window.scene.gotoPosInTime(5.867081672070415, -0.03458257862338644, -2.391488170611039, -6.5, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.9,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.9,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.9,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,animTime);\r\n         window.scene.clearRefine();\r\n      }\r\n      else if (port2Click == true) {\r\n         console.log('2to3');\r\n         // window.scene.gotoPosInTime(5.867081672070415, -0.03458257862338644, -2.391488170611039, -6.5, 0, 1000);\r\n         GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",4.2,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",4.2,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",4.2,0);\r\n\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",5.1,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",5.1,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",5.1,animTime);\r\n         window.scene.clearRefine();\r\n      }\r\n      else {\r\n         console.log('3to3');\r\n         //window.scene.gotoPosInTime(5.867081672070415, -0.03458257862338644, -2.391488170611039, -6.5, 0, 1000);\r\n\r\n\r\n         if (port3Click == true) {\r\n            console.log(\"1\")\r\n            GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,0);\r\n            window.scene.clearRefine();\r\n         } else {\r\n            console.log(\"2\")\r\n            GotoPosInTimeNamedValue('Tablet_Cam_F118_Tablet');\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,0);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,0);\r\n\r\n            window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5,animTime);\r\n            window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5,animTime);\r\n            window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5,animTime);\r\n            window.scene.clearRefine();\r\n         }\r\n\r\n\r\n      }\r\n\r\n   }\r\n\r\n   //end\r\n\r\n   const laptopClick = (event) => {\r\n      setlaptop180(true);\r\n      setlaptop360(false);\r\n      console.log(laptop180);\r\n      setCounter(0);\r\n      setValue(event.target.value);\r\n      // setDisplayed(true);\r\n      // setExpandedPanel(false);\r\n      // setHidden(false);\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      posClicked1();\r\n      resetTimeline1();\r\n      resetTimeline2();\r\n      resetTimeline3();\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      // setLaptop360FrontImg(\"./img/front180White.png\");\r\n      // setLaptop360TopImg(\"./img/top180White.png\");\r\n      // setLaptop360LefttImg(\"./img/left.png\");\r\n      // setLaptop360RightImg(\"./img/right.png\");\r\n      // resetBacklitCloseImg();\r\n\r\n      window.position = 'reset';\r\n      window.laptop = 'laptop180';\r\n      window.closeMode = '';\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      alreadySelected.classList.remove('active');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n      var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      alreadySelecte.classList.remove('select');\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      // alreadySelected.classList.remove('active');\r\n      //  document.getElementById('whiteBtn').classList.add('select');\r\n      //  document.getElementById('whiteBtn').classList.add('active');\r\n\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n      }\r\n      window.scene.animPlayInTime('Screen_90_degree',0,animTime);\r\n      window.scene.animPlayInTime(\"screen_90_degree_animation\",0,animTime);\r\n      window.scene.animPlayInTime('Screen_90_degree_180',0,animTime);\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_360\", \"visible\", false);\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_180\", \"visible\", true);\r\n\r\n         window.scene.groupApplyState(\"Silver_180\");\r\n         window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n      });\r\n\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   // const [value, setValue] = useState('2 in 1');\r\n\r\n   const select2in1Click = (event) => {\r\n      setlaptop360(true);\r\n      setlaptop180(false);\r\n      console.log(laptop360);\r\n      setCounter(0);\r\n      setValue(event.target.value);\r\n      // setDisplayed(false);\r\n      // setHidden(true);\r\n      // setExpandedPanel(false);\r\n      setPort1Click(false);\r\n      setPort2Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n      window.hotspot = '';\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.position = 'reset';\r\n      window.scene.groupApplyState(\"screenfill_360\");\r\n      // window.scene.groupApplyState(\"dynamic_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      window.laptop = 'laptop360';;\r\n      window.hotspot = '';\r\n      window.closeMode = '';\r\n      window.scene.animPlayInTime(\"Screen_90_degree\",0,0);\r\n\r\n      if (port1Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",2.5,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,animTime);\r\n      }\r\n      if (port2Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",1.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0.00,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0.00,animTime);\r\n      }\r\n      if (port3Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",5.4,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",8,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",8,animTime);\r\n      }\r\n      if (port4Click == true) {\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",6.7,0);\r\n         window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",8.31,animTime);\r\n         window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",8.31,animTime);\r\n      }\r\n      // setLaptop360FrontImg(\"./img/front360.png\");\r\n      // setLaptop360TopImg(\"./img/top360.png\");\r\n      // setLaptop360LefttImg(\"./img/left.png\");\r\n      // setLaptop360RightImg(\"./img/right.png\");\r\n\r\n      // resetBacklitCloseImg();\r\n      window.scene.animPlayInTime('Screen_90_degree',0,animTime);\r\n      window.scene.animPlayInTime(\"screen_90_degree_animation\",0,animTime);\r\n      window.scene.animPlayInTime('Screen_90_degree_180',0,animTime);\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n         window.scene.groupApplyState(\"Silver\");\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_360\", \"visible\", true);\r\n         //window.scene.instanceSet(\"Latitude_7410_Chromebook_Enterprise_180\", \"visible\", false);\r\n         //window.scene.instanceSet(\"GP_Laptop_360\", \"visible\", true);\r\n      });\r\n\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"Open_mode\", \"visible\", false);\r\n      //window.scene.instanceSet(\"normal_screen\", \"visible\", true);\r\n      //window.scene.instanceSet(\"tent_mode_screen\", \"visible\", false);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   const [openCloseOnOff,setOpenCloseOnOff] = useState(false);\r\n   const [backlit,setBacklite] = useState(\"./img/Backlite_Off.svg\");\r\n   const [opneClose,setOpenClose] = useState(\"./img/Lid_open.svg\");\r\n   const [backliteOnOff,setBackliteOnOff] = useState(false);\r\n   const [laptop360,setlaptop360] = useState(true);\r\n   const [laptop180,setlaptop180] = useState(false);\r\n   const [counter,setCounter] = useState(0);\r\n   const [port1Click,setPort1Click] = useState(false);\r\n   const [port2Click,setPort2Click] = useState(false);\r\n   const [port3Click,setPort3Click] = useState(false);\r\n   const [port4Click,setPort4Click] = useState(false);\r\n   const [port5Click,setPort5Click] = useState(true);\r\n   const [nextClick,setNextClick] = useState(false);\r\n   const [prevClick,setPrevClick] = useState(false);\r\n\r\n   const onPreviousMob = () => {\r\n      // if(counter > 0)\r\n\r\n      if (nextClicked) {\r\n         // alert('iffff');\r\n         // return;\r\n         prevCounter = counter - 2;\r\n      } else {\r\n         // alert('else');\r\n         prevCounter = counter;\r\n      }\r\n      setNextClick(false);\r\n      setPrevClick(true);\r\n      console.log(\"****************** Inside prev prevCounter\",prevCounter);\r\n      console.log(\"****************** Inside prev\",counter);\r\n      if (window.laptop == 'laptop180') {\r\n         // setlaptop180(true);\r\n\r\n         switch (prevCounter) {\r\n\r\n            case 0:\r\n               // setExpandedPanel(\"panel1\");\r\n               onFrontClick();\r\n               setCounter(5);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 1:\r\n               onTopClick();\r\n\r\n               console.log('top',counter);\r\n               setCounter(0);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 2:\r\n\r\n               onRightClick();\r\n               console.log('left',counter);\r\n               setCounter(1);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel1\");\r\n               onLeftClick();\r\n               console.log('right',counter);\r\n               setCounter(2);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 4:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n\r\n               console.log('openclose',counter);\r\n               setCounter(3);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n            case 5:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               backliteClick();\r\n               console.log('backliteOnOff',counter);\r\n               setCounter(4);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n         }\r\n\r\n      } else {\r\n         // setlaptop180(false);\r\n\r\n         switch (prevCounter) {\r\n            case 0:\r\n               TentModeClick();\r\n\r\n               console.log('tent',counter);\r\n               setCounter(8);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n\r\n            case 1:\r\n               TheaterModeClick();\r\n               console.log('next cha theater',counter);\r\n               setCounter(0);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 2:\r\n               // setExpandedPanel(\"panel2\");\r\n               TabletModeClick();\r\n               console.log('tablet',counter);\r\n               setCounter(1);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel1\");\r\n               onFrontClick();\r\n               console.log('front',counter);\r\n               setCounter(2);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 4:\r\n               onTopClick();\r\n               console.log('top',counter);\r\n               setCounter(3);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 5:\r\n               onRightClick();\r\n               console.log('right',counter);\r\n               setCounter(4);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n\r\n            case 6:\r\n               // setExpandedPanel(\"panel1\");\r\n               onLeftClick();\r\n               console.log('left',counter);\r\n               setCounter(5);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n            case 7:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n               console.log('openClose',counter);\r\n               setCounter(6);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n            case 8:\r\n               // setExpandedPanel(\"panel3\");\r\n               backliteClick();\r\n               console.log('backliteOnOff',counter);\r\n               setCounter(7);\r\n               setNextClick(false);\r\n               setPrevClick(true);\r\n               break;\r\n         }\r\n\r\n      }\r\n      prevCounter = counter;\r\n      nextClicked = false;\r\n      prevClicked = true;\r\n   }\r\n\r\n\r\n   const onNextMob = () => {\r\n      //console.log(\"****************** Inside next\",prevState.counter);\r\n      // setCounter(counter+1);\r\n      if (prevClicked) {\r\n         // alert('iffff');\r\n         // return;\r\n         prevCounter = counter + 2;\r\n      } else {\r\n         // alert('else');\r\n         prevCounter = counter;\r\n      }\r\n      setNextClick(true)\r\n      setPrevClick(false)\r\n      console.log(\"****************** Inside next prevCounter\",prevCounter);\r\n      console.log(\"****************** Inside next\",counter);\r\n\r\n\r\n      // if (counter == 0) {\r\n      //   setExpandedPanel(\"panel2\");\r\n      //    TentModeClick();\r\n      //     console.log('tent', counter);\r\n      // }\r\n      // else if (counter == 1) {\r\n      //   TheaterModeClick();\r\n      //   console.log('theater', counter);\r\n      // }\r\n      // else if (counter == 2) {\r\n      //   TabletModeClick();\r\n      //   console.log('tablet', counter);\r\n\r\n      // }\r\n      if (window.laptop == 'laptop180') {\r\n         // setlaptop180(true);\r\n\r\n         switch (prevCounter) {\r\n            // case 0:\r\n            //   setExpandedPanel(\"panel4\");\r\n            //   color1Click();\r\n            //   console.log('colorsilver', counter);\r\n            //   setCounter(counter+1);\r\n            //   setNextClick(true)\r\n            //   setPrevClick(false)\r\n            //   break;\r\n\r\n            // case 1:\r\n            //   color2Click()\r\n\r\n            // console.log('colorBlack', counter);\r\n            // setCounter(counter+1);\r\n            // setNextClick(true)\r\n            // setPrevClick(false)\r\n            //   break;  \r\n\r\n            case 0:\r\n               // setExpandedPanel(\"panel1\");\r\n               // setExpandedPanel(\"panel1\");\r\n               onFrontClick();\r\n               console.log('Front',counter);\r\n\r\n               setCounter(1);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 1:\r\n               onTopClick();\r\n               console.log('Top',counter);\r\n               setCounter(2);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 2:\r\n               onRightClick();\r\n               console.log('left',counter);\r\n               setCounter(3);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel3\");\r\n               onLeftClick();\r\n               console.log('right',counter);\r\n               setCounter(4);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 4:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n\r\n               console.log('openclose',counter);\r\n               setCounter(5);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n            case 5:\r\n               backliteClick();\r\n               console.log('backliteOnOff',counter);\r\n               setCounter(0);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n         }\r\n\r\n      } else {\r\n         setlaptop180(false);\r\n\r\n         switch (prevCounter) {\r\n            case 0:\r\n               // setExpandedPanel(\"panel2\");\r\n               TentModeClick();\r\n               console.log('tent',counter);\r\n               setCounter(1);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 1:\r\n               TheaterModeClick();\r\n               console.log('theater',counter);\r\n               setCounter(2);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 2:\r\n               TabletModeClick();\r\n               console.log('tablet',counter);\r\n               setCounter(3);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 3:\r\n               // setExpandedPanel(\"panel1\");\r\n               onFrontClick();\r\n               console.log('front',counter);\r\n               setCounter(4);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 4:\r\n               onTopClick();\r\n               console.log('top',counter);\r\n               setCounter(5);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 5:\r\n               onRightClick();\r\n               console.log('right',counter);\r\n               setCounter(6);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n\r\n            case 6:\r\n               onLeftClick();\r\n               console.log('left',counter);\r\n               setCounter(7);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n            case 7:\r\n               // setExpandedPanel(\"panel3\");\r\n\r\n               openCloseClick();\r\n               console.log('openClose',counter);\r\n               setCounter(8);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n            case 8:\r\n               backliteClick();\r\n               console.log('backliteOnOff',counter);\r\n               setCounter(0);\r\n               setNextClick(true)\r\n               setPrevClick(false)\r\n               break;\r\n         }\r\n\r\n      }\r\n      prevCounter = counter;\r\n      nextClicked = true;\r\n      prevClicked = false;\r\n   }\r\n\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.Animation;\r\n      window.position = 'reset';\r\n      return () => {\r\n         return false\r\n      }\r\n   },[]);\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   // console.log('animTime', animTime)\r\n\r\n   const onUpdateZoombar = (e) => {\r\n      // console.log(e.target.value);\r\n      var s = window.scene;\r\n      var deltaScene = 0;\r\n      console.log('onUpdateZoombar',zoombarValue)\r\n      deltaScene = zoombarValue;\r\n      // var delta = (-e.detail * 10.0);\r\n      setPrevDeltaScene(deltaScene);\r\n      // prevDeltaScene = deltaScene;\r\n      if (prevDeltaScene - deltaScene > 0) {\r\n         console.log(deltaScene)\r\n         if (s._nav.NavChangeDolly(deltaScene))\r\n            s.clearRefine();\r\n      } else {\r\n         console.log(-deltaScene)\r\n         if (s._nav.NavChangeDolly(-deltaScene))\r\n            s.clearRefine();\r\n      }\r\n      document.getElementById('sliderRange').value = zoombarValue;\r\n      // console.log(prevDeltaScene)\r\n      // console.log(deltaScene)\r\n\r\n   }\r\n\r\n   const onZoomIn = (e) => {\r\n      if (window.scene._nav.getZoomFactor() > 0)\r\n         handleZoomChange(null,-0.1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n   }\r\n\r\n   const onZoomOut = (e) => {\r\n      if (window.scene._nav.getZoomFactor() < 1)\r\n         handleZoomChange(null,0.1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n   }\r\n\r\n   let count = 1;\r\n   const onLeft = () => {\r\n      // alert(\"Rotate product left\");\r\n      window.scene._nav._navYAng += 0.5;\r\n      // console.log(count);\r\n      // window.scene._nav._navYAng = count;\r\n      window.scene.clearRefine();\r\n      window.hotspot = '';\r\n\r\n   }\r\n   const onRight = () => {\r\n      // alert(\"Rotate product right\");\r\n      count -= 0.1;\r\n      // console.log(count);\r\n      window.scene._nav._navYAng -= 0.5;;\r\n      window.scene.clearRefine();\r\n      window.hotspot = '';\r\n   }\r\n   return (\r\n      <React.Fragment>\r\n\r\n         {ReactDOM.createPortal(\r\n            <div id='footerControls' class=\"footerControMob\">\r\n               {/* <Hidden only={['sm','md','lg','xl']}>  */}\r\n\r\n               <div className=\"threebtns\">\r\n                  <div className=\"zoombarandRotateContainer\">\r\n\r\n\r\n                     <Hidden only={['xs','lg','xl']}>\r\n                        <div style={topbtns}>\r\n                           <Button id=\"rLeft\" className=\"tabIndexStyle {classes.newBtns}\" style={topBtnstyle} onClick={onLeft} title=\"left\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                              <img alt=\"diagonalarrowleft\" src=\"./img/diagonalLeftArrow.svg\" />\r\n                           </Button>\r\n                           <Button id=\"rRight\" className=\"tabIndexStyle {classes.newBtns}\" style={topBtnstyle} onClick={onRight} title=\"right\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                              <img alt=\"arrowright\" src=\"./img/diagonalRightArrow.svg\" />\r\n                           </Button>\r\n                        </div>\r\n\r\n                        <div id=\"zoomSliderContainer\" style={zoombar} >\r\n                           <img style={{ height: '100%' }} alt=\"zoombar\" src=\"./img/ZOOMBAR.svg\" />\r\n\r\n                           <div id=\"zoomIn\" onClick={onZoomIn}></div>\r\n                           <div id=\"zoomSlider\" className=\"tabIndexStyle\">\r\n                              <div className=\"rangeslider\">\r\n                                 <label>  <input type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\" />\r\n                                 </label>\r\n                              </div>\r\n                           </div>\r\n                           <div id=\"zoomOut\" onClick={onZoomOut}></div>\r\n                        </div>\r\n                     </Hidden>\r\n                  </div>\r\n\r\n                  <div className=\"mainDiv\" style={clearBoth}>\r\n                     <Hidden only={['xs','lg','xl']}>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"previousView\" variant=\"outlined\" color=\"primary\" onClick={props.onPreviousIpad}>\r\n                           <img style={{ height: '20px',width: '24px',paddingRight: '12px' }} alt=\"arrowleftMob\" src=\"./img/leftArrow.svg\" />\r\n                           {window.finalLangues.previousViewMob || \"Previous\"}\r\n                        </Button>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"resetView\" variant=\"outlined\" color=\"primary\" onClick={props.onResetIpad}>\r\n                           {window.finalLangues.resetView || \"Reset View\"}\r\n                        </Button>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNextIpad}>\r\n                           {window.finalLangues.nextViewMob || \"Next\"}\r\n                           <img style={{ height: '20px',width: '24px',paddingLeft: '12px' }} alt=\"arrowrightMob\" src=\"./img/rightArrow.svg\" />\r\n                        </Button>\r\n                     </Hidden>\r\n\r\n\r\n                     <Hidden only={['sm','md','lg','xl']}>\r\n                        <Button style={mobthreeButtons} id=\"previousView\" variant=\"outlined\" color=\"primary\" onClick={props.onPreviousMob} className={classes.margin}>\r\n                           <img style={{ height: '20px',width: '24px',paddingRight: '12px' }} alt=\"arrowleftMob\" src=\"./img/leftArrow.svg\" />\r\n                           {window.finalLangues.previousViewMob || \"Previous\"}\r\n                        </Button>\r\n                        <Button style={mobthreeButtons} id=\"resetView\" variant=\"outlined\" color=\"primary\" onClick={props.onResetMob} className={classes.margin}>\r\n                        {window.finalLangues.resetViewMob || \"Reset\"}\r\n                        </Button>\r\n                        <Button style={mobthreeButtons} id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNextMob} className={classes.margin}>\r\n                        {window.finalLangues.nextViewMob || \"Next\"}\r\n                           <img style={{ height: '20px',width: '24px',paddingLeft: '12px' }} alt=\"arrowrightMob\" src=\"./img/rightArrow.svg\" />\r\n                        </Button>\r\n                     </Hidden>\r\n                  </div>\r\n               </div>\r\n\r\n            </div>,document.getElementById('footerControMob')\r\n         )}\r\n\r\n\r\n      </React.Fragment>\r\n\r\n\r\n   )\r\n}","import React,{ useState,useEffect,useRef } from 'react';\r\nimport MenuExteriorView from './MenuExteriorView';\r\nimport MenuInterierView from './MenuInterierView';\r\nimport AnimationBtn from './AnimationBtn';\r\nimport MenuSoftware from './MenuSoftware';\r\nimport Howtousenew from './Howtousenew';\r\nimport HowToUse from './HowToUse';\r\nimport FooterControl from './FooterControl';\r\nimport FooterControlMob from './FooterControlMob';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport Button from '@material-ui/core/Button';\r\n\r\n// import MenuBtn from './MenuBtn';\r\n// import { MicNone } from '@material-ui/icons';\r\nvar mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\nvar mobPortrait = (mob && window.innerHeight > window.innerWidth);\r\nvar moblandscap = (mob && window.innerWidth > window.innerHeight);\r\nvar isipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\n\r\nexport const userContext = React.createContext();\r\n\r\nvar prevCounter = 0;\r\nvar nextClicked = false;\r\nvar prevClicked = false;\r\n\r\nvar buttonSeq = ['onResetMode','onExteriorClick','FrontModeClick','RearModeClick','onInterirorClick','onProcessorClick','onMemoryClick','onDMEClick','onSoftwareClick','IAutomationClick','CResiliencyClick','BEfficiencyClick','CModernClick'];\r\n\r\nconst MainMenu = (props) => {\r\n   const [expandedPanel,setExpandedPanel] = useState(false);\r\n\r\n   const [portImg,setPortImg] = useState(\"./img/back_white.png\");\r\n   const [monitorPivotImg,setMonitorPivotImg] = useState(\"./img/pilot_white.png\");\r\n   const [monitorSwivelImg,setMonitorSwivelImg] = useState(\"./img/swivel_white.png\");\r\n   const [monitorHeightImg,setMonitorHeightImg] = useState(\"./img/height_white.png\");\r\n   const [monitorTiltImg,setMonitorTiltImg] = useState(\"./img/tilt_white.png\");\r\n   const [monitorColorometerImg,setMonitorColorometerImg] = useState(\"./img/colorometer_white.png\");\r\n   const [monitorHoodImg,setMonitorHoodImg] = useState(\"./img/hood_white.png\");\r\n\r\n   const [selectedButton,setSelectedButton] = useState('onResetMode');\r\n\r\n   const handleAccordionChange = (panel) => (event,isExpanded) => {\r\n      // console.log(panel,\"panel\");\r\n      if (isExpanded) {\r\n         setExpandedPanel(panel);\r\n      } else {\r\n         setExpandedPanel(false)\r\n      };\r\n      if(window.innerHeight < 860){\r\n         if(isExpanded == true && panel == 'panel3'){\r\n            if(document.querySelector(\"#logoIntelDiv\") != null){\r\n               if(window.mob == true && window.innerHeight< window.innerWidth){\r\n                  document.querySelector(\"#logoIntelDiv\").style.position = 'initial';\r\n                  document.querySelector(\"#logoIntelDiv\").style.bottom = '450px';\r\n               }else {\r\n                  document.querySelector(\"#logoIntelDiv\").style.position = 'initial';\r\n               }\r\n            }\r\n         }else {\r\n            if(document.querySelector(\"#logoIntelDiv\") != null){\r\n               document.querySelector(\"#logoIntelDiv\").style.position = 'initial';\r\n            }\r\n         }\r\n      }else {\r\n         if(document.querySelector(\"#logoIntelDiv\") != null && !isipad){\r\n            document.querySelector(\"#logoIntelDiv\").style.position = 'fixed';\r\n         }\r\n      }\r\n   };\r\n\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.Animation;\r\n   var animTime = 1;\r\n   var animTimes = 1;\r\n\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      window.getLangTranscript();\r\n      animationSwitch = window.Animation;\r\n      moblandscap = (mob && window.innerWidth > window.innerHeight);\r\n      window.position = 'reset';\r\n      return () => {\r\n         return false\r\n      }\r\n   },[]);\r\n\r\n   useEffect((event) => {\r\n      if (event) {\r\n         if (event.keyCode === 13) {\r\n            this.click();\r\n         }\r\n      }\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   },[])\r\n   useEffect((event) => {\r\n      if (event) {\r\n         if (event.keyCode === 13) {\r\n            this.click();\r\n         }\r\n      }\r\n      return () => {\r\n         return false\r\n      }\r\n\r\n   })\r\n   const [animStoped,setanimStoped] = useState(true);\r\n\r\n   const animComplete = () => {\r\n      setanimStoped(true);\r\n      var g_navEnabled = true;\r\n   }\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000; animTimes = 2000 }\r\n   else { animTime = 1; animTimes = 1 }\r\n   // console.log('animTime', animTime)\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here \r\n      var opt = undefined,gp = camData[gotoposname];\r\n      //  console.log(gotoposname)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      // console.log('animationSwitch', animationSwitch)\r\n      if (animationSwitch == 'off') {\r\n         gp.time = 1\r\n         // console.log('animationSwitch iffff', gp.time)\r\n      }\r\n      else {\r\n         gp.time = animTime;\r\n         // console.log('animationSwitch elseeee', gp.time)\r\n      }\r\n      // console.log('animationSwitch',animationSwitch);\r\n      // console.log('gp.time',gp.time);\r\n      if (window.mob) {\r\n         if (window.innerWidth > window.innerHeight) {\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] + 70,gp.time,onComplete,onSample,opt);\r\n         }\r\n         else {\r\n            if (gotoposname == \"Render_Cam_F01_Processor_New\"){\r\n               window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3]+12,gp.pos[4] + 100,gp.time,onComplete,onSample,opt);\r\n            }\r\n            else{\r\n               window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] + 100,gp.time,onComplete,onSample,opt);\r\n            }\r\n         }\r\n\r\n      }\r\n      else if (window.isipad) {\r\n         // console.log(isipad)\r\n         if(gotoposname == \"Render_Cam_F01_Processor_New\"){\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3]+5,gp.pos[4] + 100,gp.time,onComplete,onSample,opt);\r\n         }\r\n         else{\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] + 85,gp.time,onComplete,onSample,opt);\r\n         }\r\n      }\r\n      else if (window.isMac) {\r\n         if (gotoposname == \"Render_Cam_F01_Processor_New\"){\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2]-14,gp.pos[3],gp.pos[4],gp.time,onComplete,onSample,opt);\r\n         } \r\n         else if (gotoposname == \"Render_Cam_F01_Dynamic_Media_enclosure\"){\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4]+ 60,gp.time,onComplete,onSample,opt);\r\n         }\r\n         else {\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,onSample,opt);\r\n         }\r\n      } \r\n      else {\r\n         if(window.innerWidth > 1300 && window.innerWidth < 1500 && gotoposname == \"Render_Cam_F01_Dynamic_Media_enclosure\"){\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] + 60,gp.time,onComplete,onSample,opt);\r\n         }\r\n         else if (window.innerWidth === 1440 && gotoposname == \"Render_Cam_F01_Processor_New\"){\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2]-10,gp.pos[3],gp.pos[4],gp.time,onComplete,onSample,opt);\r\n         } \r\n         else if (gotoposname == \"Render_Cam_F01_Processor_New\"){\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2]-5,gp.pos[3],gp.pos[4],gp.time,onComplete,onSample,opt);\r\n         } \r\n         else {\r\n            window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] ,gp.time,onComplete,onSample,opt);\r\n         }\r\n        \r\n      }\r\n \r\n   }\r\n   //end\r\n   const slowInOut = (x) => {\r\n      var a = 2.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n   const clearSlideSetTimeout = useRef(null);\r\n\r\n   const sliderRangeBarUpdate = () => {\r\n      let slider = document.getElementById(\"sliderRange\");\r\n      if (slider !== null) {\r\n         slider.value = window.scene._nav.getZoomFactor();\r\n         clearSlideSetTimeout.current = setTimeout(() => {\r\n            slider.value = window.scene._nav.getZoomFactor()\r\n         },1000);\r\n      }\r\n   }\r\n\r\n   let animArray = ['TOp','Internal_Cover_Anim','Bezel','HDD38','pasted__HDD39','Fan_01','Fan_02','Fan_03','Fan_04','Fan_05','Fan_06','Ram_AnimRam_Anim','HEATSINK.004'];\r\n\r\n   const stopAnim = () => {\r\n      animArray.forEach(function (animName) {\r\n         if (window.scene.animIsPlaying(animName)) window.scene.getAnim(animName).stop();\r\n         window.scene.animPlayInTime(animName,0,0);\r\n         //console.log(animName);\r\n      });\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const reverseAll = () => {\r\n\r\n      stopAnim();\r\n\r\n      clearTimeout(clearSlideSetTimeout.current);\r\n\r\n      for (let alreadySelected of document.querySelectorAll('.MuiAccordionDetails-root.active,.MuiAccordionDetails-root.select')) {\r\n         if (alreadySelected !== null) {\r\n            alreadySelected.classList.remove('active','select');\r\n         }\r\n      }\r\n\r\n      for (let hotspot of document.querySelectorAll(\".hotspots\")) {\r\n         if (hotspot !== null) {\r\n            hotspot.style.display = 'none';\r\n            hotspot.setAttribute('tabindex',-1);\r\n         }\r\n      }\r\n\r\n      for (let hideId of [\"openManagmentTool\",\"embadedManagment\",\"hybridTool\"]) {\r\n         if (document.getElementById(hideId) !== null) {\r\n            document.getElementById(hideId).style.display = 'none';\r\n         }\r\n      }\r\n\r\n      window.position = 'reset';\r\n      window.hotspot = '';\r\n      window.scene._nav._navMaxDolly = 44\r\n      window.scene._nav._panMax  = [16,15];    //[left, bottom];\r\n      window.scene._nav._panMin = [-16,-10];  //[right, top];\r\n\r\n      window.scene.groupApplyState(\"Top_Cover_ON\");\r\n      window.scene.groupApplyState(\"Ref_Box_All_ON\");\r\n      // window.scene.groupApplyState(\"Front_ON\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Heat_Sink_ON\");\r\n      window.scene.groupApplyState(\"All_Server_ON\");\r\n      \r\n    \r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_ON\");\r\n      // window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n      window.scene.groupApplyState(\"Small_Server_Internals_ON\");\r\n      // window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\");\r\n      window.scene.groupApplyState(\"Top_Rack_ON\");\r\n      // window.scene.groupApplyState(\"Small_Server_Front_panel_ON\");\r\n      window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n      window.scene.groupApplyState(\"Small_Server_TOP_cover_ON\");\r\n      \r\n      \r\n      window.scene.animPlayInTime(\"TOp\",0,1);\r\n      window.scene.animPlayInTime(\"Internal_Cover_Anim\",0,1);\r\n      window.scene.animPlayInTime(\"Bezel\",0,1);\r\n      window.scene.animPlayInTime(\"HDD38\",0,1);\r\n      window.scene.animPlayInTime(\"pasted__HDD39\",0,1);\r\n      window.scene.animPlayInTime(\"Fan_01\",0,1);\r\n      window.scene.animPlayInTime(\"Fan_02\",0,1);\r\n      window.scene.animPlayInTime(\"Fan_03\",0,1);\r\n      window.scene.animPlayInTime(\"Fan_04\",0,1);\r\n      window.scene.animPlayInTime(\"Fan_05\",0,1);\r\n      window.scene.animPlayInTime(\"Fan_06\",0,1);\r\n      window.scene.animPlayInTime(\"Ram_Anim\",0,1);\r\n      window.scene.animPlayInTime(\"HEATSINK.004\",0.3333333,1);\r\n      document.getElementById('intHeader').style.display = 'none';\r\n      document.getElementById('dm-Enclosure').style.display = 'none';\r\n       \r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const previousAndNextView = (value) => {\r\n      if (!(mob || isipad)) {\r\n         let previous = document.getElementById('previousView');\r\n         if (previous !== null) {\r\n            previous.setAttribute('aria-label',value);\r\n         }\r\n         let next = document.getElementById('nextView');\r\n         if (next !== null) {\r\n            next.setAttribute('aria-label',value);\r\n         }\r\n      }\r\n   }\r\n\r\n   const interiorAnim = () => {\r\n      window.scene.animPlayInTime(\"Internal_Cover_Anim\",1,animTime);\r\n      window.scene.animPlayInTime(\"Bezel\",1,animTime);\r\n      window.scene.animPlayInTime(\"HDD38\",1,animTime);\r\n      window.scene.animPlayInTime(\"pasted__HDD39\",1,animTime);\r\n      window.scene.animPlayInTime(\"Fan_01\",1,animTime);\r\n      window.scene.animPlayInTime(\"Fan_02\",1,animTime);\r\n      window.scene.animPlayInTime(\"Fan_03\",1,animTime);\r\n      window.scene.animPlayInTime(\"Fan_04\",1,animTime);\r\n      window.scene.animPlayInTime(\"Fan_05\",1,animTime);\r\n      window.scene.animPlayInTime(\"Fan_06\",1,animTime);\r\n      window.scene.animPlayInTime(\"Ram_Anim\",1,animTime);\r\n      //window.scene.animPlayInTime(\"HEATSINK.004\",0.6660000,animTime);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   /* { Menu Exterior } */\r\n   const onExteriorClick = (isNextPrevious) => {\r\n      // console.log('onExteriorClick');\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('onExteriorClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n\r\n      /* { Zoombar update } */\r\n      \r\n\r\n      /* { Previous and Next setattritube update value here } */\r\n      previousAndNextView('Exterior view');\r\n\r\n      if (document.getElementById('exteriorViewBtn') !== null) {\r\n         document.getElementById('exteriorViewBtn').classList.add('active');\r\n      }\r\n      window.scene.groupApplyState(\"Front_ON\");\r\n      // window.scene.groupApplyState(\"Small_Server_TOP_cover_ON\");\r\n      \r\n      GotoPosInTimeNamedValue(window.config.reset,function () {\r\n         sliderRangeBarUpdate();\r\n         window.scene.groupApplyState(\"Top_Cover_ON\");\r\n         window.scene.groupApplyState(\"Small_Power_Max_v2_ON\");\r\n         window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n         window.scene.groupApplyState(\"Default_Front_ON\");\r\n         // if(isNextPrevious != true){\r\n         //   window.document.getElementById(\"hotspot1demo\").focus();\r\n         //   }\r\n      });\r\n\r\n      window.RT_RecordEvent(\"Exterior\",\"Exterior View\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n\r\n   const FrontModeClick = (isNextPrevious) => {\r\n\r\n      // console.log('FrontModeClick')\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('FrontModeClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n\r\n      /* { Zoombar update } */\r\n      \r\n\r\n      /* { Previous and Next setattritube update value here } */\r\n      previousAndNextView('Front view');\r\n\r\n      if (document.getElementById('frontBtn') !== null) {\r\n         document.getElementById('frontBtn').classList.add('active');\r\n      }\r\n\r\n      //Update ZoomBar\r\n      \r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\");\r\n      window.scene.groupApplyState(\"Front_OFF\");\r\n      window.scene.groupApplyState(\"Ref_Box_Front_ON\");\r\n      \r\n      \r\n      GotoPosInTimeNamedValue(window.config.front,function () {\r\n         sliderRangeBarUpdate();\r\n         window.hotspot = 'front';\r\n         // window.scene.groupApplyState(\"Front_Net_A_ON\");\r\n         window.scene.groupApplyState(\"Front_Net_A_refle_ON\");\r\n\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 3; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 7) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Exterior\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const RearModeClick = (isNextPrevious) => {\r\n\r\n      // console.log('RearModeClick')\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('RearModeClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n\r\n      /* { Zoombar update } */\r\n      \r\n\r\n      /* { Previous and Next setattritube update value here } */\r\n      previousAndNextView('Rear view');\r\n\r\n      if (document.getElementById('rearBtn') !== null) {\r\n         document.getElementById('rearBtn').classList.add('active');\r\n      }\r\n      \r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\");\r\n      window.scene.groupApplyState(\"Front_ON\");\r\n      GotoPosInTimeNamedValue(window.config.rear,function () {\r\n         sliderRangeBarUpdate();\r\n         window.hotspot = 'rear';\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 8; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 15) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n\r\n      window.RT_RecordEvent(\"Exterior\",\"Rear\",window.config.name);\r\n\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   /* { Menu Interior } */\r\n   const onInterirorClick = (isNextPrevious) => {\r\n\r\n      // console.log('onInterirorClick')\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('onInterirorClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n\r\n      window.scene._nav._navMaxDolly = 45;\r\n      window.scene._nav._panMax  = [22,15];    //[left, bottom];\r\n      window.scene._nav._panMin = [-16,-8];  //[right, top];\r\n      /* { Previous and Next setattritube update value here } */\r\n      previousAndNextView('Interior view');\r\n\r\n      if (document.getElementById('positionBtn') !== null) {\r\n         document.getElementById('positionBtn').classList.add('active');\r\n      }\r\n\r\n\r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Rack_OFF\");\r\n      // GotoPosInTimeNamedValue(window.config.interior,function () {\r\n         GotoPosInTimeNamedValue(window.config.processor,function () {\r\n         /* { Zoombar update } */\r\n         window.scene.groupApplyState(\"Front_OFF\");\r\n         window.scene.animPlayInTime(\"TOp\",0.6660000,animTime,function () {\r\n            window.scene.groupApplyState(\"Top_Cover_OFF\");\r\n\r\n            window.scene.groupApplyState(\"Front_Net_A_refle_ON\");\r\n            window.scene.groupApplyState(\"cover_hide\");\r\n           \r\n            window.scene.groupApplyState(\"Ref_Box_Front_ON\");\r\n            document.getElementById('intHeader').style.display = 'block';\r\n            \r\n            sliderRangeBarUpdate();\r\n            window.scene.clearRefine();\r\n         });\r\n\r\n        // interiorAnim();\r\n      });\r\n\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onProcessorClick = (isNextPrevious) => {\r\n\r\n      // console.log('onProcessorClick')\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('onProcessorClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n      window.scene._nav._navMaxDolly = 44;\r\n      window.scene._nav._panMax  = [22,15];    //[left, bottom];\r\n      window.scene._nav._panMin = [-22,-9];  //[right, top];\r\n      /* { Previous and Next setattritube update value here } */\r\n      previousAndNextView('Processor');\r\n\r\n      if (document.getElementById('processorBtn') !== null) {\r\n         document.getElementById('processorBtn').classList.add('active');\r\n      }\r\n\r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\")\r\n      window.scene.groupApplyState(\"Top_Cover_OFF\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Rack_OFF\");\r\n      window.scene.groupApplyState(\"cover_Hide\");\r\n      window.scene.groupApplyState(\"Front_OFF\");\r\n\r\n\r\n      window.scene.groupApplyState(\"Ref_Box_Front_ON\");\r\n      GotoPosInTimeNamedValue(window.config.top,function () {\r\n         window.scene.animPlayInTime(\"HEATSINK.004\",0.8330000,animTime, function(){\r\n            window.scene.groupApplyState(\"Heat_Sink_OFF\");\r\n            window.hotspot = 'processor';\r\n         });\r\n         /* { Zoombar update } */\r\n      sliderRangeBarUpdate();\r\n        \r\n         // document.getElementById('performance').style.display = 'block';\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot19\").setAttribute(\"tabindex\",1);\r\n      }\r\n      window.RT_RecordEvent(\"Interior\",\"Processor\",window.config.name);\r\n\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onMemoryClick = (isNextPrevious) => {\r\n\r\n      // console.log('onMemoryClick')\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('onMemoryClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n\r\n      window.scene._nav._navMaxDolly = 44;\r\n      window.scene._nav._panMax  = [22,15];    //[left, bottom];\r\n      window.scene._nav._panMin = [-22,-9];  //[right, top];\r\n      /* { Previous and Next setattritube update value here } */\r\n      previousAndNextView('Memory');\r\n\r\n      if (document.getElementById('memoryBtn') !== null) {\r\n         document.getElementById('memoryBtn').classList.add('active');\r\n      }\r\n\r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\")\r\n      window.scene.groupApplyState(\"Top_Cover_OFF\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Rack_OFF\");\r\n      window.scene.groupApplyState(\"cover_Hide\");\r\n\r\n      window.scene.groupApplyState(\"Front_OFF\");\r\n      //window.scene.animPlayInTime(\"HEATSINK.004\",0.3333333,1);\r\n\r\n\r\n      window.scene.groupApplyState(\"Ref_Box_Front_ON\");\r\n      GotoPosInTimeNamedValue(window.config.top,function () {\r\n         /* { Zoombar update } */\r\n      sliderRangeBarUpdate();\r\n         window.hotspot = 'memory';\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot20\").setAttribute(\"tabindex\",1);\r\n      }\r\n      window.RT_RecordEvent(\"Interior\",\"Memory\",window.config.name);\r\n\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onDMEClick = (isNextPrevious) => {\r\n\r\n      // console.log('onDMEClick')\r\n\r\n      /* { Current Selected } */\r\n      setSelectedButton('onDMEClick');\r\n\r\n      /* { Reverse all } */\r\n      reverseAll();\r\n      window.scene._nav._navMaxDolly = 44;\r\n      window.scene._nav._panMax  = [16,15];    //[left, bottom];\r\n      window.scene._nav._panMin = [-16,-4];  //[right, top];\r\n      /* { Previous and Next setattritube update value here } */\r\n         previousAndNextView('DMEnclosure');\r\n\r\n      if (document.getElementById('DMEnclosure') !== null) {\r\n         document.getElementById('DMEnclosure').classList.add('active');\r\n      }\r\n      // window.scene.groupApplyState(\"Small_Power_Max_v2_OFF\")\r\n      window.scene.groupApplyState(\"Front_OFF\");\r\n      window.scene.groupApplyState(\"Top_Cover_OFF\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Rack_OFF\");\r\n      \r\n      window.scene.groupApplyState(\"Small_Power_Max_v2_ON\");\r\n      window.scene.groupApplyState(\"Small_Server_Internals_ON\");\r\n      window.scene.groupApplyState(\"Small_Server_TOP_cover_OFF\");\r\n      window.scene.groupApplyState(\"Small_Server_Front_panel_OFF\");\r\n     \r\n      // window.scene.groupApplyState(\"Default_Front_ON\");\r\n      \r\n      window.scene.groupApplyState(\"Default_Front_ON\");\r\n      window.scene.groupApplyState(\"All_Server_OFF\");\r\n      //window.scene.animPlayInTime(\"HEATSINK.004\",0.3333333,1);\r\n\r\n      GotoPosInTimeNamedValue(window.config.interior,function () {\r\n          /* { Zoombar update } */\r\n      sliderRangeBarUpdate();\r\n\r\n         window.hotspot = 'DMEnclosure';\r\n         document.getElementById('dm-Enclosure').style.display = \"block\"\r\n         \r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot21\").setAttribute(\"tabindex\",1);\r\n      }\r\n      window.RT_RecordEvent(\"Interior\",\"Dynamic Media Enclosure\",window.config.name);\r\n\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   /* { Menu Software } */\r\n   \r\n   const onSoftwareClick = (isNextPrevious) => {\r\n      setSelectedButton('onSoftwareClick');\r\n      reverseAll();\r\n      window.dellLogoFix = true;\r\n      previousAndNextView('Software');\r\n\r\n      if (document.getElementById('feature') !== null) {\r\n         document.getElementById('feature').classList.add('active');\r\n      }\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n      window.scene.groupApplyState(\"Front_ON\");\r\n      GotoPosInTimeNamedValue(window.config.front,function () {\r\n      sliderRangeBarUpdate();\r\n         window.scene.groupApplyState(\"Top_Cover_ON\");\r\n         window.scene.groupApplyState(\"Small_Power_Max_v2_ON\");\r\n         window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n         window.scene.groupApplyState(\"Default_Front_ON\");\r\n         window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n         window.hotspot = 'software';\r\n      });\r\n\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const IAutomationClick = (isNextPrevious) => {\r\n      setSelectedButton('IAutomationClick');\r\n      reverseAll();\r\n\r\n      previousAndNextView('Intelligent Automation');\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n      window.scene.groupApplyState(\"All_Server_ON\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Cover_ON\");\r\n      window.scene.groupApplyState(\"Heat_Sink_ON\");\r\n      window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n\r\n      if (document.getElementById('iAutomation') !== null) {\r\n         document.getElementById('iAutomation').classList.add('active');\r\n      }\r\n\r\n      GotoPosInTimeNamedValue(window.config.insideSoftware,function () {\r\n      sliderRangeBarUpdate();\r\n      window.scene.groupApplyState(\"Top_Cover_ON\");\r\n      window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n      window.scene.groupApplyState(\"Default_Front_ON\");\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n         if (window.mob || window.isipad) {\r\n            window.hotspot = 'iAutomation';\r\n         } else {\r\n            document.getElementById(\"iAutomationTool\").style.display = 'block';\r\n         }\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo2\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot14\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot15\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot16\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot17\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot18\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n\r\n      window.RT_RecordEvent(\"Software\",\"Intelligent Automation\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const CResiliencyClick = (isNextPrevious) => {\r\n      setSelectedButton('CResiliencyClick');\r\n      reverseAll();\r\n\r\n      previousAndNextView('Cyber Resiliency');\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n      window.scene.groupApplyState(\"All_Server_ON\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Cover_ON\");\r\n      window.scene.groupApplyState(\"Heat_Sink_ON\");\r\n\r\n      if (document.getElementById('cResiliency') !== null) {\r\n         document.getElementById('cResiliency').classList.add('active');\r\n      }\r\n\r\n      GotoPosInTimeNamedValue(window.config.insideSoftware,function () {\r\n         window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n         window.scene.groupApplyState(\"Default_Front_ON\");\r\n         window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n  \r\n      sliderRangeBarUpdate();\r\n         (window.mob || window.isipad) && (window.hotspot = 'cResiliency');\r\n         !(window.mob || window.isipad) && (document.getElementById(\"cResiliencyTool\").style.display = 'block')\r\n\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo2\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot14\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot15\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot16\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot17\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot18\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n\r\n      window.RT_RecordEvent(\"Software\",\"Cyber Resiliency\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const BEfficiencyClick = (isNextPrevious) => {\r\n\r\n      setSelectedButton('BEfficiencyClick');\r\n      reverseAll();\r\n\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n      window.scene.groupApplyState(\"All_Server_ON\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Cover_ON\");\r\n      window.scene.groupApplyState(\"Heat_Sink_ON\");\r\n\r\n      previousAndNextView('Breakthrough Efficiency');\r\n\r\n      if (document.getElementById('bEfficiency') !== null) {\r\n         document.getElementById('bEfficiency').classList.add('active');\r\n      }\r\n\r\n      GotoPosInTimeNamedValue(window.config.insideSoftware,function () {\r\n      sliderRangeBarUpdate();\r\n      window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n      window.scene.groupApplyState(\"Default_Front_ON\");\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n         if (window.mob || window.isipad) {\r\n            window.hotspot = 'bEfficiency';\r\n         }\r\n         else {\r\n            document.getElementById(\"bEfficiencyTool\").style.display = 'block';\r\n         }\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo2\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot14\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot15\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot16\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot17\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot18\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      window.RT_RecordEvent(\"Software\",\"Breakthrough Efficiency\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const CModernClick = (isNextPrevious) => {\r\n\r\n      setSelectedButton('CModernClick');\r\n      reverseAll();\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n      window.scene.groupApplyState(\"All_Server_ON\");\r\n      window.scene.groupApplyState(\"Internal_ON\");\r\n      window.scene.groupApplyState(\"Top_Cover_ON\");\r\n      window.scene.groupApplyState(\"Heat_Sink_ON\");\r\n\r\n      previousAndNextView('Continuously Modern');\r\n\r\n      if (document.getElementById('cModern') !== null) {\r\n         document.getElementById('cModern').classList.add('active');\r\n      }\r\n\r\n      GotoPosInTimeNamedValue(window.config.insideSoftware,function () {\r\n      sliderRangeBarUpdate();\r\n      window.scene.groupApplyState(\"Ref & GP_small_server_OFF\");\r\n      window.scene.groupApplyState(\"Default_Front_ON\");\r\n      window.scene.groupApplyState('Small_Power_Max_v2_OFF');\r\n         if (window.mob || window.isipad) {\r\n            window.hotspot = 'cModern';\r\n         }\r\n         else {\r\n            document.getElementById(\"cModernTool\").style.display = 'block';\r\n         }\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo2\").focus();\r\n         }\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot10\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot11\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot12\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot13\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot14\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot15\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot16\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot17\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot18\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      window.RT_RecordEvent(\"Software\",\"Continuously Modern\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const resetMode = () => {\r\n      setSelectedButton('onResetMode');\r\n      window.hotspot = '';\r\n      GotoPosInTimeNamedValue(window.config.reset);\r\n   }\r\n\r\n   const menuSelectedButton = (menuSelectItem,expandedPanel = false) => {\r\n      if (menuSelectItem === 'onExteriorClick') {\r\n         expandedPanel && setExpandedPanel(\"panel2\");\r\n         onExteriorClick(true);\r\n      }\r\n      else if (menuSelectItem === 'FrontModeClick') {\r\n         expandedPanel && setExpandedPanel(\"panel2\");\r\n         FrontModeClick(true);\r\n      }\r\n      else if (menuSelectItem === 'RearModeClick') {\r\n         expandedPanel && setExpandedPanel(\"panel2\");\r\n         RearModeClick(true);\r\n      }\r\n      else if (menuSelectItem === 'onInterirorClick') {\r\n         expandedPanel && setExpandedPanel(\"panel5\");\r\n         onInterirorClick(true);\r\n      }\r\n      else if (menuSelectItem === 'onProcessorClick') {\r\n         expandedPanel && setExpandedPanel(\"panel5\");\r\n         onProcessorClick(true);\r\n      }\r\n      else if (menuSelectItem === 'onMemoryClick') {\r\n         expandedPanel && setExpandedPanel(\"panel5\");\r\n         onMemoryClick(true);\r\n      }\r\n      else if (menuSelectItem === 'onDMEClick') {\r\n         expandedPanel && setExpandedPanel(\"panel5\");\r\n         onDMEClick(true);\r\n      }\r\n      else if (menuSelectItem === 'onSoftwareClick') {\r\n         expandedPanel && setExpandedPanel(\"panel3\");\r\n         onSoftwareClick(true);\r\n      }\r\n      else if (menuSelectItem === 'IAutomationClick') {\r\n         expandedPanel && setExpandedPanel(\"panel3\");\r\n         IAutomationClick(true);\r\n      }\r\n      else if (menuSelectItem === 'CResiliencyClick') {\r\n         expandedPanel && setExpandedPanel(\"panel3\");\r\n         CResiliencyClick();\r\n      }\r\n      else if (menuSelectItem === 'BEfficiencyClick') {\r\n         expandedPanel && setExpandedPanel(\"panel3\");\r\n         BEfficiencyClick(true);\r\n      }\r\n      else if (menuSelectItem === 'CModernClick') {\r\n         expandedPanel && setExpandedPanel(\"panel3\");\r\n         CModernClick(true);\r\n      }\r\n      else if (menuSelectItem === 'onResetMode') {\r\n         resetMode();\r\n      }\r\n   }\r\n\r\n   const onResetMode = () => {\r\n      sliderRangeBarUpdate();\r\n      menuSelectedButton(selectedButton,false);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const onPreviousMode = () => {\r\n\r\n      sliderRangeBarUpdate();\r\n      if (document.getElementById(\"bEfficiencyTool\") !== null) {\r\n         document.getElementById(\"bEfficiencyTool\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"iAutomationTool\") !== null) {\r\n         document.getElementById(\"iAutomationTool\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"cResiliencyTool\") !== null) {\r\n         document.getElementById(\"cResiliencyTool\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"cModernTool\") !== null) {\r\n         document.getElementById(\"cModernTool\").style.display = 'none';\r\n      }\r\n      var prevButton;\r\n\r\n      var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n      if (selectedButton === 'onExteriorClick' || selectedButton === 'onResetMode') {\r\n         prevButton = 'CModernClick';\r\n      } else {\r\n         prevButton = buttonSeq[selectedButtonIndex - 1];\r\n      }\r\n\r\n      menuSelectedButton(prevButton,true);\r\n      return false;\r\n   }\r\n\r\n   const onNextMode = () => {\r\n\r\n      sliderRangeBarUpdate();\r\n      if (document.getElementById(\"bEfficiencyTool\") !== null) {\r\n         document.getElementById(\"bEfficiencyTool\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"iAutomationTool\") !== null) {\r\n         document.getElementById(\"iAutomationTool\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"cResiliencyTool\") !== null) {\r\n         document.getElementById(\"cResiliencyTool\").style.display = 'none';\r\n      }\r\n      if (document.getElementById(\"cModernTool\") !== null) {\r\n         document.getElementById(\"cModernTool\").style.display = 'none';\r\n      }\r\n      var nextButton;\r\n      var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n      if (selectedButton === 'CModernClick') {\r\n         nextButton = 'onExteriorClick';\r\n      }\r\n      else {\r\n         nextButton = buttonSeq[selectedButtonIndex + 1];\r\n      }\r\n\r\n      menuSelectedButton(nextButton,true);\r\n      return false;\r\n   }\r\n\r\n   const [animValue,setAnimValue] = useState(\"On\");\r\n   const [animValue1,setAnimValue1] = useState(\"On\");\r\n\r\n   useEffect(() => {\r\n      window.Animation = 'on';\r\n      setAnimValue(\"On\");\r\n      document.getElementById(\"animSwitchValue\").checked = true;\r\n      document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n\r\n      if (!(window.mob && window.innerWidth < window.innerHeight)) {\r\n         document.getElementById(\"animSwitchValue1\").setAttribute('aria-label','Animation On');\r\n         setAnimValue1(\"On\");\r\n         document.getElementById(\"animSwitchValue1\").checked = true;\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n      }\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n   },[]);\r\n\r\n   const setAnimationSwitch = (e) => {\r\n      //  console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue\").checked;\r\n\r\n      if (isChecked == true) {\r\n         document.getElementById(\"animSwitchValue\").checked = false;\r\n         setAnimValue(\"Off\");\r\n         document.getElementsByClassName('onOff')[0].style.left = \"9px\";\r\n         window.Animation = 'off';\r\n\r\n      } else {\r\n         document.getElementById(\"animSwitchValue\").checked = true;\r\n\r\n         setAnimValue(\"On\");\r\n         window.Animation = 'on';\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n\r\n      }\r\n   }\r\n\r\n   const displayName = (e) => {\r\n      //  console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue\").checked;\r\n\r\n      if (isChecked == true) {\r\n         setAnimValue(\"On\");\r\n         window.Animation = 'on';\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n         document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked On');\r\n         // alert(\"Animation On\");\r\n      } else {\r\n         setAnimValue(\"Off\");\r\n         document.getElementsByClassName('onOff')[0].style.left = \"9px\";\r\n         window.Animation = 'off';\r\n         document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked Off');\r\n         // alert(\"Animation Off\");\r\n      }\r\n\r\n   }\r\n\r\n   const setAnimationSwitch1 = (e) => {\r\n\r\n      const isChecked = document.getElementById(\"animSwitchValue1\").checked;\r\n\r\n      if (isChecked == true) {\r\n         document.getElementById(\"animSwitchValue1\").checked = false;\r\n         setAnimValue1(\"Off\");\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"9px\";\r\n         window.animationSwitchVal = 'off';\r\n         window.animationSwitchGlobal = 'off';\r\n\r\n\r\n      }\r\n      else {\r\n         document.getElementById(\"animSwitchValue1\").checked = true;\r\n         setAnimValue1(\"On\");\r\n         window.animationSwitchVal = 'on';\r\n         window.animationSwitchGlobal = 'on';\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n      }\r\n   }\r\n\r\n   var animStopped = true;\r\n   const displayName1 = (e) => {\r\n      if (animStopped == false) {\r\n         return;\r\n         animStopped = false;\r\n      }\r\n      // console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue1\").checked;\r\n\r\n      if (isChecked == true) {\r\n         setAnimValue1(\"On\");\r\n         window.animation1SwitchGlobal = 'on';\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n         document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked On');\r\n         window.animationSwitchVal = 'on';\r\n\r\n         if (window.mob) {\r\n            document.getElementById('footerControls').removeAttribute('style');\r\n            document.getElementById('footerControMob').style.display = 'block';\r\n         }\r\n         else if (window.isipad) {\r\n            // console.log('portrait');\r\n            document.getElementById('footerControMob').style.display = 'block';\r\n            document.getElementById('footerControls').style.display = 'block';\r\n         }\r\n         else {\r\n            //  console.log(\"show\");\r\n\r\n            document.getElementById('footerControls').style.transition = \"bottom 0.2s linear\";\r\n            document.getElementById('footerControls').style.bottom = \"20px\";\r\n\r\n            document.getElementById('footerControls').style.visibility = \"\";\r\n            document.getElementById('footerControIpad').style.visibility = \"\";\r\n         }\r\n\r\n\r\n      } else {\r\n         setAnimValue1(\"Off\");\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"9px\";\r\n         window.animation1SwitchGlobal = 'off';\r\n\r\n         document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked Off');\r\n\r\n         if (window.mob) {\r\n            document.getElementById('footerControls').removeAttribute('style');\r\n            document.getElementById('footerControMob').style.display = 'none';\r\n         } else if (window.isipad) {\r\n            // console.log('landscape');\r\n            document.getElementById('footerControMob').style.display = 'none';\r\n            document.getElementById('footerControls').style.display = 'none';\r\n         }\r\n         else {\r\n            // console.log(\"hide\");\r\n            document.getElementById('footerControls').style.transition = \"bottom 0.2s linear\";\r\n            document.getElementById('footerControls').style.bottom = \"-118px\";\r\n            setTimeout(function () {\r\n\r\n               document.getElementById('footerControls').style.visibility = \"hidden\";\r\n               document.getElementById('footerControIpad').style.visibility = \"hidden\";\r\n               animStopped = true;\r\n            },200);\r\n         }\r\n\r\n      }\r\n\r\n   }\r\n\r\n   return (\r\n      <>\r\n         {!mob && <HowToUse />}\r\n         <Hidden only={['sm','md','lg','xl']}>\r\n\r\n            <Button style={{ position: 'fixed',backgroundColor: '#F0F0F0',width: '100%',height: '56px',paddingTop: '15px',paddingBottom: '15px',zIndex: '1',border: '1px solid #E1E1E1',borderLeft: \"none\",borderRight: \"none\",borderRadius: \"0\",margin: \"-1px 0px 0px 0px\" }}\r\n               variant=\"outlined\"\r\n               color=\"primary\"\r\n               endIcon={<img src=\"./img/cross.svg\" alt=\"cross\" style={{ marginLeft: '207px',height: '23px' }} />}\r\n               onClick={props.toggleDrawerAction}\r\n            >\r\n            {window.finalLangues.mainMenu || \"Main Menu\"}\r\n            </Button>\r\n            <Howtousenew />\r\n\r\n         </Hidden>\r\n         <Hidden only={['md','lg','xl','xs']}>\r\n            {moblandscap && <Howtousenew />}\r\n         </Hidden>\r\n\r\n         <Hidden only={[\"xs\"]}>\r\n            <FooterControl name=\"reset and next previous\" onReset={onResetMode} onPrevious={onPreviousMode} onNext={onNextMode} />\r\n         </Hidden>\r\n         <Hidden only={['lg','xl']}>\r\n            <FooterControlMob onResetMob={onResetMode} onPreviousMob={onPreviousMode} onNextMob={onNextMode} onResetIpad={onResetMode} onPreviousIpad={onPreviousMode} onNextIpad={onNextMode}  />\r\n         </Hidden>\r\n         <MenuExteriorView name={window.finalLangues.exterior} tabIndex=\"1\" onExterior={onExteriorClick} onFrontMode={FrontModeClick} onRearMode={RearModeClick} expanded={expandedPanel === 'panel2'} onChanged={handleAccordionChange('panel2')} />\r\n         <MenuInterierView name={window.finalLangues.interior} tabIndex=\"1\" onProcessorBtnClick={onProcessorClick} onMemoryBtnClick={onMemoryClick} onDMEnclosureClick={onDMEClick} onInterirorBtnClick={onInterirorClick} expanded={expandedPanel === 'panel5'} onChanged={handleAccordionChange('panel5')} />\r\n         <MenuSoftware name={window.finalLangues.software} tabIndex=\"1\"\r\n            onIAutomationClicked={IAutomationClick}\r\n            onCResiliencyClicked={CResiliencyClick} \r\n            onBEfficiencyClicked={BEfficiencyClick}\r\n            onCModernClicked={CModernClick} onSoftware={onSoftwareClick} \r\n            expanded={expandedPanel === 'panel3'} \r\n            onChanged={handleAccordionChange('panel3')} \r\n         />\r\n\r\n         <AnimationBtn onchange={displayName} forKeypress={setAnimationSwitch} value={animValue} onchange1={displayName1} forKeypress1={setAnimationSwitch1} value1={animValue1} />\r\n\r\n      </>\r\n   );\r\n}\r\n\r\nexport default MainMenu;","import { makeStyles } from '@material-ui/core/styles';\r\nimport DehazeIcon from '@material-ui/icons/Dehaze';\r\nimport Button from '@material-ui/core/Button';\r\nimport React,{ useState,useEffect } from 'react';\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport NestedList from './NestedList';\r\nimport MainMenu from \"./components/MenuComponents/MainMenu\";\r\nimport \"./App.css\";\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport Header from './components/Header';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nvar ipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\nvar ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\nvar mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\n\r\n\r\nconst statebtns = {\r\n   border: \"1px solid #c7c7c7\",\r\n   borderRadius: \"0px\",\r\n   right: \"0\",\r\n   width: \"100%\",\r\n   height: '56px',\r\n   marginLeft: \"0px\",\r\n   borderLeft: \"0px\",\r\n   borderRight: \"0px\",\r\n   position: \"absolute\",\r\n   bottom: \"0px\",\r\n   marginBottom: '0px',\r\n   backgroundColor: 'white',\r\n   border: '1px solid #B6B6B6'\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   button: {\r\n      margin: theme.spacing(1),\r\n   },\r\n\r\n   drawerPaper: {\r\n      width: 'auto',\r\n      minWidth: '140px',\r\n      maxWidth: '35vw',\r\n      overflow: 'visible',\r\n      top: '9%'\r\n\r\n   },\r\n\r\n   root: {\r\n      width: 'auto'\r\n   },\r\n\r\n   nested: {\r\n      paddingLeft: theme.spacing(4),\r\n   },\r\n\r\n   formControl: {\r\n      margin: theme.spacing(1),\r\n      minWidth: 120,\r\n   },\r\n\r\n   selectEmpty: {\r\n      marginTop: theme.spacing(2),\r\n   },\r\n}));\r\n\r\n\r\nfunction App() {\r\n\r\n   const classes = useStyles();\r\n\r\n   //States for opening Drawer\r\n   const [state,setState] = React.useState({\r\n      top: false,\r\n      left: false,\r\n      bottom: false,\r\n      right: false,\r\n   });\r\n\r\n   const [burgerBtnVisible,setBurgerBtnVisible] = useState(true);\r\n\r\n   //Open Drawer\r\n   const toggleDrawer = (anchor,open) => (event) => {\r\n      if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\r\n         return;\r\n      }\r\n\r\n\r\n      //Open Drawer states\r\n      setState({ ...state,[anchor]: open });\r\n   };\r\n   const mobCloseDrawer = () => {\r\n      console.log(\"mobCloseDrawer\");\r\n      window.canvasMarginReset = false;\r\n      setState({ ...state,[\"bottom\"]: false });\r\n\r\n      setTimeout(() => {\r\n         document.getElementById(\"footerControMob\").style.display = \"block\";\r\n         document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n         document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n         document.getElementById('dm-Enclosure').style.top = \"5%\"\r\n         if(window.hotspot == 'DMEnclosure'){\r\n         document.getElementById('dm-Enclosure').style.display = \"block\";\r\n         }\r\n      },270)\r\n\r\n   }\r\n\r\n\r\n   const mobOpenDrawer = () => {\r\n      console.log(\"opendrow\");\r\n      window.canvasMarginReset = true;\r\n      setState({ ...state,[\"bottom\"]: true });\r\n\r\n      document.getElementById(\"infinityrt-canvas\").style.marginTop = \"-140px\";\r\n      document.getElementById(\"calloutcanvas\").style.marginTop = \"-140px\";\r\n\r\n      document.getElementById(\"footerControMob\").style.display = \"none\";\r\n      document.getElementById('dm-Enclosure').style.top = \"50%\"\r\n      if(window.hotspot == 'DMEnclosure'){\r\n         document.getElementById('dm-Enclosure').style.display = \"block\";\r\n      }\r\n   }\r\n\r\n   const menuMobLandscapOpen = () => {\r\n      console.log(\"menuMobLandscapOpen\");\r\n      setState({ ...state,[\"left\"]: true });\r\n      setBurgerBtnVisible(false);\r\n\r\n      if (ipad) {\r\n         document.getElementById('footerControMob').style.zIndex = 2;\r\n      } else if (mob) {\r\n         document.getElementById('footerControMob').style.zIndex = 0;\r\n\r\n      }\r\n   }\r\n   const menuMobLandscapClose = () => {\r\n      console.log(\"menuMobLandscapClose\");\r\n      setState({ ...state,[\"left\"]: false });\r\n      setBurgerBtnVisible(true);\r\n      document.getElementById('footerControMob').style.zIndex = 2;\r\n   }\r\n   const [orientationPotrait,setOrientation] = useState(true);\r\n   window.checkOrientationStatus = (orientationStatus) => {\r\n      setOrientation(orientationStatus);\r\n   }\r\n   const [getLangTranscript,setgetLangTranscript] = useState(false);\r\n   window.checkgetLangTranscript = (getLangTranscript) => {\r\n      // alert(window.screen.orientation.type);\r\n      setgetLangTranscript(getLangTranscript);\r\n   }\r\n   useEffect((event) => {\r\n      if (window.innerHeight > window.innerWidth) {\r\n         // setBurgerBtnVisible(false);\r\n      }\r\n\r\n      return () => {\r\n         return false\r\n      }\r\n   },[])\r\n   useEffect((event) => {\r\n      ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\n      return () => {\r\n         return false\r\n      }\r\n   })\r\n\r\n   let closeBtnVisibilityOpen = burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   let closeBtnVisibilityClose = !burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   return (\r\n      <>\r\n         {/* <Header /> */}\r\n\r\n\r\n         <div id=\"menubar\" className={classes.root}>\r\n            {/* Desktop start no open btn */}\r\n            <Hidden only=\"xs\">\r\n\r\n               <Button\r\n                  variant=\"outlined\"\r\n                  color=\"primary\"\r\n                  size=\"large\"\r\n                  style={{ display: \"none\" }}\r\n                  className={classes.button}\r\n                  startIcon={<DehazeIcon />}\r\n                  disableElevation\r\n                  onClick={toggleDrawer(\"left\",true)}\r\n               >\r\n                  States Desktop\r\n               </Button>\r\n            </Hidden>\r\n            {/* desktop end */}\r\n\r\n            {/* Ipad with open btn */}\r\n\r\n            <Hidden only={['xs','lg','xl']}>\r\n               {window.innerWidth < window.innerHeight && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n               {closeBtnVisibilityOpen && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n\r\n               <div className=\"openCloseBar\" style={{}}></div>\r\n\r\n               {closeBtnVisibilityClose && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn closeBtnMobLAndscap\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<CloseIcon />} onClick={menuMobLandscapClose} > </Button>}\r\n            </Hidden>\r\n\r\n            {/* Ipad end */}\r\n\r\n            {/* Mobile Start */}\r\n            <Hidden only={['sm','md','lg','xl']}>\r\n\r\n               <Button\r\n                  variant=\"outlined\"\r\n                  color=\"primary\"\r\n                  size=\"large\"\r\n\r\n                  endIcon={<img src=\"./img/menu.svg\" alt=\"menu\" style={{ marginLeft: '190px',width: '23px',height: '21px' }} />}\r\n                  disableElevation\r\n                  onClick={mobOpenDrawer}\r\n                  style={statebtns}\r\n                  only='xs'\r\n               >\r\n                  <span>\r\n                     {window?.finalLangues?.mainMenu || \"Main Menu\"}\r\n                  </span>\r\n               </Button>\r\n            </Hidden>\r\n            <div id='leftPan'\r\n               tabIndex={0}>\r\n               {/* for ipadPro start */}\r\n               <Hidden only={['xs','sm','md']}>\r\n                  {ipadPortrait && orientationPotrait == true &&\r\n                     <Drawer id=\"LeftMenuWrapper\" anchor={\"left\"} open={true} variant=\"persistent\" style={{ border: \"none\" }} onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n                        <NestedList />\r\n                        {/* <Guide /> */}\r\n                        {getLangTranscript && <MainMenu />}\r\n                     </Drawer>\r\n                  }\r\n               </Hidden>\r\n               {/* ipadPro End */}\r\n               <Hidden only={['xs','sm']}>\r\n                  {\r\n                     window.innerWidth > window.innerHeight && orientationPotrait == false &&\r\n                     <Drawer id=\"LeftMenuWrapper\" anchor={\"left\"} open={true} variant=\"persistent\" style={{ border: \"none\" }} onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n                        <NestedList />\r\n                        {getLangTranscript && <MainMenu />}\r\n                     </Drawer>\r\n                  }\r\n               </Hidden>\r\n               {/* ipad start */}\r\n               <Hidden only={['xs','lg','xl']}>\r\n\r\n                  <Drawer anchor={\"left\"} open={state[\"left\"]} variant=\"persistent\" onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n\r\n                     <Button\r\n                        variant=\"outlined\"\r\n                        color=\"secondary\"\r\n                        size=\"large\"\r\n                        className=\"closeBtn\"\r\n                        startIcon={<CloseIcon style={{ marginLeft: '4px' }} />}\r\n                        onClick={toggleDrawer(\"left\",false)}\r\n\r\n                     >\r\n\r\n                     </Button>\r\n                     <NestedList />\r\n                     {getLangTranscript && <MainMenu />}\r\n                  </Drawer>\r\n               </Hidden>\r\n               {/* ipadEnd */}\r\n\r\n               {/* mobile start */}\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n                  <Drawer only='xs' style={{ width: \"100%\",maxWidth: \"105vw\",overflowY: \"auto\",overflowX: 'hidden',width: 'auto',minWidth: '140px',maxWidth: '35vw',}} anchor={\"bottom\"} open={state[\"bottom\"]} variant=\"persistent\" onClose={toggleDrawer(\"bottom\",false)}>\r\n                  <NestedList />\r\n                  {getLangTranscript && <MainMenu toggleDrawerAction={mobCloseDrawer} />}\r\n                  </Drawer>\r\n               </Hidden>\r\n            </div>\r\n\r\n         </div>\r\n      </>\r\n   );\r\n\r\n}\r\n\r\nexport default App;","//require('file-loader?name=[name].[ext]!./index.html');\r\nimport React,{ Fragment } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport { createMuiTheme,ThemeProvider } from \"@material-ui/core\";\r\nconst theme = createMuiTheme({\r\n   palette: {\r\n      primary: {\r\n         main: \"#006BBD\" // This is an orange looking color\r\n      },\r\n      secondary: {\r\n         main: \"#006BBD\" //Another orange-ish color\r\n      }\r\n   },\r\n   // fontFamily: font // as an aside, highly recommend importing roboto font for Material UI projects! Looks really nice\r\n});\r\n\r\n\r\nReactDOM.render(\r\n   <Fragment>\r\n      <ThemeProvider theme={theme}><App /></ThemeProvider>\r\n   </Fragment>\r\n   ,\r\n   document.getElementById('root')\r\n);\r\n\r\n"],"sourceRoot":""}