reimplemented issue assignment selection directory with pure css

client/node_modules/.cache/babel-loader/00510cb0ade81a058432887ea8eef949.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [rootDirectory, changeRootDirectoryState] = useState({\n    activeRootDirectoryObject: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n  const [subDirectory, changeSubDirectoryState] = useState({\n    activeSubDirectoryObject: [],\n    subDirectoryObjects: [personalProjects, sharedProjects]\n  });\n\n  const toggleActive = (directory, index) => {\n    if (directory === rootDirectory.rootDirectoryObjects) {\n      console.log(\"directory is rootdirectory\");\n\n      if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {\n        changeRootDirectoryState({ ...rootDirectory,\n          activeRootDirectoryObject: null\n        });\n      } else {\n        changeRootDirectoryState({ ...rootDirectory,\n          activeRootDirectoryObject: directory[index]\n        });\n      }\n    } else if (directory === subDirectory.subDirectoryObjects) {\n      if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {\n        changeSubDirectoryState({ ...subDirectory,\n          activeSubDirectoryObject: null\n        });\n      } else {\n        changeSubDirectoryState({ ...subDirectory,\n          activeRootDirectoryObject: directory[index]\n        });\n        console.log(\"subDirectory set to active\");\n      }\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 60,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 61,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 62,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 13\n        }, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? SubDirectoryItems(subDirectory.subDirectoryObjects[index]) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 79,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 80,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 81,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 78,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 90,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"iGoe9GTgUyRwalL5Oja9aYXeNzs=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectory","changeRootDirectoryState","activeRootDirectoryObject","rootDirectoryObjects","subDirectory","changeSubDirectoryState","activeSubDirectoryObject","subDirectoryObjects","toggleActive","directory","index","console","log","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [rootDirectory, changeRootDirectoryState] = useState({\r\n    activeRootDirectoryObject: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const [subDirectory, changeSubDirectoryState] = useState({\r\n    activeSubDirectoryObject: [],\r\n    subDirectoryObjects: [personalProjects, sharedProjects]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    if (directory === rootDirectory.rootDirectoryObjects) {\r\n      console.log(\"directory is rootdirectory\")\r\n      if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {\r\n        changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: (directory[index]) })\r\n      }\r\n    }\r\n    else if (directory === subDirectory.subDirectoryObjects) {\r\n      if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {\r\n        changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeSubDirectoryState({ ...subDirectory, activeRootDirectoryObject: (directory[index]) })\r\n        console.log(\"subDirectory set to active\")\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?\r\n              SubDirectoryItems(subDirectory.subDirectoryObjects[index]) :\r\n              null}\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectory.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0084353769bc46c56e80909494975197.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [appState, changeState] = useState({\n    activeObjects: [],\n    newArray: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n\n  const toggleActive = (directory, index) => {\n    if (directory[index] === appState.activeObjects) {\n      appState.newArray.pop(directory[index]);\n      console.log(appState.newArray);\n      changeState({ ...appState,\n        activeObjects: newArray\n      });\n    } else {\n      appState.newArray.push(directory[index]);\n      console.log(appState.newArray);\n      changeState({ ...appState,\n        activeObjects: newArray\n      });\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === appState.activeObjects) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 50,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 47,\n          columnNumber: 13\n        }, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 69,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 71,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(appState.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 80,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"xWS9QEyxm04K2oIrDmBJxIV5tO0=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","appState","changeState","activeObjects","newArray","rootDirectoryObjects","toggleActive","directory","index","pop","console","log","push","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [appState, changeState] = useState({\r\n    activeObjects: [],\r\n    newArray: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n\r\n    if (directory[index] === appState.activeObjects) {\r\n      appState.newArray.pop(directory[index])\r\n      console.log(appState.newArray)\r\n      changeState({ ...appState, activeObjects: newArray })\r\n    }\r\n    else {\r\n      appState.newArray.push(directory[index])\r\n      console.log(appState.newArray)\r\n      changeState({ ...appState, activeObjects: newArray })\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === appState.activeObjects) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === appState.activeObjects ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(appState.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/00bab42169ba55f5b389ed1e329957de.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\";\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n\n  const DirectoryItems = () => {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"projectsDirectoryContainer\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"projectsDirectory\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          id: \"A\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n          for: \"A\",\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 28,\n            columnNumber: 26\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", rootDirectoryObjects[0].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 29,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 30,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 28,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n          children: personalProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n            className: \"directoryItem\",\n            children: /*#__PURE__*/_jsxDEV(\"a\", {\n              href: \"#\",\n              children: [\" \", personalProjects[index].id, \" \"]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 34,\n              columnNumber: 45\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 34,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 32,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"projectsDirectory\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          id: \"B\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 40,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n          for: \"B\",\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 41,\n            columnNumber: 26\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", rootDirectoryObjects[1].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 42,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 43,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 41,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n          children: sharedProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n            className: \"directoryItem\",\n            children: /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"subSubDirectory\",\n              children: [/*#__PURE__*/_jsxDEV(\"input\", {\n                type: \"checkbox\",\n                id: `B-${index}`\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 48,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n                for: `B-${index}`,\n                children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n                  icon: \"folder\",\n                  className: \"folder-icon\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 49,\n                  columnNumber: 43\n                }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n                  children: [\"\\xA0 \", sharedProjects[index].id, \" \\xA0\"]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 50,\n                  columnNumber: 19\n                }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n                  icon: \"chevron-right\",\n                  className: \"arrow-right-icon\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 51,\n                  columnNumber: 19\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 49,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n                children: sharedProjects[index].teams.map(team => /*#__PURE__*/_jsxDEV(\"li\", {\n                  className: \"directoryItem\",\n                  children: /*#__PURE__*/_jsxDEV(\"a\", {\n                    href: \"#\",\n                    children: team.name\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 56,\n                    columnNumber: 51\n                  }, this)\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 56,\n                  columnNumber: 21\n                }, this))\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 53,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 47,\n              columnNumber: 45\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 47,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 45,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 71,\n    columnNumber: 5\n  }, this);\n};\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectoryObjects","DirectoryItems","map","elements","index","team"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const DirectoryItems = () => {\r\n    return (\r\n      <div className=\"projectsDirectoryContainer\">\r\n\r\n        <div className=\"projectsDirectory\">\r\n          <input type=\"checkbox\" id=\"A\" />\r\n          <label for=\"A\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n            <a>&nbsp; {rootDirectoryObjects[0].id} &nbsp;</a>\r\n            <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n          </label>\r\n          <ul>\r\n            {personalProjects.map((elements, index) => (\r\n              <li className=\"directoryItem\"><a href=\"#\"> {personalProjects[index].id} </a></li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n\r\n        <div className=\"projectsDirectory\">\r\n          <input type=\"checkbox\" id=\"B\" />\r\n          <label for=\"B\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n            <a>&nbsp; {rootDirectoryObjects[1].id} &nbsp;</a>\r\n            <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n          </label>\r\n          <ul>\r\n            {sharedProjects.map((elements, index) => (\r\n              <li className=\"directoryItem\"><div className=\"subSubDirectory\">\r\n                <input type=\"checkbox\" id={`B-${index}`} />\r\n                <label for={`B-${index}`}><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n                  <a>&nbsp; {sharedProjects[index].id} &nbsp;</a>\r\n                  <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n                </label>\r\n                <ul>\r\n\r\n                  {sharedProjects[index].teams.map(team => (\r\n                    <li className=\"directoryItem\"><a href=\"#\">{team.name}</a></li>\r\n                  ))}\r\n\r\n                </ul>\r\n              </div>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      <DirectoryItems />\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0235b4b02e7f98725dfa83599cabcc88.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [rootDirectory, changeRootDirectoryState] = useState({\n    activeRootDirectoryObject: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n  const [subDirectory, changeSubDirectoryState] = useState({\n    activeSubDirectoryObject: [],\n    subDirectoryObjects: [personalProjects, sharedProjects]\n  });\n\n  const toggleActive = (directory, index) => {\n    const activeDirectoryObject = [];\n\n    if (directory === rootDirectory.rootDirectoryObjects) {\n      activeDirectoryObject = rootDirectory.activeRootDirectoryObject;\n    } else if (directory === subDirectory.subDirectoryObjects) {\n      activeDirectoryObject = subDirectory.activeSubDirectoryObject;\n    }\n\n    if (directory[index] === activeDirectoryObject[index]) {\n      changeRootDirectoryState({ ...rootDirectory,\n        activeDirectoryObject: null\n      });\n    } else {\n      changeRootDirectoryState({ ...rootDirectory,\n        activeDirectoryObject: directory[index]\n      });\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 55,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 56,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 57,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 13\n        }, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 76,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 77,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 78,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 75,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 74,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 87,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"iGoe9GTgUyRwalL5Oja9aYXeNzs=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectory","changeRootDirectoryState","activeRootDirectoryObject","rootDirectoryObjects","subDirectory","changeSubDirectoryState","activeSubDirectoryObject","subDirectoryObjects","toggleActive","directory","index","activeDirectoryObject","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [rootDirectory, changeRootDirectoryState] = useState({\r\n    activeRootDirectoryObject: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const [subDirectory, changeSubDirectoryState] = useState({\r\n    activeSubDirectoryObject: [],\r\n    subDirectoryObjects: [personalProjects, sharedProjects]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    const activeDirectoryObject = []\r\n    if (directory === rootDirectory.rootDirectoryObjects) {\r\n      activeDirectoryObject = rootDirectory.activeRootDirectoryObject\r\n    } else if (directory === subDirectory.subDirectoryObjects) {\r\n      activeDirectoryObject = subDirectory.activeSubDirectoryObject\r\n    }\r\n\r\n\r\n    if (directory[index] === activeDirectoryObject[index]) {\r\n      changeRootDirectoryState({ ...rootDirectory, activeDirectoryObject: null })\r\n    }\r\n    else {\r\n      changeRootDirectoryState({ ...rootDirectory, activeDirectoryObject: (directory[index]) })\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectory.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/02caa7f88240bda838cce6e226af7ead.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState, useRef, createRef, useEffect } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  // Directory data\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }]; // Directory references\n\n  const rootDirectoryRefs = useRef([]);\n  rootDirectoryRefs.current = rootDirectoryObjects.map((ref, index) => rootDirectoryRefs.current[index] = /*#__PURE__*/createRef()); // Directory states\n\n  const [isActive, setIsActive] = useState(rootDirectoryObjects.map(index => false));\n\n  const onClick = index => {\n    console.log(rootDirectoryRefs.current[index]);\n  };\n\n  const RootDirectoryItems = directoryObjects => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: directoryObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: rootDirectoryRefs.current[index],\n          className: isActive ? 'active' : 'inactive',\n          onClick: () => onClick(index),\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 42,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directoryObjects[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 43,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 15\n          }, this)]\n        }, [index], true, {\n          fileName: _jsxFileName,\n          lineNumber: 41,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: rootDirectoryRefs,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 59,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 60,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 61,\n            columnNumber: 15\n          }, this)]\n        }, [index], true, {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 70,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"LQt6t4q+Mq++XymwYpe4wh3yMz8=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","useRef","createRef","useEffect","FontAwesomeIcon","Assign","rootDirectoryObjects","id","personalProjects","type","sharedProjects","teams","name","rootDirectoryRefs","current","map","ref","index","isActive","setIsActive","onClick","console","log","RootDirectoryItems","directoryObjects","elements","SubDirectoryItems","directory"],"mappings":"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","sourcesContent":["import React, { useState, useRef, createRef, useEffect } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  // Directory data\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  // Directory references\r\n  const rootDirectoryRefs = useRef([])\r\n  rootDirectoryRefs.current = rootDirectoryObjects.map(\r\n    (ref, index) => rootDirectoryRefs.current[index] = createRef()\r\n  )\r\n\r\n  // Directory states\r\n  const [isActive, setIsActive] = useState(rootDirectoryObjects.map(\r\n    (index) => false))\r\n  const onClick = (index) => {\r\n    console.log(rootDirectoryRefs.current[index])\r\n\r\n  }\r\n\r\n  const RootDirectoryItems = (directoryObjects) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {directoryObjects.map((elements, index) => (\r\n          <li>\r\n            <div ref={rootDirectoryRefs.current[index]} key={[index]} className={isActive ? 'active' : 'inactive'} onClick={() => onClick(index)} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directoryObjects[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))\r\n        }\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div ref={rootDirectoryRefs} key={[index]} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/04569cbf5471ab21bf1550711869aaf8.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\";\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n\n  const DirectoryItems = () => {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"rootDirectory\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"subDirectory\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          id: \"A\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 26,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n          for: \"A\",\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 27,\n            columnNumber: 26\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", rootDirectoryObjects[0].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 28,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 29,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n          children: personalProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n            children: /*#__PURE__*/_jsxDEV(\"a\", {\n              href: \"#\",\n              children: [\" \", personalProjects[index].id, \" \"]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 33,\n              columnNumber: 19\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 33,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 31,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"subDirectory\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          id: \"B\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n          for: \"B\",\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 39,\n            columnNumber: 26\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", rootDirectoryObjects[1].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 40,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 41,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n          children: sharedProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n            children: /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"subSubDirectory\",\n              children: [/*#__PURE__*/_jsxDEV(\"input\", {\n                type: \"checkbox\",\n                id: \"B-A\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 46,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n                for: \"B-A\",\n                children: sharedProjects[index].id\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 47,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n                children: /*#__PURE__*/_jsxDEV(\"li\", {\n                  children: /*#__PURE__*/_jsxDEV(\"a\", {\n                    href: \"#\",\n                    children: sharedProjects[index].id\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 49,\n                    columnNumber: 23\n                  }, this)\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 49,\n                  columnNumber: 19\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 48,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 45,\n              columnNumber: 19\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 45,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 61,\n    columnNumber: 5\n  }, this);\n};\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectoryObjects","DirectoryItems","map","elements","index"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const DirectoryItems = () => {\r\n    return (\r\n      <div className=\"rootDirectory\">\r\n        <div className=\"subDirectory\">\r\n          <input type=\"checkbox\" id=\"A\" />\r\n          <label for=\"A\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n            <a>&nbsp; {rootDirectoryObjects[0].id} &nbsp;</a>\r\n            <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n          </label>\r\n          <ul>\r\n            {personalProjects.map((elements, index) => (\r\n              <li><a href=\"#\"> {personalProjects[index].id} </a></li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n        <div className=\"subDirectory\">\r\n          <input type=\"checkbox\" id=\"B\" />\r\n          <label for=\"B\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n            <a>&nbsp; {rootDirectoryObjects[1].id} &nbsp;</a>\r\n            <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n          </label>\r\n          <ul>\r\n            {sharedProjects.map((elements, index) => (\r\n              <li><div className=\"subSubDirectory\">\r\n                <input type=\"checkbox\" id=\"B-A\" />\r\n                <label for=\"B-A\">{sharedProjects[index].id}</label>\r\n                <ul>\r\n                  <li><a href=\"#\">{sharedProjects[index].id}</a></li>\r\n                </ul>\r\n              </div></li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      <DirectoryItems />\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/08c223bc17d4710ab184bb4123030d2f.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [appState, changeState] = useState({\n    activeObjects: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n\n  const toggleActive = (directory, index) => {\n    const newArray = [];\n\n    if (directory[index] === newArray[index]) {\n      changeState({ ...appState,\n        activeObjects: null\n      });\n    } else {\n      newArray.push(directory[index]);\n      changeState({ ...appState,\n        activeObjects: newArray\n      });\n      console.log(appState.activeObjects);\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === appState.activeObjects) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 45,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 46,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 47,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 13\n        }, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 66,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 67,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(appState.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 77,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"G9VHBYFRMM2vunD5OUCIV/YwKNw=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","appState","changeState","activeObjects","rootDirectoryObjects","toggleActive","directory","index","newArray","push","console","log","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [appState, changeState] = useState({\r\n    activeObjects: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    const newArray = []\r\n    if (directory[index] === newArray[index]) {\r\n      changeState({ ...appState, activeObjects: null })\r\n    }\r\n    else {\r\n      newArray.push(directory[index])\r\n      changeState({ ...appState, activeObjects: newArray })\r\n      console.log(appState.activeObjects)\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === appState.activeObjects) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === appState.activeObjects ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(appState.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/09bdd398ac9808c3a88f90edf405013d.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [appState, changeState] = useState({\n    activeObjects: [],\n    newArray: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n\n  const toggleActive = (directory, index) => {\n    if (directory[index] === appState.activeObjects) {\n      appState.newArray.pop(directory[index]);\n      console.log(appState.newArray);\n      changeState({ ...appState,\n        activeObjects: appState.newArray\n      });\n    } else {\n      appState.newArray.push(directory[index]);\n      console.log(appState.newArray);\n      changeState({ ...appState,\n        activeObjects: appState.newArray\n      });\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === appState.activeObjects) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 50,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 47,\n          columnNumber: 13\n        }, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 69,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 71,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(appState.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 80,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"xWS9QEyxm04K2oIrDmBJxIV5tO0=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","appState","changeState","activeObjects","newArray","rootDirectoryObjects","toggleActive","directory","index","pop","console","log","push","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB,QAAMC,gBAAgB,GAAG,CACvB;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAED,IAAAA,EAAE,EAAE,YAAN;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEF,IAAAA,EAAE,EAAE,UAAN;AAAkBC,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEJ,IAAAA,EAAE,EAAE,mBAAN;AAA2BC,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB;AAKA,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BV,QAAQ,CAAC;AACvCW,IAAAA,aAAa,EAAE,EADwB;AAEvCC,IAAAA,QAAQ,EAAE,EAF6B;AAGvCC,IAAAA,oBAAoB,EAAE,CAAC;AAAET,MAAAA,EAAE,EAAE;AAAN,KAAD,EAA8B;AAAEA,MAAAA,EAAE,EAAE;AAAN,KAA9B;AAHiB,GAAD,CAAxC;;AAMA,QAAMU,YAAY,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;AAEzC,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBP,QAAQ,CAACE,aAAlC,EAAiD;AAC/CF,MAAAA,QAAQ,CAACG,QAAT,CAAkBK,GAAlB,CAAsBF,SAAS,CAACC,KAAD,CAA/B;AACAE,MAAAA,OAAO,CAACC,GAAR,CAAYV,QAAQ,CAACG,QAArB;AACAF,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAEF,QAAQ,CAACG;AAAvC,OAAD,CAAX;AACD,KAJD,MAKK;AACHH,MAAAA,QAAQ,CAACG,QAAT,CAAkBQ,IAAlB,CAAuBL,SAAS,CAACC,KAAD,CAAhC;AACAE,MAAAA,OAAO,CAACC,GAAR,CAAYV,QAAQ,CAACG,QAArB;AACAF,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAEF,QAAQ,CAACG;AAAvC,OAAD,CAAX;AACD;AACF,GAZD;;AAcA,QAAMS,kBAAkB,GAAG,CAACN,SAAD,EAAYC,KAAZ,KAAsB;AAC/C,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBP,QAAQ,CAACE,aAAlC,EAAiD;AAC/C,aAAO,QAAP;AACD,KAFD,MAEO,OAAO,UAAP;AACR,GAJD;;AAMA,QAAMW,kBAAkB,GAAIC,iBAAD,IAAuB;AAChD,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,gBACGA,iBAAiB,CAACC,GAAlB,CAAsB,CAACC,QAAD,EAAWT,KAAX,kBACrB;AAAA,gCACE;AAAiB,UAAA,SAAS,EAAEK,kBAAkB,CAACE,iBAAD,EAAoBP,KAApB,CAA9C;AAA0E,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACS,iBAAD,EAAoBP,KAApB,CAAZ;AAAwC,WAAnI;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWO,iBAAiB,CAACP,KAAD,CAAjB,CAAyBZ,EAApC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUY,KAAV;AAAA;AAAA;AAAA;AAAA,gBADF,EAOIO,iBAAiB,CAACP,KAAD,CAAjB,KAA6BP,QAAQ,CAACE,aAAtC,GACEY,iBAAiB,CAACP,KAAD,CAAjB,KAA6B,CAA7B,GAAiCU,iBAAiB,CAACvB,gBAAD,CAAlD,GAAuEuB,iBAAiB,CAACpB,cAAD,CAD1F,GAEE,IATN;AAAA;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAkBD,GAnBD;;AAqBA,QAAMoB,iBAAiB,GAAIX,SAAD,IAAe;AACvC,wBACE;AAAI,MAAA,SAAS,EAAC,sBAAd;AAAA,gBACGA,SAAS,CAACS,GAAV,CAAc,CAACC,QAAD,EAAWT,KAAX,kBACb;AAAA,+BACE;AAAiB,UAAA,SAAS,EAAEK,kBAAkB,CAACN,SAAD,EAAYC,KAAZ,CAA9C;AAAkE,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACC,SAAD,EAAYC,KAAZ,CAAZ;AAAgC,WAAnH;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWD,SAAS,CAACC,KAAD,CAAT,CAAiBZ,EAA5B;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUY,KAAV;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,cACGM,kBAAkB,CAACb,QAAQ,CAACI,oBAAV;AADrB;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CA/ED;;GAAMX,M;;KAAAA,M;AAiFN,eAAeA,MAAf","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [appState, changeState] = useState({\r\n    activeObjects: [],\r\n    newArray: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n\r\n    if (directory[index] === appState.activeObjects) {\r\n      appState.newArray.pop(directory[index])\r\n      console.log(appState.newArray)\r\n      changeState({ ...appState, activeObjects: appState.newArray })\r\n    }\r\n    else {\r\n      appState.newArray.push(directory[index])\r\n      console.log(appState.newArray)\r\n      changeState({ ...appState, activeObjects: appState.newArray })\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === appState.activeObjects) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === appState.activeObjects ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(appState.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0c3e0aed07fa0ccc518fb80b55f04f25.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [appState, changeState] = useState({\n    activeRootDirectoryObject: [],\n    activeSubDirectoryObject: [],\n    activeProjectObject: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }],\n    personalProjects: [{\n      id: \"MyApp\",\n      type: \"personal\"\n    }, {\n      id: \"MyOtherApp\",\n      type: \"personal\"\n    }]\n  });\n\n  const toggleActive = (directory, index) => {\n    console.log(directory[index]);\n\n    if (directory[index] === appState.rootDirectoryObjects[index]) {\n      if (directory[index] === appState.activeRootDirectoryObject) {\n        changeState({ ...appState,\n          activeRootDirectoryObject: null\n        });\n      } else {\n        changeState({ ...appState,\n          activeRootDirectoryObject: directory[index]\n        });\n      }\n    }\n\n    if (directory[index] === appState.personalProjects[index]) {\n      console.log(\"hej\");\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === appState.activeRootDirectoryObject) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 50,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 51,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 48,\n          columnNumber: 13\n        }, this), parentDirectories[index] === appState.activeRootDirectoryObject ? parentDirectories[index] === 0 ? SubDirectoryItems(appState.personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 71,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 72,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(appState.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 81,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"pauvMlVjEZAY9JqwkQvMIXCzY6c=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","sharedProjects","id","type","teams","name","appState","changeState","activeRootDirectoryObject","activeSubDirectoryObject","activeProjectObject","rootDirectoryObjects","personalProjects","toggleActive","directory","index","console","log","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [appState, changeState] = useState({\r\n    activeRootDirectoryObject: [],\r\n    activeSubDirectoryObject: [],\r\n    activeProjectObject: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }],\r\n    personalProjects: [\r\n      { id: \"MyApp\", type: \"personal\" },\r\n      { id: \"MyOtherApp\", type: \"personal\" }\r\n    ]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    console.log(directory[index])\r\n    if (directory[index] === appState.rootDirectoryObjects[index]) {\r\n      if (directory[index] === appState.activeRootDirectoryObject) {\r\n        changeState({ ...appState, activeRootDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeState({ ...appState, activeRootDirectoryObject: (directory[index]) })\r\n      }\r\n    } if (directory[index] === appState.personalProjects[index]) {\r\n      console.log(\"hej\")\r\n    }\r\n\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === appState.activeRootDirectoryObject) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === appState.activeRootDirectoryObject ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(appState.personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(appState.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0ccbd771be68de48b744720f080f917a.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState, useRef, useEffect } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const directoryRefs = useRef([]);\n  const arrLength = directoryRefs.length;\n  const [isActive, setIsActive] = useState(false);\n\n  const onClick = () => setIsActive(!isActive);\n\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  useEffect(() => {\n    const pageClickEvent = e => {\n      if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {\n        setIsActive(!isActive);\n      }\n    }; // If the item is active (ie open) then listen for clicks\n\n\n    if (isActive) {\n      window.addEventListener('click', pageClickEvent);\n    }\n\n    return () => {\n      window.removeEventListener('click', pageClickEvent);\n    };\n  }, [isActive]);\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: directoryRef,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 50,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 51,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 52,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 49,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: directoryRef,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 66,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 67,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 77,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"fE3Gsvy23dxOvR2TVECxNZgDjvg=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","useRef","useEffect","FontAwesomeIcon","Assign","directoryRefs","arrLength","length","isActive","setIsActive","onClick","rootDirectoryObjects","id","personalProjects","type","sharedProjects","teams","name","pageClickEvent","e","directoryRef","current","contains","target","window","addEventListener","removeEventListener","RootDirectoryItems","parentDirectories","map","elements","index","SubDirectoryItems","directory"],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const directoryRefs = useRef([]);\r\n  const arrLength = directoryRefs.length;\r\n  const [isActive, setIsActive] = useState(false);\r\n  const onClick = () => setIsActive(!isActive);\r\n\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  useEffect(() => {\r\n    const pageClickEvent = (e) => {\r\n      if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {\r\n        setIsActive(!isActive);\r\n      }\r\n    };\r\n\r\n    // If the item is active (ie open) then listen for clicks\r\n    if (isActive) {\r\n      window.addEventListener('click', pageClickEvent);\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('click', pageClickEvent);\r\n    }\r\n\r\n  }, [isActive]);\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0d2d952bfed683b0ebb0fde058b6ac14.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [rootDirectory, changeRootDirectoryState] = useState({\n    activeRootDirectoryObject: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n  const [subDirectory, changeSubDirectoryState] = useState({\n    activeSubDirectoryObject: [],\n    subDirectoryObjects: [personalProjects, sharedProjects]\n  });\n\n  const toggleActive = (directory, index) => {\n    console.log(\"toggle item active\" + \" \" + directory[index].id);\n    console.log(subDirectory.subDirectoryObjects[index].id);\n\n    if (directory === rootDirectory.rootDirectoryObjects) {\n      console.log(\"active directory is a rootDirectory\");\n\n      if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {\n        changeRootDirectoryState({ ...rootDirectory,\n          activeRootDirectoryObject: null\n        });\n      } else {\n        changeRootDirectoryState({ ...rootDirectory,\n          activeRootDirectoryObject: directory[index]\n        });\n      }\n    }\n\n    if (directory === subDirectory.subDirectoryObjects) {\n      console.log(\"active directory is a subDirectory\");\n\n      if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {\n        changeSubDirectoryState({ ...subDirectory,\n          activeSubDirectoryObject: null\n        });\n      } else {\n        changeSubDirectoryState({ ...subDirectory,\n          activeRootDirectoryObject: directory[index]\n        });\n        console.log(\"subDirectory set to active\");\n      }\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 62,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 63,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 64,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 13\n        }, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? SubDirectoryItems(subDirectory.subDirectoryObjects[index]) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 81,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 82,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 83,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 80,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 92,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"iGoe9GTgUyRwalL5Oja9aYXeNzs=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectory","changeRootDirectoryState","activeRootDirectoryObject","rootDirectoryObjects","subDirectory","changeSubDirectoryState","activeSubDirectoryObject","subDirectoryObjects","toggleActive","directory","index","console","log","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [rootDirectory, changeRootDirectoryState] = useState({\r\n    activeRootDirectoryObject: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const [subDirectory, changeSubDirectoryState] = useState({\r\n    activeSubDirectoryObject: [],\r\n    subDirectoryObjects: [personalProjects, sharedProjects]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    console.log(\"toggle item active\" + \" \" + directory[index].id)\r\n    console.log(subDirectory.subDirectoryObjects[index].id)\r\n    if (directory === rootDirectory.rootDirectoryObjects) {\r\n      console.log(\"active directory is a rootDirectory\")\r\n      if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {\r\n        changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: (directory[index]) })\r\n      }\r\n    }\r\n    if (directory === subDirectory.subDirectoryObjects) {\r\n      console.log(\"active directory is a subDirectory\")\r\n      if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {\r\n        changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeSubDirectoryState({ ...subDirectory, activeRootDirectoryObject: (directory[index]) })\r\n        console.log(\"subDirectory set to active\")\r\n      }\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?\r\n              SubDirectoryItems(subDirectory.subDirectoryObjects[index]) :\r\n              null}\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectory.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0d516d9ebbb2d11bb6cf0dbe76f022d9.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [appState, changeState] = useState({\n    activeObjects: [],\n    newArray: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n\n  const toggleActive = (directory, index) => {\n    appState.newArray.push(directory[index]);\n    console.log(newArray);\n\n    if (directory[index] === appState.activeObjects) {\n      changeState({ ...appState,\n        activeObjects: null\n      });\n    } else {\n      changeState({ ...appState,\n        activeObjects: directory[index]\n      });\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === appState.activeObjects) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 45,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 46,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 47,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 13\n        }, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 66,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 67,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(appState.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 77,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"xWS9QEyxm04K2oIrDmBJxIV5tO0=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","appState","changeState","activeObjects","newArray","rootDirectoryObjects","toggleActive","directory","index","push","console","log","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [appState, changeState] = useState({\r\n    activeObjects: [],\r\n    newArray: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    appState.newArray.push(directory[index])\r\n    console.log(newArray)\r\n    if (directory[index] === appState.activeObjects) {\r\n      changeState({ ...appState, activeObjects: null })\r\n    }\r\n    else {\r\n      changeState({ ...appState, activeObjects: (directory[index]) })\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === appState.activeObjects) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === appState.activeObjects ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(appState.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0d62f22d8c6ddaed361f21cbe6bd3827.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\";\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n\n  const DirectoryItems = () => {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"projectsDirectoryContainer\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"projectsDirectory\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          id: \"A\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 26,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n          for: \"A\",\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 27,\n            columnNumber: 26\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", rootDirectoryObjects[0].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 28,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 29,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n          className: \"personalProjects\",\n          children: personalProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n            className: \"directoryItem\",\n            children: /*#__PURE__*/_jsxDEV(\"a\", {\n              href: \"#\",\n              children: [\" \", personalProjects[index].id, \" \"]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 33,\n              columnNumber: 45\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 33,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 31,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"projectsDirectory\",\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          id: \"B\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n          for: \"B\",\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 39,\n            columnNumber: 26\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", rootDirectoryObjects[1].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 40,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 41,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n          children: sharedProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n            className: \"directoryItem\",\n            children: /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"subSubDirectory\",\n              children: [/*#__PURE__*/_jsxDEV(\"input\", {\n                type: \"checkbox\",\n                id: `B-${index}`\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 46,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n                for: `B-${index}`,\n                children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n                  icon: \"folder\",\n                  className: \"folder-icon\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 47,\n                  columnNumber: 43\n                }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n                  children: [\"\\xA0 \", sharedProjects[index].id, \" \\xA0\"]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 48,\n                  columnNumber: 19\n                }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n                  icon: \"chevron-right\",\n                  className: \"arrow-right-icon\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 49,\n                  columnNumber: 19\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 47,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n                children: /*#__PURE__*/_jsxDEV(_Fragment, {\n                  children: sharedProjects[index].teams.map(team => /*#__PURE__*/_jsxDEV(\"li\", {\n                    className: \"directoryItem\",\n                    children: /*#__PURE__*/_jsxDEV(\"a\", {\n                      href: \"#\",\n                      children: team.name\n                    }, void 0, false, {\n                      fileName: _jsxFileName,\n                      lineNumber: 54,\n                      columnNumber: 53\n                    }, this)\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 54,\n                    columnNumber: 23\n                  }, this))\n                }, void 0, false)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 51,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 45,\n              columnNumber: 45\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 45,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 70,\n    columnNumber: 5\n  }, this);\n};\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectoryObjects","DirectoryItems","map","elements","index","team"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const DirectoryItems = () => {\r\n    return (\r\n      <div className=\"projectsDirectoryContainer\">\r\n        <div className=\"projectsDirectory\">\r\n          <input type=\"checkbox\" id=\"A\" />\r\n          <label for=\"A\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n            <a>&nbsp; {rootDirectoryObjects[0].id} &nbsp;</a>\r\n            <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n          </label>\r\n          <ul className=\"personalProjects\">\r\n            {personalProjects.map((elements, index) => (\r\n              <li className=\"directoryItem\"><a href=\"#\"> {personalProjects[index].id} </a></li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n        <div className=\"projectsDirectory\">\r\n          <input type=\"checkbox\" id=\"B\" />\r\n          <label for=\"B\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n            <a>&nbsp; {rootDirectoryObjects[1].id} &nbsp;</a>\r\n            <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n          </label>\r\n          <ul>\r\n            {sharedProjects.map((elements, index) => (\r\n              <li className=\"directoryItem\"><div className=\"subSubDirectory\">\r\n                <input type=\"checkbox\" id={`B-${index}`} />\r\n                <label for={`B-${index}`}><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n                  <a>&nbsp; {sharedProjects[index].id} &nbsp;</a>\r\n                  <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n                </label>\r\n                <ul>\r\n                  <>\r\n                    {sharedProjects[index].teams.map(team => (\r\n                      <li className=\"directoryItem\"><a href=\"#\">{team.name}</a></li>\r\n                    ))}\r\n                  </>\r\n\r\n                </ul>\r\n              </div>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      <DirectoryItems />\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0d93ea9b072e579bf992ee0168ac5c00.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\";\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n\n  const DirectoryItems = () => {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"rootDirectory\",\n      children: [/*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"checkbox\",\n        id: \"A\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n        for: \"A\",\n        children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n          icon: \"folder\",\n          className: \"folder-icon\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 26,\n          columnNumber: 24\n        }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n          children: [\"\\xA0 \", rootDirectoryObjects[0].id, \" \\xA0\"]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n          icon: \"chevron-right\",\n          className: \"arrow-right-icon\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 28,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n        children: personalProjects.map((elements, index) => {\n          /*#__PURE__*/\n          _jsxDEV(\"li\", {\n            children: /*#__PURE__*/_jsxDEV(\"a\", {\n              href: \"#\",\n              children: \" hej \"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 32,\n              columnNumber: 17\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 32,\n            columnNumber: 13\n          }, this);\n        })\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 40,\n    columnNumber: 5\n  }, this);\n};\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectoryObjects","DirectoryItems","map","elements","index"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AACnB,QAAMC,gBAAgB,GAAG,CACvB;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAED,IAAAA,EAAE,EAAE,YAAN;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEF,IAAAA,EAAE,EAAE,UAAN;AAAkBC,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEJ,IAAAA,EAAE,EAAE,mBAAN;AAA2BC,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB;AAMA,QAAMC,oBAAoB,GAAG,CAC3B;AAAEL,IAAAA,EAAE,EAAE;AAAN,GAD2B,EAE3B;AAAEA,IAAAA,EAAE,EAAE;AAAN,GAF2B,CAA7B;;AAKA,QAAMM,cAAc,GAAG,MAAM;AAC3B,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,8BACE;AAAO,QAAA,IAAI,EAAC,UAAZ;AAAuB,QAAA,EAAE,EAAC;AAA1B;AAAA;AAAA;AAAA;AAAA,cADF,eAEE;AAAO,QAAA,GAAG,EAAC,GAAX;AAAA,gCAAe,QAAC,eAAD;AAAiB,UAAA,IAAI,EAAC,QAAtB;AAA+B,UAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,gBAAf,eACE;AAAA,8BAAWD,oBAAoB,CAAC,CAAD,CAApB,CAAwBL,EAAnC;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE,QAAC,eAAD;AAAiB,UAAA,IAAI,EAAC,eAAtB;AAAsC,UAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF,eAME;AAAA,kBACGD,gBAAgB,CAACQ,GAAjB,CAAqB,CAACC,QAAD,EAAWC,KAAX,KAAqB;AACzC;AAAA;AAAA,mCAAI;AAAG,cAAA,IAAI,EAAC,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAJ;AAAA;AAAA;AAAA;AAAA;AACD,SAFA;AADH;AAAA;AAAA;AAAA;AAAA,cANF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAcD,GAfD;;AAiBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,2BACE,QAAC,cAAD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CAvCD;;KAAMX,M;AAyCN,eAAeA,MAAf","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const DirectoryItems = () => {\r\n    return (\r\n      <div className=\"rootDirectory\">\r\n        <input type=\"checkbox\" id=\"A\" />\r\n        <label for=\"A\"><FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n          <a>&nbsp; {rootDirectoryObjects[0].id} &nbsp;</a>\r\n          <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n        </label>\r\n        <ul>\r\n          {personalProjects.map((elements, index) => {\r\n            <li><a href=\"#\"> hej </a></li>\r\n          })}\r\n        </ul>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      <DirectoryItems />\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0f88725a9e7b04bd8bbc954ea0db5445.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState, useRef, useEffect } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const directoryRef = useRef(null);\n  const [isActive, setIsActive] = useState(false);\n\n  const onClick = () => setIsActive(!isActive);\n\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  useEffect(() => {\n    const pageClickEvent = e => {\n      if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {\n        setIsActive(!isActive);\n      }\n    }; // If the item is active (ie open) then listen for clicks\n\n\n    if (isActive) {\n      window.addEventListener('click', pageClickEvent);\n    }\n\n    return () => {\n      window.removeEventListener('click', pageClickEvent);\n    };\n  }, [isActive]);\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: directoryRef,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 50,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 51,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 48,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: directoryRef,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 65,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 66,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 67,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 64,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 76,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"vhy9HVB0Kxy+Q0kp+sn6XLaJcaM=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","useRef","useEffect","FontAwesomeIcon","Assign","directoryRef","isActive","setIsActive","onClick","rootDirectoryObjects","id","personalProjects","type","sharedProjects","teams","name","pageClickEvent","e","current","contains","target","window","addEventListener","removeEventListener","RootDirectoryItems","parentDirectories","map","elements","index","SubDirectoryItems","directory"],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const directoryRef = useRef(null);\r\n  const [isActive, setIsActive] = useState(false);\r\n  const onClick = () => setIsActive(!isActive);\r\n\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  useEffect(() => {\r\n    const pageClickEvent = (e) => {\r\n      if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {\r\n        setIsActive(!isActive);\r\n      }\r\n    };\r\n\r\n    // If the item is active (ie open) then listen for clicks\r\n    if (isActive) {\r\n      window.addEventListener('click', pageClickEvent);\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('click', pageClickEvent);\r\n    }\r\n\r\n  }, [isActive]);\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/0fd5c414a3ea464234801d4e02ceb207.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [rootDirectory, changeRootDirectoryState] = useState({\n    activeRootDirectoryObject: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n  const [subDirectory, changeSubDirectoryState] = useState({\n    activeSubDirectoryObject: [],\n    subDirectoryObjects: [personalProjects, sharedProjects]\n  });\n\n  const toggleActive = (directory, index) => {\n    if (directory === rootDirectory.rootDirectoryObjects) {\n      if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {\n        changeRootDirectoryState({ ...rootDirectory,\n          activeRootDirectoryObject: null\n        });\n      } else {\n        changeRootDirectoryState({ ...rootDirectory,\n          activeRootDirectoryObject: directory[index]\n        });\n        console.log(\"rootDirectory set to active\" + \" \" + rootDirectory.activeRootDirectoryObject.id);\n      }\n    } else {\n      if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {\n        changeSubDirectoryState({ ...subDirectory,\n          activeSubDirectoryObject: null\n        });\n      } else {\n        changeSubDirectoryState({ ...subDirectory,\n          activeSubDirectoryObject: directory[index]\n        });\n        console.log(\"subDirectory set to active\" + \" \" + subDirectory.activeSubDirectoryObject);\n      }\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 59,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 60,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 61,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 13\n        }, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? SubDirectoryItems(subDirectory.subDirectoryObjects[index]) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 78,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 79,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 80,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 77,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 74,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 89,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"iGoe9GTgUyRwalL5Oja9aYXeNzs=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","personalProjects","id","type","sharedProjects","teams","name","rootDirectory","changeRootDirectoryState","activeRootDirectoryObject","rootDirectoryObjects","subDirectory","changeSubDirectoryState","activeSubDirectoryObject","subDirectoryObjects","toggleActive","directory","index","console","log","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [rootDirectory, changeRootDirectoryState] = useState({\r\n    activeRootDirectoryObject: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const [subDirectory, changeSubDirectoryState] = useState({\r\n    activeSubDirectoryObject: [],\r\n    subDirectoryObjects: [personalProjects, sharedProjects]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    if (directory === rootDirectory.rootDirectoryObjects) {\r\n      if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {\r\n        changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: (directory[index]) })\r\n        console.log(\"rootDirectory set to active\" + \" \" + rootDirectory.activeRootDirectoryObject.id)\r\n      }\r\n    }\r\n    else {\r\n      if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {\r\n        changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: null })\r\n      }\r\n      else {\r\n        changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: (directory[index]) })\r\n        console.log(\"subDirectory set to active\" + \" \" + subDirectory.activeSubDirectoryObject)\r\n      }\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === rootDirectory.activeRootDirectoryObject) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?\r\n              SubDirectoryItems(subDirectory.subDirectoryObjects[index]) :\r\n              null}\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectory.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/100f210a25a627772ef0c845654eb749.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState, useRef, createRef, useEffect } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  // Directory data\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }]; // Directory references\n\n  const rootDirectoryRefs = useRef([]);\n  rootDirectoryRefs.current = [rootDirectoryObjects.length].map((ref, index) => rootDirectoryRefs.current[index] = /*#__PURE__*/createRef()); // Directory states\n\n  const [isActive, setIsActive] = useState(false);\n\n  const onClick = () => setIsActive(!isActive);\n\n  const RootDirectoryItems = directoryObjects => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: directoryObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: rootDirectoryRefs.current[index],\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 39,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directoryObjects[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 40,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 41,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: rootDirectoryRefs,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 55,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 56,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 57,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 66,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"MJDv9q+kWhlGbDVTmxVjrQjz+R8=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","useRef","createRef","useEffect","FontAwesomeIcon","Assign","rootDirectoryObjects","id","personalProjects","type","sharedProjects","teams","name","rootDirectoryRefs","current","length","map","ref","index","isActive","setIsActive","onClick","RootDirectoryItems","directoryObjects","elements","SubDirectoryItems","directory"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,MAA1B,EAAkCC,SAAlC,EAA6CC,SAA7C,QAA8D,OAA9D;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB;AACA,QAAMC,oBAAoB,GAAG,CAC3B;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAD2B,EAE3B;AAAEA,IAAAA,EAAE,EAAE;AAAN,GAF2B,CAA7B;AAKA,QAAMC,gBAAgB,GAAG,CACvB;AAAED,IAAAA,EAAE,EAAE,OAAN;AAAeE,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAEF,IAAAA,EAAE,EAAE,YAAN;AAAoBE,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEH,IAAAA,EAAE,EAAE,UAAN;AAAkBE,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEL,IAAAA,EAAE,EAAE,mBAAN;AAA2BE,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB,CAZmB,CAiBnB;;AACA,QAAMC,iBAAiB,GAAGZ,MAAM,CAAC,EAAD,CAAhC;AACAY,EAAAA,iBAAiB,CAACC,OAAlB,GAA4B,CAACR,oBAAoB,CAACS,MAAtB,EAA8BC,GAA9B,CAC1B,CAACC,GAAD,EAAMC,KAAN,KAAgBL,iBAAiB,CAACC,OAAlB,CAA0BI,KAA1B,iBAAmChB,SAAS,EADlC,CAA5B,CAnBmB,CAuBnB;;AACA,QAAM,CAACiB,QAAD,EAAWC,WAAX,IAA0BpB,QAAQ,CAAC,KAAD,CAAxC;;AACA,QAAMqB,OAAO,GAAG,MAAMD,WAAW,CAAC,CAACD,QAAF,CAAjC;;AAGA,QAAMG,kBAAkB,GAAIC,gBAAD,IAAsB;AAC/C,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,gBACGA,gBAAgB,CAACP,GAAjB,CAAqB,CAACQ,QAAD,EAAWN,KAAX,kBACpB;AAAA,+BACE;AAAK,UAAA,GAAG,EAAEL,iBAAiB,CAACC,OAAlB,CAA0BI,KAA1B,CAAV;AAA4C,UAAA,SAAS,EAAEC,QAAQ,GAAG,QAAH,GAAc,UAA7E;AAAyF,UAAA,OAAO,EAAEE,OAAlG;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWE,gBAAgB,CAACL,KAAD,CAAhB,CAAwBX,EAAnC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,QAAMkB,iBAAiB,GAAIC,SAAD,IAAe;AACvC,wBACE;AAAI,MAAA,SAAS,EAAC,sBAAd;AAAA,gBACGA,SAAS,CAACV,GAAV,CAAc,CAACQ,QAAD,EAAWN,KAAX,kBACb;AAAA,+BACE;AAAK,UAAA,GAAG,EAAEL,iBAAV;AAA6B,UAAA,SAAS,EAAEM,QAAQ,GAAG,QAAH,GAAc,UAA9D;AAA0E,UAAA,OAAO,EAAEE,OAAnF;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWK,SAAS,CAACR,KAAD,CAAT,CAAiBX,EAA5B;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,cACGe,kBAAkB,CAAChB,oBAAD;AADrB;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CAjED;;GAAMD,M;;KAAAA,M;AAmEN,eAAeA,MAAf","sourcesContent":["import React, { useState, useRef, createRef, useEffect } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  // Directory data\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  // Directory references\r\n  const rootDirectoryRefs = useRef([])\r\n  rootDirectoryRefs.current = [rootDirectoryObjects.length].map(\r\n    (ref, index) => rootDirectoryRefs.current[index] = createRef()\r\n  )\r\n\r\n  // Directory states\r\n  const [isActive, setIsActive] = useState(false);\r\n  const onClick = () => setIsActive(!isActive);\r\n\r\n\r\n  const RootDirectoryItems = (directoryObjects) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {directoryObjects.map((elements, index) => (\r\n          <li>\r\n            <div ref={rootDirectoryRefs.current[index]} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directoryObjects[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div ref={rootDirectoryRefs} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/1067a92846ea6f718975fd1b0c9fc841.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState, useRef, createRef, useEffect } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  // Directory data\n  const rootDirectoryObjects = [{\n    id: \"Personal projects\"\n  }, {\n    id: \"Shared projects\"\n  }];\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }]; // Directory references\n\n  const rootDirectoryRefs = useRef([]);\n  rootDirectoryRefs.current = rootDirectoryObjects.map((ref, index) => rootDirectoryRefs.current[index] = /*#__PURE__*/createRef()); // Directory states\n\n  const [isActive, setIsActive] = useState(false);\n\n  const onClick = index => {\n    console.log(rootDirectoryRefs[1]);\n  };\n\n  const RootDirectoryItems = directoryObjects => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: directoryObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: rootDirectoryRefs.current[index],\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick(index),\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 40,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directoryObjects[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 41,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 42,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          ref: rootDirectoryRefs,\n          className: isActive ? 'active' : 'inactive',\n          onClick: onClick,\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 56,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 57,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 58,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 67,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"MJDv9q+kWhlGbDVTmxVjrQjz+R8=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","useRef","createRef","useEffect","FontAwesomeIcon","Assign","rootDirectoryObjects","id","personalProjects","type","sharedProjects","teams","name","rootDirectoryRefs","current","map","ref","index","isActive","setIsActive","onClick","console","log","RootDirectoryItems","directoryObjects","elements","SubDirectoryItems","directory"],"mappings":"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","sourcesContent":["import React, { useState, useRef, createRef, useEffect } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  // Directory data\r\n  const rootDirectoryObjects = [\r\n    { id: \"Personal projects\" },\r\n    { id: \"Shared projects\" }\r\n  ]\r\n\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  // Directory references\r\n  const rootDirectoryRefs = useRef([])\r\n  rootDirectoryRefs.current = rootDirectoryObjects.map(\r\n    (ref, index) => rootDirectoryRefs.current[index] = createRef()\r\n  )\r\n\r\n  // Directory states\r\n  const [isActive, setIsActive] = useState(false);\r\n  const onClick = (index) => {\r\n    console.log(rootDirectoryRefs[1])\r\n  }\r\n\r\n  const RootDirectoryItems = (directoryObjects) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {directoryObjects.map((elements, index) => (\r\n          <li>\r\n            <div ref={rootDirectoryRefs.current[index]} className={isActive ? 'active' : 'inactive'} onClick={onClick(index)} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directoryObjects[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div ref={rootDirectoryRefs} className={isActive ? 'active' : 'inactive'} onClick={onClick} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file

client/node_modules/.cache/babel-loader/10d72068a6aa34c3aa45805faab8202d.json

+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\Bruger\\\\Desktop\\\\Web-projects\\\\pipit\\\\client\\\\src\\\\components\\\\reportForm\\\\assign\\\\Assign.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState } from 'react';\nimport \"./assign.css\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst Assign = () => {\n  _s();\n\n  const newArray = [];\n  const personalProjects = [{\n    id: \"MyApp\",\n    type: \"personal\"\n  }, {\n    id: \"MyOtherApp\",\n    type: \"personal\"\n  }];\n  const sharedProjects = [{\n    id: \"ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Henriks Meme Machine\"\n    }]\n  }, {\n    id: \"Very big ReactApp\",\n    type: \"shared\",\n    teams: [{\n      name: \"Aubergine\"\n    }]\n  }];\n  const [appState, changeState] = useState({\n    activeObjects: [],\n    rootDirectoryObjects: [{\n      id: \"Personal projects\"\n    }, {\n      id: \"Shared projects\"\n    }]\n  });\n\n  const toggleActive = (directory, index) => {\n    if (directory[index] === newArray[index]) {\n      changeState({ ...appState,\n        activeObjects: null\n      });\n      console.log(\"reset\");\n    } else {\n      newArray.push(directory[index]);\n      changeState({ ...appState,\n        activeObjects: newArray\n      });\n      console.log(appState.activeObjects);\n    }\n  };\n\n  const toggleActiveStyles = (directory, index) => {\n    if (directory[index] === appState.activeObjects[index]) {\n      return \"active\";\n    } else return \"inactive\";\n  };\n\n  const RootDirectoryItems = parentDirectories => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"rootDirectory\",\n      children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(parentDirectories, index),\n          onClick: () => {\n            toggleActive(parentDirectories, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 47,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", parentDirectories[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 46,\n          columnNumber: 13\n        }, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 7\n    }, this);\n  };\n\n  const SubDirectoryItems = directory => {\n    return /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"projectListDirectory\",\n      children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: toggleActiveStyles(directory, index),\n          onClick: () => {\n            toggleActive(directory, index);\n          },\n          children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"folder\",\n            className: \"folder-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            children: [\"\\xA0 \", directory[index].id, \" \\xA0\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 69,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: \"chevron-right\",\n            className: \"arrow-right-icon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }, this);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"assignSelectContainer\",\n    children: RootDirectoryItems(appState.rootDirectoryObjects)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 79,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Assign, \"G9VHBYFRMM2vunD5OUCIV/YwKNw=\");\n\n_c = Assign;\nexport default Assign;\n\nvar _c;\n\n$RefreshReg$(_c, \"Assign\");","map":{"version":3,"sources":["C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"],"names":["React","useState","FontAwesomeIcon","Assign","newArray","personalProjects","id","type","sharedProjects","teams","name","appState","changeState","activeObjects","rootDirectoryObjects","toggleActive","directory","index","console","log","push","toggleActiveStyles","RootDirectoryItems","parentDirectories","map","elements","SubDirectoryItems"],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\r\nimport \"./assign.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Assign = () => {\r\n  const newArray = []\r\n\r\n  const personalProjects = [\r\n    { id: \"MyApp\", type: \"personal\" },\r\n    { id: \"MyOtherApp\", type: \"personal\" }\r\n  ]\r\n\r\n  const sharedProjects = [\r\n    { id: \"ReactApp\", type: \"shared\", teams: [{ name: \"Henriks Meme Machine\" }] },\r\n    { id: \"Very big ReactApp\", type: \"shared\", teams: [{ name: \"Aubergine\" }] }\r\n  ]\r\n\r\n  const [appState, changeState] = useState({\r\n    activeObjects: [],\r\n    rootDirectoryObjects: [{ id: \"Personal projects\" }, { id: \"Shared projects\" }]\r\n  })\r\n\r\n  const toggleActive = (directory, index) => {\r\n    if (directory[index] === newArray[index]) {\r\n      changeState({ ...appState, activeObjects: null })\r\n      console.log(\"reset\")\r\n    }\r\n    else {\r\n      newArray.push(directory[index])\r\n      changeState({ ...appState, activeObjects: newArray })\r\n      console.log(appState.activeObjects)\r\n    }\r\n  }\r\n\r\n  const toggleActiveStyles = (directory, index) => {\r\n    if (directory[index] === appState.activeObjects[index]) {\r\n      return \"active\"\r\n    } else return \"inactive\"\r\n  }\r\n\r\n  const RootDirectoryItems = (parentDirectories) => {\r\n    return (\r\n      < ul className=\"rootDirectory\" >\r\n        {parentDirectories.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {parentDirectories[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n            {\r\n              parentDirectories[index] === appState.activeObjects ?\r\n                parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :\r\n                null\r\n            }\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  const SubDirectoryItems = (directory) => {\r\n    return (\r\n      <ul className=\"projectListDirectory\">\r\n        {directory.map((elements, index) => (\r\n          <li>\r\n            <div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >\r\n              <FontAwesomeIcon icon=\"folder\" className=\"folder-icon\"></FontAwesomeIcon>\r\n              <a>&nbsp; {directory[index].id} &nbsp;</a>\r\n              <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul >\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"assignSelectContainer\">\r\n      {RootDirectoryItems(appState.rootDirectoryObjects)}\r\n    </div >\r\n  )\r\n}\r\n\r\nexport default Assign"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file