{"version":3,"file":"RatioVisulization.mjs","names":["React","useState","FluentDisplayNumbers","makeStyles","Typography","LayoutUnit","useStyles","theme","root","display","justifyContent","wrapper","flexDirection","height","color","palette","secondary","main","next","RatioVisulization","t0","$","_c","n","m","val","classes","number_test","n_0","result","Math","floor","console","log","t1","map","_temp","t2","t3","t4","Symbol","for","t5","t6","t7","t8","t9","item_2","item"],"sources":["../../../../src/UI/dataDisplay/visualization/RatioVisulization.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      justifyContent: 'center',\n      // flexDirection: 'column',\n    },\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // justifyContent: 'center',\n      height: 150,\n      color: theme.palette.secondary.main\n    }\n  }),\n  { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n  const [val, setVal] = useState()\n\n  const classes = useStyles()\n\n  // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n  // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n  // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n  function number_test(n)\n{\n   const result = (n - Math.floor(n)) !== 0; \n   \n  if (result)\n    return false\n   else\n     return true\n  }\n\n  console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n  let i  = 0\n  let options = []\n  let test = []\n\n  while (i < 9) {\n\n    const ren = test.length + 1\n\n    const nr = n/ren\n    const mr = m/ren\n    test.push(nr)\n\n    number_test(nr) && number_test(mr) && options.push(nr, mr)\n    i++\n\n    \n    let commonN = []\n    let commonM = []\n\n    const nVal = options.map((item => {\n      return commonN.push(n / item)\n    }))\n  \n    const mVal = options.map((item => {\n      return commonM.push(m / item)\n    }))\n\n\n    // setVal(nVal)\n\n    // commonN.push(nVal)\n    // commonM.push(mVal)\n    \n\n    const intersection = commonN.filter(element => commonM.includes(element));\n\n    console.log('options', intersection)\n\n   const intersectionT = intersection.filter(function(item) {\n      return item !== 1\n  })\n\n    setVal(intersectionT)\n   \n  }\n\n}\n\n\n\n//  console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n  return (\n    <div className={classes.root} >\n      <div>{val && val.map((item => {\n        return (\n          item\n        )\n      }))}</div>\n      {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> */}\n      <div  >\n      <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n      <LayoutUnit unit=\"xs\" />\n        <div className={classes.wrapper} >\n          <FluentDisplayNumbers number={n} label=\"Teacher\" />\n          <FluentDisplayNumbers number=\":\" />\n          <FluentDisplayNumbers number={m} label=\"Students\" />\n        </div>\n     </div>\n    </div>\n  \n    \n  )\n\n}"],"mappings":"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"}