{"version":3,"sources":["logo_ucla.svg","serviceWorker.js","About.js","Faq.js","Footer.js","Menu.js","Header.js","AppLinks.js","IconLink.js","IconLinks.js","News.js","Headline.js","SystemReq.js","App.js","index.js"],"names":["module","exports","Boolean","window","location","hostname","match","useStyles","makeStyles","theme","heading","marginBottom","spacing","last","About","props","classes","Fragment","id","Typography","root","component","variant","paragraph","varient","screens","file","Accordion","withStyles","border","boxShadow","borderBottom","display","margin","expanded","MuiAccordion","AccordionSummary","backgroundColor","minHeight","content","MuiAccordionSummary","AccordionDetails","padding","MuiAccordionDetails","accordianDetails","flexDirection","container","scrollMargin","iconButt0n","alignSelf","li","paper","paperScrollPaperr","screen","maxWidth","thumbnail","marginTop","cursor","Faq","useState","setExpanded","handleChange","panel","event","newExpanded","_setFile","React","open","_setOpen","handleClick","result","filter","length","gutterBottom","className","square","onChange","aria-controls","Link","href","onClick","alt","src","Dialog","paperScrollPaper","IconButton","aria-label","iconButton","color","contact","paddingBottom","paddingLeft","paddingRight","paddingTop","width","contactContainer","background","contactLinks","borderTop","justifyContent","alignItems","copy","textAlign","legal","legalContainer","legalLink","fontSize","fontWeight","textTransform","legalLinks","zIndex","link","lineHeight","logo","height","Footer","useTheme","small","useMediaQuery","breakpoints","down","noSsr","clsx","Logo","buttonGroup","borderRight","minWidth","toolBar","Menu","Toolbar","disableGutters","ButtonGroup","groupedTextPrimary","menuItems","map","item","x","Button","key","handleMenuItem","headingShort","List","disablePadding","ListItem","button","ListItemText","primary","appBar","logoContainer","logoFont","marginLeft","Header","AppBar","position","Box","aria-haspopup","handleOpen","style","elmnt","document","getElementById","scrollTo","offsetTop","LogoUcla","handleClose","appIcon","marginRight","appIcons","getApps","fontStyle","AppLinks","url","_setUrl","device","preventDefault","keepMounted","aria-describedby","DialogContent","DialogContentText","DialogActions","buttonBase","borderRadius","opacity","description","icon","IconLink","ButtonBase","aria-hidden","IconLinks","Grid","i","md","sm","xs","news","News","active","textDecoration","ellipsis","inner","links","myTime","outer","overflow","backgroundPosition","backgroundSize","right","welcome","urls","Headline","disabled","size","systemReq","requirement","items","note","tableContainer","SystemReq","TableContainer","Table","TableBody","sR","TableRow","TableCell","scope","align","y","App","openMenu","_setOpenMenu","type","indexOf","params","querySelector","top","Drawer","anchor","onClose","ReactDOM","render","StrictMode","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"gGAAAA,EAAOC,QAAU,IAA0B,uC,qHCYvBC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2D,mECdAC,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,aAAcF,EAAMG,QAAQ,IAE9BC,KAAM,CACJF,aAAcF,EAAMG,QAAQ,QAIjB,SAASE,EAAOC,GAC7B,IAAMC,EAAUT,IAEhB,OACE,kBAAC,IAAMU,SAAP,KACE,0BAAMC,GAAG,UACT,kBAACC,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQN,SACzBW,UAAU,KACVC,QAAQ,MAHV,SAOA,kBAACH,EAAA,EAAD,CACEE,UAAU,IACVE,WAAS,EACTC,QAAQ,SAHV,uPAOA,kBAACL,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQH,MACzBQ,UAAU,IACVE,WAAS,EACTC,QAAQ,SAJV,gT,2GCtBAC,EAAU,CACd,CACEP,GAAI,MACJQ,KAAM,8FAER,CACER,GAAI,MACJQ,KAAM,YAIJC,EAAYC,YAAW,CAC3BR,KAAM,CACJS,OAAQ,gCACRC,UAAW,OACX,qBAAsB,CACpBC,aAAc,GAEhB,WAAY,CACVC,QAAS,QAEX,aAAc,CACZC,OAAQ,SAGZC,SAAU,IAdMN,CAefO,KAEGC,EAAmBR,YAAW,CAClCR,KAAM,CACJiB,gBAAiB,qBACjBN,aAAc,gCACdpB,cAAe,EACf2B,UAAW,GACX,aAAc,CACZA,UAAW,KAGfC,QAAS,CACP,aAAc,CACZN,OAAQ,WAGZC,SAAU,IAfaN,CAgBtBY,KAEGC,EAAmBb,aAAW,SAACnB,GAAD,MAAY,CAC9CW,KAAM,CACJsB,QAASjC,EAAMG,QAAQ,OAFFgB,CAIrBe,KAEEpC,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCmC,iBAAkB,CAChBC,cAAe,UAEjBC,UAAW,CACTnC,aAAcF,EAAMG,QAAQ,IAE9BF,QAAS,CACPC,aAAcF,EAAMG,QAAQ,GAC5BmC,aAActC,EAAMG,QAAQ,IAE9BoC,WAAY,CACVC,UAAW,cAEbC,GAAI,CACF,qBAAsB,CACpBvC,aAAcF,EAAMG,QAAQ,KAGhCuC,MAAO,CACLnB,QAAS,QACTC,OAAQ,GAEVmB,kBAAmB,CACjBpB,QAAS,SAEXqB,OAAQ,CACNC,SAAU,QAEZC,UAAW,CACTvB,QAAS,eACTwB,UAAW/C,EAAMG,QAAQ,GACzB,UAAW,CACT6C,OAAQ,gBAKC,SAASC,EAAK3C,GAC3B,IAAMC,EAAUT,IADkB,EAGFoD,mBAAS,IAHP,mBAG3BzB,EAH2B,KAGjB0B,EAHiB,KAK5BC,EAAe,SAACC,GAAD,OAAW,SAACC,EAAOC,GACtCJ,IAAYI,GAAcF,KANM,EASTH,mBAAS,MATA,mBAS3BjC,EAT2B,KASrBuC,EATqB,OAWTC,IAAMP,UAAS,GAXN,mBAW3BQ,EAX2B,KAWrBC,EAXqB,KAa5BC,EAAc,SAACnD,GACnB,IAAMoD,EAAS7C,EAAQ8C,QAAO,SAAAlB,GAAM,OAAIA,EAAOnC,KAAOA,KAClDoD,EAAOE,SACTP,EAASK,EAAO,GAAG5C,MACnB0C,GAAS,KAQb,OACE,kBAAC,IAAMnD,SAAP,KACE,0BAAMC,GAAG,QACT,kBAACC,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQN,SACzBW,UAAU,KACVoD,cAAc,EACdnD,QAAQ,MAJV,8BAQA,yBAAKoD,UAAW1D,EAAQ8B,WACtB,kBAAC,EAAD,CAAW6B,QAAM,EAACzC,SAAuB,WAAbA,EAAuB0C,SAAUf,EAAa,WACxE,kBAAC,EAAD,CAAkBgB,gBAAc,kBAAkB3D,GAAG,kBACnD,kBAACC,EAAA,EAAD,iEAIF,kBAAC,EAAD,CAAkBH,QAAS,CAAEI,KAAMJ,EAAQ4B,mBACzC,4BACE,wBAAI8B,UAAW1D,EAAQkC,IAAvB,SACQ,kBAAC4B,EAAA,EAAD,CAAMC,KAAK,kCAAX,qBADR,qCAEE,6BACA,0BAAML,UAAW1D,EAAQuC,UAAWyB,QAAS,kBAAMX,EAAY,SAC7D,yBAAKY,IAAI,cAAcC,IAAI,kHAG/B,wBAAIR,UAAW1D,EAAQkC,IAAvB,oEACmE,kBAAC4B,EAAA,EAAD,CAAMC,KAAK,mBAAX,kBADnE,gDAKN,kBAAC,EAAD,CAAWJ,QAAM,EAACzC,SAAuB,WAAbA,EAAuB0C,SAAUf,EAAa,WACxE,kBAAC,EAAD,CAAkBgB,gBAAc,kBAAkB3D,GAAG,kBACnD,kBAACC,EAAA,EAAD,2FAIF,kBAAC,EAAD,CAAkBH,QAAS,CAAEI,KAAMJ,EAAQ4B,mBACzC,4BACE,wBAAI8B,UAAW1D,EAAQkC,IAAvB,+EAEA,wBAAIwB,UAAW1D,EAAQkC,IAAvB,0FAEA,wBAAIwB,UAAW1D,EAAQkC,IAAvB,4JAEE,6BACA,0BAAMwB,UAAW1D,EAAQuC,UAAWyB,QAAS,kBAAMX,EAAY,SAC7D,yBAAKY,IAAI,cAAcC,IAAI,iCAG/B,wBAAIR,UAAW1D,EAAQkC,IAAvB,gDAMR,kBAACiC,EAAA,EAAD,CACEnE,QAAS,CACPmC,MAAOnC,EAAQmC,MACfiC,iBAAkBpE,EAAQoE,kBAE5BjB,KAAMA,GAEN,kBAACkB,EAAA,EAAD,CACEC,aAAW,QACXtE,QAAS,CAAEI,KAAMJ,EAAQuE,YACzBC,MAAM,UACNR,QAxEY,WAClBZ,GAAS,KAyEH,kBAAC,IAAD,OAEF,6BACE,yBACEa,IAAI,cACJP,UAAW1D,EAAQqC,OACnB6B,IAAK,gBAAkBxD,O,qCClM7BnB,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCgF,QAAS,CACPxD,OAAQ,gBACRqB,SAAU,SACVoC,cAAejF,EAAMG,QAAQ,GAC7B+E,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BiF,WAAYpF,EAAMG,QAAQ,GAC1BkF,MAAO,MACP,UAAW,CACTH,YAAa,EACbC,aAAc,EACdE,MAAO,SAGXC,iBAAkB,CAChBC,WAAY,gDAEdC,aAAc,CACZlE,aAAc,oBACdmE,UAAW,oBACXlE,QAAS,OACTmE,eAAgB,gBAChBT,cAAejF,EAAMG,QAAQ,GAC7BiF,WAAYpF,EAAMG,QAAQ,GAC1B,UAAW,CACTiC,cAAe,SACfuD,WAAY,WAGhBC,KAAM,CACJb,MAAO,OACPc,UAAW,SACX,UAAW,CACT3F,aAAcF,EAAMG,QAAQ,KAGhC2F,MAAO,CACLH,WAAY,SACZpE,QAAS,OACTa,cAAe,SACfZ,OAAQ,gBACRqB,SAAU,SACVoC,cAAejF,EAAMG,QAAQ,GAC7B+E,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BiF,WAAYpF,EAAMG,QAAQ,GAC1BkF,MAAO,OAETU,eAAgB,CACdR,WAAY,gDAEdS,UAAW,CACTjB,MAAO,UACPkB,SAAU,QACVC,WAAY,IACZC,cAAe,aAEjBC,WAAY,CACVrB,MAAO,UACP7E,aAAcF,EAAMG,QAAQ,GAC5BkG,OAAQ,GAEVC,KAAM,CACJvB,MAAO,OACPkB,SAAU,QACVC,WAAY,IACZK,WAAY,IACZJ,cAAe,YACfE,OAAQ,GAEVG,KAAM,CACJjF,QAAS,OACTkF,OAAQzG,EAAMG,QAAQ,GACtBD,aAAcF,EAAMG,QAAQ,QAIjB,SAASuG,EAAQpG,GAC9B,IAAMC,EAAUT,IAEVE,EAAQ2G,cAERC,EAAQC,YAAc7G,EAAM8G,YAAYC,KAAK,MAAO,CAAEC,OAAO,IAEnE,OACE,kBAAC,IAAMxG,SAAP,KACE,yBAAKyD,UAAW1D,EAAQ+E,kBACtB,yBACErB,UAAWgD,YAAK1G,EAAQyE,QAAS,CAC/B4B,MAAOA,KAGT,yBACE3C,UAAWgD,YAAK1G,EAAQiF,aAAc,CACpCoB,MAAOA,KAGT,kBAACvC,EAAA,EAAD,CACEJ,UAAW1D,EAAQ+F,KACnBhC,KAAK,4CAFP,yBAMA,kBAACD,EAAA,EAAD,CACEJ,UAAW1D,EAAQ+F,KACnBhC,KAAK,oBAFP,kBAMA,kBAACD,EAAA,EAAD,CACEJ,UAAW1D,EAAQ+F,KACnBhC,KAAK,mCAFP,+BASN,yBAAKL,UAAW1D,EAAQwF,gBACtB,yBAAK9B,UAAW1D,EAAQuF,OACtB,yBACE7B,UAAW1D,EAAQiG,KACnBhC,IAAI,OACJC,IAAKyC,MAEP,yBAAKjD,UAAW1D,EAAQ6F,YACtB,kBAAC/B,EAAA,EAAD,CACEJ,UAAW1D,EAAQyF,UACnB1B,KAAK,oBAFP,YADF,YAQE,kBAACD,EAAA,EAAD,CACEJ,UAAW1D,EAAQyF,UACnB1B,KAAK,sCAFP,iBAOF,kBAAC5D,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQqF,MACzB3B,UAAWgD,YAAK,CACdL,MAAOA,IAEThG,UAAU,IACVC,QAAQ,SANV,kF,2EC1IJf,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCmH,YAAa,CACXpC,MAAO,OACP,aAAc,CACZA,MAAO,WAET,UAAW,CACTA,MAAO,WAET,qBAAsB,CACpBqC,YAAa,SAGjB1E,MAAO,CACL2E,SAAUrH,EAAMG,QAAQ,KAE1BmH,QAAS,CACP9F,OAAQ,gBACRqB,SAAU,SACVhB,UAAW,OACXqD,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BkF,MAAO,WAII,SAASkC,EAAMjH,GAC5B,IAAMC,EAAUT,IAEVE,EAAQ2G,cAERC,EAAQC,YAAc7G,EAAM8G,YAAYC,KAAK,MAAO,CAAEC,OAAO,IAEnE,OACE,kBAAC,IAAMxG,SAAP,MACIoG,GACA,kBAACY,EAAA,EAAD,CACEjH,QAAS,CAAEI,KAAMJ,EAAQ+G,SACzBG,gBAAgB,GAEhB,kBAACC,EAAA,EAAD,CACE7C,aAAW,OACXtE,QAAS,CACPoH,mBAAoBpH,EAAQ4G,aAE9BpC,MAAM,UACNlE,QAAQ,QAEPP,EAAMsH,UAAUC,KAAI,SAACC,EAAMC,GAAP,OACnB,kBAACC,EAAA,EAAD,CACEC,IAAKF,EACLxD,QAASjE,EAAM4H,eAAeH,IAC9BD,EAAKK,mBAKdvB,GACC,kBAACwB,EAAA,EAAD,CAAMC,gBAAgB,GACnB/H,EAAMsH,UAAUC,KAAI,SAACC,EAAMC,GAAP,OACnB,kBAACO,EAAA,EAAD,CACEC,QAAM,EACNN,IAAKF,EACLxD,QAASjE,EAAM4H,eAAeH,IAE9B,kBAACS,EAAA,EAAD,CAAcC,QAASX,EAAKK,qB,qBChEpCrI,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrC0I,OAAQ,CACN9G,gBAAiB,UACjBQ,cAAe,SACfZ,OAAQ,iBAEVa,UAAW,CACTd,QAAS,OACTC,OAAQ,gBACRqB,SAAU,SACVqC,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BkF,MAAO,MACP,UAAW,CACTH,YAAalF,EAAMG,QAAQ,KAG/BqG,KAAM,CACJC,OAAQzG,EAAMG,QAAQ,KACtB,UAAW,CACTsG,OAAQzG,EAAMG,QAAQ,KAG1BwI,cAAe,CACbhD,WAAY,WACZ3C,OAAQ,UACRzB,QAAS,OACT0D,cAAejF,EAAMG,QAAQ,GAC7BiF,WAAYpF,EAAMG,QAAQ,GAC1BkF,MAAO,QAETuD,SAAU,CACR3C,SAAU,OACVC,WAAY,IACZK,WAAY,EACZrG,aAAc,OACd2I,WAAY7I,EAAMG,QAAQ,GAC1B,UAAW,CACT8F,SAAU,OACV/F,aAAc,OACd2I,WAAY7I,EAAMG,QAAQ,UAKjB,SAAS2I,EAAQxI,GAC9B,IAAMC,EAAUT,IAEVE,EAAQ2G,cAERC,EAAQC,YAAc7G,EAAM8G,YAAYC,KAAK,MAAO,CAAEC,OAAO,IASnE,OACE,kBAAC+B,EAAA,EAAD,CACExI,QAAS,CAAEI,KAAMJ,EAAQmI,QACzBM,SAAS,UAET,kBAACC,EAAA,EAAD,CACEhF,UAAWgD,YAAK1G,EAAQ8B,UAAW,CACjCuE,OAAiB,IAAVA,KAGRA,GACC,kBAAChC,EAAA,EAAD,CACER,gBAAc,OACd8E,gBAAc,OACdrE,aAAW,OACXN,QAASjE,EAAM6I,YAEf,kBAAC,IAAD,CAAUC,MAAO,CAAErE,MAAO,WAG9B,kBAACkE,EAAA,EAAD,CACEhF,UAAW1D,EAAQoI,cACnBpE,QA7BW,WACjB,IAAM8E,EAAQC,SAASC,eAAe,OAClCF,GACF3J,OAAO8J,SAAS,EAAGH,EAAMI,aA4BrB,yBACEjF,IAAI,OACJP,UAAWgD,YAAK1G,EAAQiG,KAAM,CAC5BI,OAAiB,IAAVA,IAETnC,IAAKiF,MAEP,0BACEzF,UAAWgD,YAAK1G,EAAQqI,SAAU,CAChChC,OAAiB,IAAVA,KAFX,aAOFA,GACA,kBAACW,EAAD,CACEoC,YAAarJ,EAAMqJ,YACnBzB,eAAgB5H,EAAM4H,eACtBN,UAAWtH,EAAMsH,UACjBhB,OAAO,K,uCCxGX9G,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrC4J,QAAS,CACPvI,UAAW,uGACXoF,OAAQzG,EAAMG,QAAQ,GACtB0J,YAAa7J,EAAMG,QAAQ,IAE7B2J,SAAU,CACR5J,aAAcF,EAAMG,QAAQ,IAE9BkC,UAAW,CACTgD,MAAO,QAET0E,QAAS,CACPhF,MAAO,OACPkB,SAAU,OACV+D,UAAW,UACX9D,WAAY,IACZhG,aAAcF,EAAMG,QAAQ,IAE9B2H,KAAM,CACJtF,UAAW,aACXjB,QAAS,OACTmE,eAAgB,SAChBT,cAAejF,EAAMG,QAAQ,QAIlB,SAAS8J,GAAU3J,GAChC,IAAMC,EAAUT,IADuB,EAGdoD,oBAAS,GAHK,mBAGhCQ,EAHgC,KAG1BC,EAH0B,OAKhBT,mBAAS,IALO,mBAKhCgH,EALgC,KAK3BC,EAL2B,KAOjChB,EAAa,SAACiB,GAAD,OAAY,SAAC9G,GAC9BA,EAAM+G,iBACN1G,GAAS,GACTwG,EAAmB,UAAXC,EAAqB,0DAA4D,6EAY3F,OACE,kBAAC,IAAM5J,SAAP,KACE,yBAAKyD,UAAW1D,EAAQ8B,WACtB,kBAAC3B,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQwJ,SACzBlJ,QAAQ,KACRD,UAAU,MAHZ,6EAME,6BANF,8CAQA,yBAAKqD,UAAU,YACb,kBAACI,EAAA,EAAD,CACEQ,aAAW,kCACXP,KAAK,IACLC,QAAS4E,EAAW,UAEpB,yBACE3E,IAAI,kCACJC,IAAI,2BAA2BR,UAAW1D,EAAQqJ,WAGtD,kBAACvF,EAAA,EAAD,CACEQ,aAAW,wBACXP,KAAK,IACLC,QAAS4E,EAAW,YAEpB,yBACE3E,IAAI,wBACJC,IAAI,uBAAuBR,UAAW1D,EAAQqJ,aAKtD,kBAAClF,EAAA,EAAD,CACEhB,KAAMA,EACN4G,aAAW,EACXC,mBAAiB,qBAEjB,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAmBhK,GAAG,qBAAtB,wFAIF,kBAACiK,EAAA,EAAD,KACE,kBAAC1C,EAAA,EAAD,CAAQzD,QAlDO,WACrBZ,GAAS,GACTjE,OAAOgE,KAAKwG,EAAK,WAgDsBnF,MAAM,WAAvC,eAGA,kBAACiD,EAAA,EAAD,CAAQzD,QAzDI,WAClBZ,GAAS,IAwD2BoB,MAAM,WAApC,a,uBCrGJjF,GAAYC,aAAW,SAAAC,GAAK,MAAK,CACrC2K,WAAY,CACVC,aAAc,MACdrJ,QAAS,QACTsB,SAAU7C,EAAMG,QAAQ,IACxB0K,QAAS,EACTxE,OAAQ,EACR,UAAW,CACTwE,QAAS,KAGbC,YAAa,CACX/F,MAAO,QAET9E,QAAS,CACP8E,MAAO,OACPmB,WAAY,KAEd6E,KAAM,CACJtE,OAAQzG,EAAMG,QAAQ,IACtBkF,MAAO,YAII,SAAS2F,GAAU1K,GAChC,IAAMC,EAAUT,KAEhB,OACE,kBAACmL,GAAA,EAAD,CACE1K,QAAS,CAAEI,KAAMJ,EAAQoK,YACzBpG,QAASjE,EAAM4H,eAAe5H,EAAMyH,IAEpC,yBACEvD,IAAI,GACJ0G,cAAY,OACZjH,UAAW1D,EAAQwK,KACnBtG,IAAK,QAAUnE,EAAMyK,KAAO,SAE9B,kBAACrK,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQN,SACzBW,UAAU,KACVC,QAAQ,SAEPP,EAAML,SAET,kBAACS,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQuK,aACzBlK,UAAU,IACVC,QAAQ,SAEPP,EAAMwK,cClDf,IAAMhL,GAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCqC,UAAW,CACTgD,MAAO,QAETyC,KAAM,CACJtF,UAAW,aACXjB,QAAS,OACTmE,eAAgB,SAChBT,cAAejF,EAAMG,QAAQ,QAIlB,SAASgL,GAAW7K,GACjC,IAAMC,EAAUT,KAEhB,OACE,yBAAKmE,UAAW1D,EAAQ8B,WACtB,kBAAC+I,GAAA,EAAD,CACE/I,WAAS,EACTlC,QAAS,GAERG,EAAMsH,UAAUC,KAAI,SAACwD,EAAGtD,GAAJ,OACnB,kBAACqD,GAAA,EAAD,CACE7K,QAAS,CAAEuH,KAAMvH,EAAQuH,MACzBA,MAAI,EACJG,IAAKF,EACLuD,GAAI,EAAGC,GAAI,EAAGC,GAAI,IAElB,kBAACR,GAAD,CACEF,YAAaO,EAAEP,YACf5C,eAAgB5H,EAAM4H,eACtBjI,QAASoL,EAAEpL,QACX8K,KAAMM,EAAEN,KACRb,IAAKmB,EAAEnB,IACPnC,EAAGA,UClCjB,IAAM0D,GACK,+BADLA,GAEE,4GAFFA,GAGC,GAGD3L,GAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCqC,UAAW,CACTT,gBAAiB,uBACjBP,UAAW,yGACX0D,MAAO,OACP7E,aAAcF,EAAMG,QAAQ,GAC5B8B,QAASjC,EAAMG,QAAQ,IAEzBmG,KAAM,CACJvB,MAAO,YAII,SAAS2G,GAAMpL,GAC5B,IAAMC,EAAUT,KAEhB,OACE,kBAAC,IAAMU,SAAP,KACGF,EAAMqL,QACL,yBAAK1H,UAAW1D,EAAQ8B,WACtB,kBAAC3B,EAAA,EAAD,CACEE,UAAU,KACVC,QAAQ,MAEP4K,IAEH,kBAAC/K,EAAA,EAAD,CACEE,UAAU,IACVoD,cAAY,EACZnD,QAAQ,SAEP4K,IAEFA,IACC,kBAAC/K,EAAA,EAAD,CACEE,UAAU,IACVC,QAAQ,SAER,kBAACwD,EAAA,EAAD,CACE9D,QAAS,CAAEI,KAAMJ,EAAQ+F,MACzBhC,KAAMmH,IAFR,0BCvCd,IAAM3L,GAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCuI,OAAQ,CACN3G,gBAAiB,UACjB1B,aAAcF,EAAMG,QAAQ,GAC5B4C,UAAW/C,EAAMG,QAAQ,GACzB,aAAc,CACZyB,gBAAiB,UACjBmD,MAAO,YACP6G,eAAgB,iBAGpB9J,QAAS,CACPoD,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BiF,WAAYpF,EAAMG,QAAQ,GAC1B,UAAW,CACT+E,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,KAGhC0L,SAAU,CACRpF,OAAQzG,EAAMG,QAAQ,GACtB0J,YAAa7J,EAAMG,QAAQ,IAE7B2L,MAAO,CACLtK,OAAQ,gBACRqB,SAAU,SACVqC,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BkF,MAAO,MACPgB,OAAQ,GAEV0F,MAAO,CACL7L,aAAcF,EAAMG,QAAQ,GAC5B0I,WAAY7I,EAAMG,QAAQ,GAC1B0J,YAAa7J,EAAMG,QAAQ,GAC3B4C,UAAW/C,EAAMG,QAAQ,GACzB0C,SAAU,SACVmG,SAAU,WACV,UAAW,CACT9I,aAAc,EACd2I,WAAY7I,EAAMG,QAAQ,GAC1B0J,YAAa7J,EAAMG,QAAQ,KAG/B6L,OAAQ,CACNjH,MAAO,OACPkB,SAAU,OACVC,WAAY,IACZ,UAAW,CACTD,SAAU,SAGdgG,MAAO,CACL1G,WAAY,gDACZ3D,gBAAiB,UACjBL,QAAS,OACTa,cAAe,SACf8J,SAAU,SACVlD,SAAU,WACV,WAAW,aACTzD,WAAY,wDACZ4G,mBAAoB,SACpBC,eAAgB,WAChBtK,QAAS,KACT2E,OAAQ,OACRoE,QAAS,GACT7B,SAAU,QACVqD,MAAO,QACPhH,MAAO,QACNrF,EAAM8G,YAAYC,KAAK,MAAQ,CAC9BoF,mBAAoB,SACpBC,eAAgB,YAChBC,MAAO,WAIbC,QAAS,CACPvH,MAAO,OACPkB,SAAU,MACVC,WAAY,SAIVqG,GAEK,sHAGI,SAASC,GAAUlM,GAChC,IAAMC,EAAUT,KAEVE,EAAQ2G,cAERC,EAAQC,YAAc7G,EAAM8G,YAAYC,KAAK,MAAO,CAAEC,OAAO,IAMnE,OACE,yBAAK/C,UAAW1D,EAAQ0L,OACtB,yBAAKhI,UAAW1D,EAAQuL,OACtB,yBAAK7H,UAAWgD,YAAK1G,EAAQuB,QAAS,CACpC8E,MAAOA,KAEP,kBAAC8E,GAAD,CAAMC,QAAQ,IACd,kBAACjL,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQ+L,SACzBzL,QAAQ,KACRD,UAAU,KACVoD,cAAY,GAEZ,yBACEQ,IAAI,GACJ0G,cAAY,OACZjH,UAAW1D,EAAQsL,SACnBpH,IAAI,sBAVR,cAaA,kBAAC/D,EAAA,EAAD,CACEuD,UAAWgD,YAAK1G,EAAQyL,OAAQ,CAC9BpF,OAAiB,IAAVA,IAET/F,QAAQ,KACRD,UAAU,KACVoD,cAAY,GANd,UAUA,kBAACgE,EAAA,EAAD,CACEzH,QAAS,CACPI,KAAMJ,EAAQgI,OACdkE,SAAUlM,EAAQkM,UAEpBA,UAAU,EACVlI,QAxCM,WACd7E,OAAOC,SAAS2E,KAAOiI,IAwCfG,KAAK,QACL7L,QAAQ,aARV,wBAYA,kBAACoJ,GAAD,OAEF,yBAAKhG,UAAWgD,YAAK1G,EAAQwL,MAAO,CAClCnF,OAAiB,IAAVA,KAEP,kBAACuE,GAAD,CACEjD,eAAgB5H,EAAM4H,eACtBN,UAAWtH,EAAMsH,e,sDCvJvB+E,GAAY,CAChB,CACEC,YAAa,mBACbC,MAAO,CACL,uCACA,kBAEFC,KAAM,IAER,CACEF,YAAa,UACbC,MAAO,CACL,iCACA,2BACA,aACA,aAEFC,KAAM,IAER,CACEF,YAAa,UACbC,MAAO,CACL,eAEFC,KAAM,KAIJhN,GAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACP8C,UAAW/C,EAAMG,QAAQ,IAE3B4M,eAAgB,CACd7M,aAAcF,EAAMG,QAAQ,QAIjB,SAAS6M,GAAW1M,GACjC,IAAMC,EAAUT,KAEVE,EAAQ2G,cAEd,OACE,kBAAC,IAAMnG,SAAP,KACE,0BAAMC,GAAG,QACT,kBAACC,EAAA,EAAD,CACEH,QAAS,CAAEI,KAAMJ,EAAQN,SACzBW,UAAU,KACVC,QAAQ,MAHV,uBAOA,kBAACoM,GAAA,EAAD,CAAgB1M,QAAS,CAAEI,KAAMJ,EAAQwM,iBACvC,kBAACG,GAAA,EAAD,CAAOrI,aAAW,uBAChB,kBAACsI,GAAA,EAAD,KACGR,GAAU9E,KAAI,SAACuF,EAAIrF,GAAL,OACb,kBAACsF,GAAA,EAAD,CAAUpF,IAAKF,GACb,kBAACuF,GAAA,EAAD,CAAW1M,UAAU,KAAK2M,MAAM,OAC7BH,EAAGR,aAEN,kBAACU,GAAA,EAAD,CAAWE,MAAM,QACf,4BACGJ,EAAGP,MAAMhF,KAAI,SAACwD,EAAGoC,GAAJ,OACZ,wBAAIxF,IAAKwF,GAAIpC,OAGhB+B,EAAGN,MACF,kBAACpM,EAAA,EAAD,CACEI,WAAS,EACTsI,MAAO,CAAEP,WAAY7I,EAAMG,QAAQ,IACnCU,QAAQ,SAEPuM,EAAGN,eClE1B,IAAMlF,GAAY,CAChB,CACEkD,YAAa,8FACb7K,QAAS,+BACTkI,aAAc,aACd4C,KAAM,gBACNb,IAAK,SAEP,CACEY,YAAa,yEACb7K,QAAS,sBACTkI,aAAc,sBACd4C,KAAM,cACNb,IAAK,QAEP,CACEY,YAAa,oGACb7K,QAAS,6BACTkI,aAAc,MACd4C,KAAM,WACNb,IAAK,QAEP,CACEY,YAAa,wEACb7K,QAAS,QACTkI,aAAc,QACd4C,KAAM,YACNb,IAAK,WAIHpK,GAAYC,aAAW,SAAAC,GAAK,MAAK,CACrC8B,QAAS,CACPP,QAAS,OACTa,cAAe,SACfZ,OAAQ,gBACRqB,SAAU,SACVqC,YAAalF,EAAMG,QAAQ,GAC3BgF,aAAcnF,EAAMG,QAAQ,GAC5BkF,MAAO,OAET3C,MAAO,CACL2E,SAAUrH,EAAMG,QAAQ,SAqFbuN,OAjFf,SAAcpN,GACZ,IAAMC,EAAUT,KAEVE,EAAQ2G,cAERC,EAAQC,YAAc7G,EAAM8G,YAAYC,KAAK,MAAO,CAAEC,OAAO,IALhD,EAOc9D,oBAAS,GAPvB,mBAOZyK,EAPY,KAOFC,EAPE,KASbzE,EAAa,WACjByE,GAAa,IAGTjE,EAAc,WAClBiE,GAAa,IAGT1F,EAAiB,SAACH,GAAD,OAAO,SAACzE,GAC7B,GAAmB,UAAfA,EAAMuK,MAAoC,YAAfvK,EAAMuK,MAAoC,UAAdvK,EAAM2E,IAAkB,CACjF,IAAMH,EAAOF,GAAUG,GACvB,GAA8B,IAA1BD,EAAKoC,IAAI4D,QAAQ,KACnB,GAAiB,UAAbhG,EAAKoC,IAAiB,CACxB,IAAI6D,EAAS,uEACbA,GAAWnH,EAAiD,GAAzC,uCACnBlH,OAAOgE,KAAK,eAAgB,aAAcqK,OACrC,CACL,IAAM1E,EAAQC,SAAS0E,cAAclG,EAAKoC,KAC1C,GAAIb,EAAO,CACT,IAAM4E,EAAM5E,EAAMI,UAAY,IAC9B/J,OAAO8J,SAAS,EAAGyE,SAIvBvO,OAAOC,SAAS2E,KAAOwD,EAAKoC,IAE9BP,OAIJ,OACE,kBAAC,IAAMnJ,SAAP,KACE,0BAAMC,GAAG,QACT,kBAACqI,EAAD,CACEZ,eAAgBA,EAChBiB,WAAYA,EACZvB,UAAWA,KAEb,kBAACsG,EAAA,EAAD,CACEC,OAAO,OACP5N,QAAS,CAAEmC,MAAOnC,EAAQmC,OAC1BgB,KAAMiK,EACNS,QAASzE,GAET,kBAAC/E,EAAA,EAAD,CACEC,aAAW,gBACXN,QAASoF,EACTP,MAAO,CAAE5G,UAAW,aAEpB,kBAAC,IAAD,OAEF,kBAAC+E,EAAD,CACEoC,YAAaA,EACbzB,eAAgBA,EAChBiB,WAAYA,EACZvB,UAAWA,MAGf,kBAAC4E,GAAD,CACEtE,eAAgBA,EAChBN,UAAWA,KAEb,yBAAK3D,UAAW1D,EAAQuB,SACtB,kBAACkL,GAAD,MACA,kBAAC/J,EAAD,MACA,kBAAC5C,EAAD,OAEF,kBAACqG,EAAD,Q,gBCnIN2H,EAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAC,GAAD,OAEFjF,SAASC,eAAe,SbyHpB,kBAAmBiF,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLC,QAAQD,MAAMA,EAAME,c","file":"static/js/main.bb6b498d.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo_ucla.ca81904e.svg\";","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import { makeStyles } from '@material-ui/core/styles'\r\nimport React from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  heading: {\r\n    marginBottom: theme.spacing(2)\r\n  },\r\n  last: {\r\n    marginBottom: theme.spacing(5)\r\n  }\r\n}))\r\n\r\nexport default function About (props) {\r\n  const classes = useStyles()\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <span id=\"about\"></span>\r\n      <Typography\r\n        classes={{ root: classes.heading }}\r\n        component=\"h2\"\r\n        variant=\"h5\"\r\n      >\r\n        About\r\n      </Typography>\r\n      <Typography\r\n        component=\"p\"\r\n        paragraph\r\n        varient=\"body2\"\r\n      >\r\n        MyTime is UCLA&apos;s easy-to-navigate website for the Kronos timekeeping system. Think of MyTime as your front door to Kronos, a helpful entry point secured with a single key—your UCLA Logon, making access to Kronos simple and more intuitive.\r\n      </Typography>\r\n      <Typography\r\n        classes={{ root: classes.last }}\r\n        component=\"p\"\r\n        paragraph\r\n        varient=\"body2\"\r\n      >\r\n        Kronos is an automated time-and-attendance and scheduling system used by many administrative departments at UCLA. Kronos provides a cloud-based data storage solution, along with data-collecting time clocks, to manage timekeeping for a large, diverse, geographically dispersed organization like UCLA.\r\n      </Typography>\r\n    </React.Fragment>\r\n  )\r\n}\r\n","import { makeStyles, withStyles } from '@material-ui/core/styles'\r\nimport CloseIcon from '@material-ui/icons/Close'\r\nimport Dialog from '@material-ui/core/Dialog'\r\nimport IconButton from '@material-ui/core/IconButton'\r\nimport Link from '@material-ui/core/Link'\r\nimport MuiAccordion from '@material-ui/core/Accordion'\r\nimport MuiAccordionSummary from '@material-ui/core/AccordionSummary'\r\nimport MuiAccordionDetails from '@material-ui/core/AccordionDetails'\r\nimport React, { useState } from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\n\r\nconst screens = [\r\n  {\r\n    id: '1_1',\r\n    file: '8e2431dcf24e5a041e94cba43299ba28c7b4b2f1a95e6f69244d15b79f137bd7_3-18-2014_10-39-06_AM.png'\r\n  },\r\n  {\r\n    id: '2_1',\r\n    file: 'CVS.jpg'\r\n  }\r\n]\r\n\r\nconst Accordion = withStyles({\r\n  root: {\r\n    border: '1px solid rgba(0, 0, 0, .125)',\r\n    boxShadow: 'none',\r\n    '&:not(:last-child)': {\r\n      borderBottom: 0\r\n    },\r\n    '&:before': {\r\n      display: 'none'\r\n    },\r\n    '&$expanded': {\r\n      margin: 'auto'\r\n    }\r\n  },\r\n  expanded: {}\r\n})(MuiAccordion)\r\n\r\nconst AccordionSummary = withStyles({\r\n  root: {\r\n    backgroundColor: 'rgba(0, 0, 0, .03)',\r\n    borderBottom: '1px solid rgba(0, 0, 0, .125)',\r\n    marginBottom: -1,\r\n    minHeight: 56,\r\n    '&$expanded': {\r\n      minHeight: 56\r\n    }\r\n  },\r\n  content: {\r\n    '&$expanded': {\r\n      margin: '12px 0'\r\n    }\r\n  },\r\n  expanded: {}\r\n})(MuiAccordionSummary)\r\n\r\nconst AccordionDetails = withStyles((theme) => ({\r\n  root: {\r\n    padding: theme.spacing(2)\r\n  }\r\n}))(MuiAccordionDetails)\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  accordianDetails: {\r\n    flexDirection: 'column'\r\n  },\r\n  container: {\r\n    marginBottom: theme.spacing(5)\r\n  },\r\n  heading: {\r\n    marginBottom: theme.spacing(2),\r\n    scrollMargin: theme.spacing(8)\r\n  },\r\n  iconButt0n: {\r\n    alignSelf: 'flex-start'\r\n  },\r\n  li: {\r\n    '&:not(:last-child)': {\r\n      marginBottom: theme.spacing(2)\r\n    }\r\n  },\r\n  paper: {\r\n    display: 'block',\r\n    margin: 0\r\n  },\r\n  paperScrollPaperr: {\r\n    display: 'block'\r\n  },\r\n  screen: {\r\n    maxWidth: '100%'\r\n  },\r\n  thumbnail: {\r\n    display: 'inline-block',\r\n    marginTop: theme.spacing(1),\r\n    '&:hover': {\r\n      cursor: 'pointer'\r\n    }\r\n  }\r\n}))\r\n\r\nexport default function Faq (props) {\r\n  const classes = useStyles()\r\n\r\n  const [expanded, setExpanded] = useState('')\r\n\r\n  const handleChange = (panel) => (event, newExpanded) => {\r\n    setExpanded(newExpanded ? panel : false)\r\n  }\r\n\r\n  const [file, _setFile] = useState(null)\r\n\r\n  const [open, _setOpen] = React.useState(false)\r\n\r\n  const handleClick = (id) => {\r\n    const result = screens.filter(screen => screen.id === id)\r\n    if (result.length) {\r\n      _setFile(result[0].file)\r\n      _setOpen(true)\r\n    }\r\n  }\r\n\r\n  const handleClose = () => {\r\n    _setOpen(false)\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <span id=\"faq\"></span>\r\n      <Typography\r\n        classes={{ root: classes.heading }}\r\n        component=\"h2\"\r\n        gutterBottom={true}\r\n        variant=\"h5\"\r\n      >\r\n        Frequently Asked Questions\r\n      </Typography>\r\n      <div className={classes.container}>\r\n        <Accordion square expanded={expanded === 'panel1'} onChange={handleChange('panel1')}>\r\n          <AccordionSummary aria-controls=\"panel1d-content\" id=\"panel1d-header\">\r\n            <Typography>\r\n              I forgot my username and/or password. What should I do?\r\n            </Typography>\r\n          </AccordionSummary>\r\n          <AccordionDetails classes={{ root: classes.accordianDetails }}>\r\n            <ol>\r\n              <li className={classes.li}>\r\n                Visit <Link href=\"https://accounts.iam.ucla.edu/\">UCLA Bruin OnLine</Link> to inquire/resetyour credentials.\r\n                <br />\r\n                <span className={classes.thumbnail} onClick={() => handleClick('1_1')}>\r\n                  <img alt=\"Screen shot\" src=\"img/screen/s/8e2431dcf24e5a041e94cba43299ba28c7b4b2f1a95e6f69244d15b79f137bd7_3-18-2014_10-39-06_AM_big.png\" />\r\n                </span>\r\n              </li>\r\n              <li className={classes.li}>\r\n                Reset username/password. You will need to contact BOL support at <Link href=\"tel:13102674357\">(310) 267-4357</Link> to request your username/password reset.</li>\r\n            </ol>\r\n          </AccordionDetails>\r\n        </Accordion>\r\n        <Accordion square expanded={expanded === 'panel2'} onChange={handleChange('panel2')}>\r\n          <AccordionSummary aria-controls=\"panel2d-content\" id=\"panel2d-header\">\r\n            <Typography>\r\n              I&apos;ve been told I need to disable compatibility view for MyTime. How do I do this?\r\n            </Typography>\r\n          </AccordionSummary>\r\n          <AccordionDetails classes={{ root: classes.accordianDetails }}>\r\n            <ol>\r\n              <li className={classes.li}>\r\n                Open Internet Explorer. From your Start&quot; button select &quot;Internet Explorer&quot;.</li>\r\n              <li className={classes.li}>\r\n                Open &quot;Tools&quot;. Tap the &quot;Alt&quot; key and select &quot;Tools&quot; then &quot;Compatibility View Settings&quot;.</li>\r\n              <li className={classes.li}>\r\n                Select the &quot;ucla.edu&quot; entry and click &quot;Remove&quot;. Click on the &quot;ucla.edu&quot; entry in the left window to highlight it. Click the &quot;Remove&quot; button to the right.\r\n                <br />\r\n                <span className={classes.thumbnail} onClick={() => handleClick('2_1')}>\r\n                  <img alt=\"Screen shot\" src=\"img/screen/s/thumb_CVS.jpg\" />\r\n                </span>\r\n              </li>\r\n              <li className={classes.li}>\r\n                Click &quot;Close&quot;. Close the &quot;Tools&quot; window.</li>\r\n            </ol>\r\n          </AccordionDetails>\r\n        </Accordion>\r\n      </div>\r\n      <Dialog\r\n        classes={{\r\n          paper: classes.paper,\r\n          paperScrollPaper: classes.paperScrollPaper\r\n        }}\r\n        open={open}\r\n      >\r\n        <IconButton\r\n          aria-label=\"Close\"\r\n          classes={{ root: classes.iconButton }}\r\n          color=\"inherit\"\r\n          onClick={handleClose}\r\n        >\r\n          <CloseIcon />\r\n        </IconButton>\r\n        <div>\r\n          <img\r\n            alt=\"Screen shot\"\r\n            className={classes.screen}\r\n            src={'img/screen/l/' + file}\r\n          />\r\n        </div>\r\n      </Dialog>\r\n    </React.Fragment>\r\n  )\r\n}\r\n","import { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport clsx from 'clsx'\r\nimport Link from '@material-ui/core/Link'\r\nimport Logo from './logo_ucla.svg'\r\nimport React from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  contact: {\r\n    margin: '0 auto 0 auto',\r\n    maxWidth: '1400px',\r\n    paddingBottom: theme.spacing(6),\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(2),\r\n    paddingTop: theme.spacing(6),\r\n    width: '90%',\r\n    '&.small': {\r\n      paddingLeft: 0,\r\n      paddingRight: 0,\r\n      width: '100%'\r\n    }\r\n  },\r\n  contactContainer: {\r\n    background: 'linear-gradient(#000000 10px, #333333 200px)'\r\n  },\r\n  contactLinks: {\r\n    borderBottom: '1px solid #2d79ab',\r\n    borderTop: '1px solid #2d79ab',\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    paddingBottom: theme.spacing(2),\r\n    paddingTop: theme.spacing(2),\r\n    '&.small': {\r\n      flexDirection: 'column',\r\n      alignItems: 'center'\r\n    }\r\n  },\r\n  copy: {\r\n    color: '#fff',\r\n    textAlign: 'center',\r\n    '&.small': {\r\n      marginBottom: theme.spacing(2)\r\n    }\r\n  },\r\n  legal: {\r\n    alignItems: 'center',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    margin: '0 auto 0 auto',\r\n    maxWidth: '1400px',\r\n    paddingBottom: theme.spacing(6),\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(2),\r\n    paddingTop: theme.spacing(6),\r\n    width: '90%'\r\n  },\r\n  legalContainer: {\r\n    background: 'linear-gradient(#003d6e 10px, #1d6092 200px)'\r\n  },\r\n  legalLink: {\r\n    color: '#ffe800',\r\n    fontSize: '.8rem',\r\n    fontWeight: 700,\r\n    textTransform: 'uppercase'\r\n  },\r\n  legalLinks: {\r\n    color: '#ffe800',\r\n    marginBottom: theme.spacing(2),\r\n    zIndex: 4\r\n  },\r\n  link: {\r\n    color: '#fff',\r\n    fontSize: '.9rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1.5,\r\n    textTransform: 'uppercase',\r\n    zIndex: 4\r\n  },\r\n  logo: {\r\n    display: 'flex',\r\n    height: theme.spacing(4),\r\n    marginBottom: theme.spacing(2)\r\n  }\r\n}))\r\n\r\nexport default function Footer (props) {\r\n  const classes = useStyles()\r\n\r\n  const theme = useTheme()\r\n\r\n  const small = useMediaQuery(theme.breakpoints.down('xs'), { noSsr: true })\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className={classes.contactContainer}>\r\n        <div\r\n          className={clsx(classes.contact, {\r\n            small: small\r\n          })}\r\n        >\r\n          <div\r\n            className={clsx(classes.contactLinks, {\r\n              small: small\r\n            })}\r\n          >\r\n            <Link\r\n              className={classes.link}\r\n              href=\"http://kronos.uclasf1.acsitefactory.com/\"\r\n            >\r\n              Kronos Service Center\r\n            </Link>\r\n            <Link\r\n              className={classes.link}\r\n              href=\"tel:310-206-7888\"\r\n            >\r\n              (310) 206-7888\r\n            </Link>\r\n            <Link\r\n              className={classes.link}\r\n              href=\"mailto:kronossc@facnet.ucla.edu\"\r\n            >\r\n              kronossc@facnet.ucla.edu\r\n            </Link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div className={classes.legalContainer}>\r\n        <div className={classes.legal} >\r\n          <img\r\n            className={classes.logo}\r\n            alt=\"UCLA\"\r\n            src={Logo}\r\n          />\r\n          <div className={classes.legalLinks}>\r\n            <Link\r\n              className={classes.legalLink}\r\n              href=\"https://ucla.edu\"\r\n            >\r\n              UCLA.EDU\r\n            </Link>\r\n            &nbsp;|&nbsp;\r\n            <Link\r\n              className={classes.legalLink}\r\n              href=\"https://www.ucla.edu/terms-of-use/\"\r\n            >\r\n              Terms of Use\r\n            </Link>\r\n          </div>\r\n          <Typography\r\n            classes={{ root: classes.copy }}\r\n            className={clsx({\r\n              small: small\r\n            })}\r\n            component=\"p\"\r\n            variant=\"body2\"\r\n          >\r\n            &copy;2020 Regents of the University of California • All Rights Reserved\r\n          </Typography>\r\n        </div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n","import { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport Button from '@material-ui/core/Button'\r\nimport ButtonGroup from '@material-ui/core/ButtonGroup'\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 PropTypes from 'prop-types'\r\nimport React from 'react'\r\nimport Toolbar from '@material-ui/core/Toolbar'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  buttonGroup: {\r\n    color: '#fff',\r\n    '&:disabled': {\r\n      color: '#FFD100'\r\n    },\r\n    '&:hover': {\r\n      color: '#FFD100'\r\n    },\r\n    '&:not(:last-child)': {\r\n      borderRight: 'none'\r\n    }\r\n  },\r\n  paper: {\r\n    minWidth: theme.spacing(40)\r\n  },\r\n  toolBar: {\r\n    margin: '0 auto 0 auto',\r\n    maxWidth: '1400px',\r\n    minHeight: '48px',\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(2),\r\n    width: '90%'\r\n  }\r\n}))\r\n\r\nexport default function Menu (props) {\r\n  const classes = useStyles()\r\n\r\n  const theme = useTheme()\r\n\r\n  const small = useMediaQuery(theme.breakpoints.down('xs'), { noSsr: true })\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {!small && (\r\n        <Toolbar\r\n          classes={{ root: classes.toolBar }}\r\n          disableGutters={true}\r\n        >\r\n          <ButtonGroup\r\n            aria-label=\"Menu\"\r\n            classes={{\r\n              groupedTextPrimary: classes.buttonGroup\r\n            }}\r\n            color=\"primary\"\r\n            variant=\"text\"\r\n          >\r\n            {props.menuItems.map((item, x) => (\r\n              <Button\r\n                key={x}\r\n                onClick={props.handleMenuItem(x)}\r\n              >{item.headingShort}</Button>\r\n            ))}\r\n          </ButtonGroup>\r\n        </Toolbar>\r\n      )}\r\n      {small && (\r\n        <List disablePadding={true}>\r\n          {props.menuItems.map((item, x) => (\r\n            <ListItem\r\n              button\r\n              key={x}\r\n              onClick={props.handleMenuItem(x)}\r\n            >\r\n              <ListItemText primary={item.headingShort} />\r\n            </ListItem>\r\n          ))}\r\n        </List>\r\n      )}\r\n    </React.Fragment>\r\n  )\r\n}\r\nMenu.propTypes = {\r\n  handleClose: PropTypes.func,\r\n  handleMenuItem: PropTypes.func,\r\n  menuItems: PropTypes.array\r\n}\r\n","import { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport AppBar from '@material-ui/core/AppBar'\r\nimport Box from '@material-ui/core/Box'\r\nimport clsx from 'clsx'\r\nimport IconButton from '@material-ui/core/IconButton'\r\nimport LogoUcla from './logo_ucla.svg'\r\nimport Menu from './Menu'\r\nimport MenuIcon from '@material-ui/icons/Menu'\r\nimport PropTypes from 'prop-types'\r\nimport React from 'react'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  appBar: {\r\n    backgroundColor: '#003D6E',\r\n    flexDirection: 'column',\r\n    margin: '0 auto 0 auto'\r\n  },\r\n  container: {\r\n    display: 'flex',\r\n    margin: '0 auto 0 auto',\r\n    maxWidth: '1400px',\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(2),\r\n    width: '90%',\r\n    '&.small': {\r\n      paddingLeft: theme.spacing(0)\r\n    }\r\n  },\r\n  logo: {\r\n    height: theme.spacing(3.5),\r\n    '&.small': {\r\n      height: theme.spacing(3)\r\n    }\r\n  },\r\n  logoContainer: {\r\n    alignItems: 'flex-end',\r\n    cursor: 'pointer',\r\n    display: 'flex',\r\n    paddingBottom: theme.spacing(2),\r\n    paddingTop: theme.spacing(2),\r\n    width: '100%'\r\n  },\r\n  logoFont: {\r\n    fontSize: '18pt',\r\n    fontWeight: 700,\r\n    lineHeight: 1,\r\n    marginBottom: '-3px',\r\n    marginLeft: theme.spacing(1),\r\n    '&.small': {\r\n      fontSize: '15pt',\r\n      marginBottom: '-2px',\r\n      marginLeft: theme.spacing(0.5)\r\n    }\r\n  }\r\n}))\r\n\r\nexport default function Header (props) {\r\n  const classes = useStyles()\r\n\r\n  const theme = useTheme()\r\n\r\n  const small = useMediaQuery(theme.breakpoints.down('xs'), { noSsr: true })\r\n\r\n  const handleHome = () => {\r\n    const elmnt = document.getElementById('top')\r\n    if (elmnt) {\r\n      window.scrollTo(0, elmnt.offsetTop)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <AppBar\r\n      classes={{ root: classes.appBar }}\r\n      position=\"sticky\"\r\n    >\r\n      <Box\r\n        className={clsx(classes.container, {\r\n          small: small === true\r\n        })}\r\n      >\r\n        {small && (\r\n          <IconButton\r\n            aria-controls=\"menu\"\r\n            aria-haspopup=\"true\"\r\n            aria-label=\"Menu\"\r\n            onClick={props.handleOpen}\r\n          >\r\n            <MenuIcon style={{ color: '#fff' }}/>\r\n          </IconButton>\r\n        )}\r\n        <Box\r\n          className={classes.logoContainer}\r\n          onClick={handleHome}\r\n        >\r\n          <img\r\n            alt=\"UCLA\"\r\n            className={clsx(classes.logo, {\r\n              small: small === true\r\n            })}\r\n            src={LogoUcla}\r\n          />\r\n          <span\r\n            className={clsx(classes.logoFont, {\r\n              small: small === true\r\n            })}\r\n          >MyTime</span>\r\n        </Box>\r\n      </Box>\r\n      {!small && (\r\n        <Menu\r\n          handleClose={props.handleClose}\r\n          handleMenuItem={props.handleMenuItem}\r\n          menuItems={props.menuItems}\r\n          small={false}\r\n        />\r\n      )}\r\n    </AppBar>\r\n  )\r\n}\r\nHeader.propTypes = {\r\n  handleClose: PropTypes.func,\r\n  handleMenuItem: PropTypes.func,\r\n  handleOpen: PropTypes.func,\r\n  menuItems: PropTypes.array\r\n}\r\n","import { makeStyles } from '@material-ui/core/styles'\r\nimport Button from '@material-ui/core/Button'\r\nimport Dialog from '@material-ui/core/Dialog'\r\nimport DialogActions from '@material-ui/core/DialogActions'\r\nimport DialogContent from '@material-ui/core/DialogContent'\r\nimport DialogContentText from '@material-ui/core/DialogContentText'\r\nimport Link from '@material-ui/core/Link'\r\nimport React, { useState } from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  appIcon: {\r\n    boxShadow: '0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)',\r\n    height: theme.spacing(4),\r\n    marginRight: theme.spacing(1)\r\n  },\r\n  appIcons: {\r\n    marginBottom: theme.spacing(4)\r\n  },\r\n  container: {\r\n    width: '100%'\r\n  },\r\n  getApps: {\r\n    color: '#fff',\r\n    fontSize: '10pt',\r\n    fontStyle: 'oblique',\r\n    fontWeight: 400,\r\n    marginBottom: theme.spacing(3)\r\n  },\r\n  item: {\r\n    alignSelf: 'flex-start',\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    paddingBottom: theme.spacing(4)\r\n  }\r\n}))\r\n\r\nexport default function AppLinks (props) {\r\n  const classes = useStyles()\r\n\r\n  const [open, _setOpen] = useState(false)\r\n\r\n  const [url, _setUrl] = useState('')\r\n\r\n  const handleOpen = (device) => (event) => {\r\n    event.preventDefault()\r\n    _setOpen(true)\r\n    _setUrl(device === 'apple' ? 'https://apps.apple.com/us/app/kronos-mobile/id404059113' : 'https://play.google.com/store/apps/details?id=com.kronos.mobile.android')\r\n  }\r\n\r\n  const handleClose = () => {\r\n    _setOpen(false)\r\n  }\r\n\r\n  const handleYesGotIt = () => {\r\n    _setOpen(false)\r\n    window.open(url, '_blank')\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className={classes.container}>\r\n        <Typography\r\n          classes={{ root: classes.getApps }}\r\n          variant=\"h5\"\r\n          component=\"h2\"\r\n        >\r\n          Get the Kronos app for your mobile device and take MyTime wherever you go!\r\n          <br />(Department/supervisor approval required.)\r\n        </Typography>\r\n        <div className=\"appIcons\">\r\n          <Link\r\n            aria-label=\"Download on the Apple App Store\"\r\n            href=\"#\"\r\n            onClick={handleOpen('apple')}\r\n          >\r\n            <img\r\n              alt=\"Download on the Apple App Store\"\r\n              src=\"/img/apple_app_store.svg\" className={classes.appIcon}\r\n            />\r\n          </Link>\r\n          <Link\r\n            aria-label=\"Get it on Google Play\"\r\n            href=\"#\"\r\n            onClick={handleOpen('android')}\r\n          >\r\n            <img\r\n              alt=\"Get it on Google Play\"\r\n              src=\"/img/google_play.svg\" className={classes.appIcon}\r\n            />\r\n          </Link>\r\n        </div>\r\n      </div>\r\n      <Dialog\r\n        open={open}\r\n        keepMounted\r\n        aria-describedby=\"dialogDescription\"\r\n      >\r\n        <DialogContent>\r\n          <DialogContentText id=\"dialogDescription\">\r\n            You must have department/supervisor approval to use Kronos from your mobile device.\r\n          </DialogContentText>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button onClick={handleYesGotIt} color=\"primary\">\r\n            Yes, got it\r\n          </Button>\r\n          <Button onClick={handleClose} color=\"primary\">\r\n            Cancel\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n    </React.Fragment>\r\n  )\r\n}\r\n","import { makeStyles } from '@material-ui/core/styles'\r\nimport ButtonBase from '@material-ui/core/ButtonBase'\r\nimport PropTypes from 'prop-types'\r\nimport React from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  buttonBase: {\r\n    borderRadius: '10%',\r\n    display: 'block',\r\n    maxWidth: theme.spacing(24),\r\n    opacity: 1.0,\r\n    zIndex: 1,\r\n    '&:hover': {\r\n      opacity: 0.7\r\n    }\r\n  },\r\n  description: {\r\n    color: '#fff'\r\n  },\r\n  heading: {\r\n    color: '#fff',\r\n    fontWeight: 600\r\n  },\r\n  icon: {\r\n    height: theme.spacing(12),\r\n    width: 'auto'\r\n  }\r\n}))\r\n\r\nexport default function IconLink (props) {\r\n  const classes = useStyles()\r\n\r\n  return (\r\n    <ButtonBase\r\n      classes={{ root: classes.buttonBase }}\r\n      onClick={props.handleMenuItem(props.x)}\r\n    >\r\n      <img\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n        className={classes.icon}\r\n        src={'/img/' + props.icon + '.svg'}\r\n      />\r\n      <Typography\r\n        classes={{ root: classes.heading }}\r\n        component=\"h2\"\r\n        variant=\"body1\"\r\n      >\r\n        {props.heading}\r\n      </Typography>\r\n      <Typography\r\n        classes={{ root: classes.description }}\r\n        component=\"p\"\r\n        variant=\"body2\"\r\n      >\r\n        {props.description}\r\n      </Typography>\r\n    </ButtonBase>\r\n  )\r\n}\r\nIconLink.propTypes = {\r\n  description: PropTypes.string,\r\n  handleMenuItem: PropTypes.func,\r\n  heading: PropTypes.string,\r\n  icon: PropTypes.string,\r\n  url: PropTypes.string,\r\n  x: PropTypes.number\r\n}\r\n","import { makeStyles } from '@material-ui/core/styles'\r\nimport Grid from '@material-ui/core/Grid'\r\nimport IconLink from './IconLink'\r\nimport PropTypes from 'prop-types'\r\nimport React from 'react'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  container: {\r\n    width: '100%'\r\n  },\r\n  item: {\r\n    alignSelf: 'flex-start',\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    paddingBottom: theme.spacing(4)\r\n  }\r\n}))\r\n\r\nexport default function IconLinks (props) {\r\n  const classes = useStyles()\r\n\r\n  return (\r\n    <div className={classes.container}>\r\n      <Grid\r\n        container\r\n        spacing={0}\r\n      >\r\n        {props.menuItems.map((i, x) => (\r\n          <Grid\r\n            classes={{ item: classes.item }}\r\n            item\r\n            key={x}\r\n            md={3} sm={6} xs={12}\r\n          >\r\n            <IconLink\r\n              description={i.description}\r\n              handleMenuItem={props.handleMenuItem}\r\n              heading={i.heading}\r\n              icon={i.icon}\r\n              url={i.url}\r\n              x={x}\r\n            />\r\n          </Grid>\r\n        ))}\r\n      </Grid>\r\n    </div>\r\n  )\r\n}\r\nIconLinks.propTypes = {\r\n  handleMenuItem: PropTypes.func,\r\n  menuItems: PropTypes.array\r\n}\r\n","import { makeStyles } from '@material-ui/core/styles'\r\nimport Link from '@material-ui/core/Link'\r\nimport PropTypes from 'prop-types'\r\nimport React from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\n\r\nconst news = {\r\n  heading: 'MyTime currently unavailable',\r\n  body: 'MyTime is being updated to a new and improved version and will be offline until 8 p.m. Sunday, August 16.',\r\n  url: ''\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  container: {\r\n    backgroundColor: 'rgba(255, 0, 0, 0.6)',\r\n    boxShadow: '0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)',\r\n    color: '#fff',\r\n    marginBottom: theme.spacing(6),\r\n    padding: theme.spacing(2)\r\n  },\r\n  link: {\r\n    color: '#fff'\r\n  }\r\n}))\r\n\r\nexport default function News (props) {\r\n  const classes = useStyles()\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {props.active && (\r\n        <div className={classes.container}>\r\n          <Typography\r\n            component=\"h2\"\r\n            variant=\"h5\"\r\n          >\r\n            {news.heading}\r\n          </Typography>\r\n          <Typography\r\n            component=\"p\"\r\n            gutterBottom\r\n            variant=\"body1\"\r\n          >\r\n            {news.body}\r\n          </Typography>\r\n          {news.url && (\r\n            <Typography\r\n              component=\"p\"\r\n              variant=\"body1\"\r\n            >\r\n              <Link\r\n                classes={{ root: classes.link }}\r\n                href={news.url}\r\n              >\r\n                More information...\r\n              </Link>\r\n            </Typography>\r\n          )}\r\n        </div>\r\n      )}\r\n    </React.Fragment>\r\n  )\r\n}\r\nNews.propTypes = {\r\n  active: PropTypes.bool\r\n}\r\n","import { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport AppLinks from './AppLinks'\r\nimport Button from '@material-ui/core/Button'\r\nimport clsx from 'clsx'\r\nimport IconLinks from './IconLinks'\r\nimport News from './News'\r\nimport PropTypes from 'prop-types'\r\nimport React from 'react'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  button: {\r\n    backgroundColor: '#ffff00',\r\n    marginBottom: theme.spacing(6),\r\n    marginTop: theme.spacing(2),\r\n    '&:disabled': {\r\n      backgroundColor: 'DimGray',\r\n      color: 'LightGray',\r\n      textDecoration: 'line-through'\r\n    }\r\n  },\r\n  content: {\r\n    paddingLeft: theme.spacing(6),\r\n    paddingRight: theme.spacing(6),\r\n    paddingTop: theme.spacing(6),\r\n    '&.small': {\r\n      paddingLeft: theme.spacing(2),\r\n      paddingRight: theme.spacing(2)\r\n    }\r\n  },\r\n  ellipsis: {\r\n    height: theme.spacing(1),\r\n    marginRight: theme.spacing(1)\r\n  },\r\n  inner: {\r\n    margin: '0 auto 0 auto',\r\n    maxWidth: '1400px',\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(2),\r\n    width: '90%',\r\n    zIndex: 1\r\n  },\r\n  links: {\r\n    marginBottom: theme.spacing(5),\r\n    marginLeft: theme.spacing(4),\r\n    marginRight: theme.spacing(4),\r\n    marginTop: theme.spacing(6),\r\n    maxWidth: '1400px',\r\n    position: 'relative',\r\n    '&.small': {\r\n      marginBottom: 0,\r\n      marginLeft: theme.spacing(0),\r\n      marginRight: theme.spacing(0)\r\n    }\r\n  },\r\n  myTime: {\r\n    color: '#fff',\r\n    fontSize: '32pt',\r\n    fontWeight: 700,\r\n    '&.small': {\r\n      fontSize: '26pt'\r\n    }\r\n  },\r\n  outer: {\r\n    background: 'linear-gradient(#003d6e 100px, #1d6092 400px)',\r\n    backgroundColor: '#003d6e',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    overflow: 'hidden',\r\n    position: 'relative',\r\n    '&::after': {\r\n      background: 'transparent url(\"/img/mytime.svg\") no-repeat left top',\r\n      backgroundPosition: '90%, 0',\r\n      backgroundSize: '60% auto',\r\n      content: '\"\"',\r\n      height: '100%',\r\n      opacity: 0.1,\r\n      position: 'fixed',\r\n      right: '-60px',\r\n      width: '100%',\r\n      [theme.breakpoints.down('sm')]: {\r\n        backgroundPosition: '60%, 0',\r\n        backgroundSize: '120% auto',\r\n        right: '-16px'\r\n      }\r\n    }\r\n  },\r\n  welcome: {\r\n    color: '#fff',\r\n    fontSize: '9pt',\r\n    fontWeight: 400\r\n  }\r\n}))\r\n\r\nconst urls = {\r\n  urlProdTest: 'https://shb.ais.ucla.edu/shibboleth-idp/profile/SAML2/Unsolicited/SSO?providerId=https://test.kronos.ucla.edu/shibboleth',\r\n  urlProd: 'https://shb.ais.ucla.edu/shibboleth-idp/profile/SAML2/Unsolicited/SSO?providerId=https://kronos.ucla.edu/shibboleth'\r\n}\r\n\r\nexport default function Headline (props) {\r\n  const classes = useStyles()\r\n\r\n  const theme = useTheme()\r\n\r\n  const small = useMediaQuery(theme.breakpoints.down('xs'), { noSsr: true })\r\n\r\n  const onClick = () => {\r\n    window.location.href = urls.urlProd\r\n  }\r\n\r\n  return (\r\n    <div className={classes.outer}>\r\n      <div className={classes.inner}>\r\n        <div className={clsx(classes.content, {\r\n          small: small\r\n        })}>\r\n          <News active={false} />\r\n          <Typography\r\n            classes={{ root: classes.welcome }}\r\n            variant=\"h6\"\r\n            component=\"h1\"\r\n            gutterBottom\r\n          >\r\n            <img\r\n              alt=\"\"\r\n              aria-hidden=\"true\"\r\n              className={classes.ellipsis}\r\n              src=\"/img/ellipsis.svg\"\r\n            />WELCOME TO\r\n          </Typography>\r\n          <Typography\r\n            className={clsx(classes.myTime, {\r\n              small: small === true\r\n            })}\r\n            variant=\"h4\"\r\n            component=\"h1\"\r\n            gutterBottom\r\n          >\r\n            MyTime\r\n          </Typography>\r\n          <Button\r\n            classes={{\r\n              root: classes.button,\r\n              disabled: classes.disabled\r\n            }}\r\n            disabled={false}\r\n            onClick={onClick}\r\n            size=\"large\"\r\n            variant=\"contained\"\r\n          >\r\n            Sign In With UCLA ID\r\n          </Button>\r\n          <AppLinks />\r\n        </div>\r\n        <div className={clsx(classes.links, {\r\n          small: small === true\r\n        })}>\r\n          <IconLinks\r\n            handleMenuItem={props.handleMenuItem}\r\n            menuItems={props.menuItems}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\nHeadline.propTypes = {\r\n  handleMenuItem: PropTypes.func,\r\n  menuItems: PropTypes.array,\r\n  setOpenMenu: PropTypes.func\r\n}\r\n","import { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport React from 'react'\r\nimport Table from '@material-ui/core/Table'\r\nimport TableBody from '@material-ui/core/TableBody'\r\nimport TableCell from '@material-ui/core/TableCell'\r\nimport TableContainer from '@material-ui/core/TableContainer'\r\nimport TableRow from '@material-ui/core/TableRow'\r\nimport Typography from '@material-ui/core/Typography'\r\n\r\nconst systemReq = [\r\n  {\r\n    requirement: 'Operating System',\r\n    items: [\r\n      'Microsoft Windows 7 (32- and 64-bit)',\r\n      'Mac OS X 10.13'\r\n    ],\r\n    note: ''\r\n  },\r\n  {\r\n    requirement: 'Browser',\r\n    items: [\r\n      'Microsoft Internet Explorer 11',\r\n      'Mozilla Firefox Next 69+',\r\n      'Chrome 62+',\r\n      'Safari 11'\r\n    ],\r\n    note: ''\r\n  },\r\n  {\r\n    requirement: 'Plug-in',\r\n    items: [\r\n      'None needed'\r\n    ],\r\n    note: ''\r\n  }\r\n]\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  heading: {\r\n    marginTop: theme.spacing(5)\r\n  },\r\n  tableContainer: {\r\n    marginBottom: theme.spacing(5)\r\n  }\r\n}))\r\n\r\nexport default function SystemReq (props) {\r\n  const classes = useStyles()\r\n\r\n  const theme = useTheme()\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <span id=\"sys\"></span>\r\n      <Typography\r\n        classes={{ root: classes.heading }}\r\n        component=\"h2\"\r\n        variant=\"h5\"\r\n      >\r\n        System Requirements\r\n      </Typography>\r\n      <TableContainer classes={{ root: classes.tableContainer }}>\r\n        <Table aria-label=\"System Requirements\">\r\n          <TableBody>\r\n            {systemReq.map((sR, x) => (\r\n              <TableRow key={x}>\r\n                <TableCell component=\"th\" scope=\"row\">\r\n                  {sR.requirement}\r\n                </TableCell>\r\n                <TableCell align=\"left\">\r\n                  <ul>\r\n                    {sR.items.map((i, y) => (\r\n                      <li key={y}>{i}</li>\r\n                    ))}\r\n                  </ul>\r\n                  {sR.note && (\r\n                    <Typography\r\n                      paragraph\r\n                      style={{ marginLeft: theme.spacing(4) }}\r\n                      variant=\"body2\"\r\n                    >\r\n                      {sR.note}\r\n                    </Typography>\r\n                  )}\r\n                </TableCell>\r\n              </TableRow>\r\n            ))}\r\n          </TableBody>\r\n        </Table>\r\n      </TableContainer>\r\n    </React.Fragment>\r\n  )\r\n}\r\n","import { makeStyles, useTheme } from '@material-ui/core/styles'\nimport './App.css'\nimport About from './About'\nimport Drawer from '@material-ui/core/Drawer'\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft'\nimport Faq from './Faq'\nimport Footer from './Footer'\nimport Header from './Header'\nimport Headline from './Headline'\nimport IconButton from '@material-ui/core/IconButton'\nimport Menu from './Menu'\nimport React, { useState } from 'react'\nimport SystemReq from './SystemReq'\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\n\nconst menuItems = [\n  {\n    description: 'Friendly support staff are available to help you with MyTime during regular business hours.',\n    heading: 'Need Help? Call 310.206.7888',\n    headingShort: 'Need Help?',\n    icon: 'icon_helpline',\n    url: '#help'\n  },\n  {\n    description: 'Technical information about how to configure your computer for MyTime.',\n    heading: 'System Requirements',\n    headingShort: 'System Requirements',\n    icon: 'icon_system',\n    url: '#sys'\n  },\n  {\n    description: 'Answers to frequently asked questions about accounts, system requirements, and how to use MyTime.',\n    heading: 'Frequently Asked Questions',\n    headingShort: 'FAQ',\n    icon: 'icon_faq',\n    url: '#faq'\n  },\n  {\n    description: 'Learn how MyTime can help your UCLA department manage your workforce.',\n    heading: 'About',\n    headingShort: 'About',\n    icon: 'icon_info',\n    url: '#about'\n  }\n]\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    margin: '0 auto 0 auto',\n    maxWidth: '1400px',\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    width: '90%'\n  },\n  paper: {\n    minWidth: theme.spacing(40)\n  }\n}))\n\nfunction App (props) {\n  const classes = useStyles()\n\n  const theme = useTheme()\n\n  const small = useMediaQuery(theme.breakpoints.down('xs'), { noSsr: true })\n\n  const [openMenu, _setOpenMenu] = useState(false)\n\n  const handleOpen = () => {\n    _setOpenMenu(true)\n  }\n\n  const handleClose = () => {\n    _setOpenMenu(false)\n  }\n\n  const handleMenuItem = (x) => (event) => {\n    if (event.type === 'click' || (event.type === 'keydown' && event.key === 'Enter')) {\n      const item = menuItems[x]\n      if (item.url.indexOf('#') === 0) {\n        if (item.url === '#help') {\n          let params = 'scrollbars=yes,resizable,status=no,location=no,toolbar=no,menubar=no'\n          params += !small ? ',width=640,height=360,left=64,top=64' : ''\n          window.open('../Form.aspx', 'helpWindow', params)\n        } else {\n          const elmnt = document.querySelector(item.url)\n          if (elmnt) {\n            const top = elmnt.offsetTop - 112\n            window.scrollTo(0, top)\n          }\n        }\n      } else {\n        window.location.href = item.url\n      }\n      handleClose()\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <span id='top'></span>\n      <Header\n        handleMenuItem={handleMenuItem}\n        handleOpen={handleOpen}\n        menuItems={menuItems}\n      />\n      <Drawer\n        anchor=\"left\"\n        classes={{ paper: classes.paper }}\n        open={openMenu}\n        onClose={handleClose}\n      >\n        <IconButton\n          aria-label=\"Collapse menu\"\n          onClick={handleClose}\n          style={{ alignSelf: 'flex-end' }}\n        >\n          <ChevronLeftIcon />\n        </IconButton>\n        <Menu\n          handleClose={handleClose}\n          handleMenuItem={handleMenuItem}\n          handleOpen={handleOpen}\n          menuItems={menuItems}\n        />\n      </Drawer>\n      <Headline\n        handleMenuItem={handleMenuItem}\n        menuItems={menuItems}\n      />\n      <div className={classes.content}>\n        <SystemReq />\n        <Faq />\n        <About />\n      </div>\n      <Footer />\n    </React.Fragment>\n  )\n}\n\nexport default App\n","import * as serviceWorker from './serviceWorker'\nimport './index.css'\nimport App from './App'\nimport React from 'react'\nimport ReactDOM from 'react-dom'\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n)\nserviceWorker.unregister()\n"],"sourceRoot":""}