Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Mathias Engelbrecht Pilegård
Pipit
Commits
03fefdc6
Commit
03fefdc6
authored
Aug 05, 2021
by
Mathias Engelbrecht Pilegård
Browse files
reimplemented issue assignment selection directory with pure css
parent
50cfc658
Changes
286
Expand all
Hide whitespace changes
Inline
Side-by-side
client/node_modules/.cache/.eslintcache
View file @
03fefdc6
This diff is collapsed.
Click to expand it.
client/node_modules/.cache/babel-loader/00510cb0ade81a058432887ea8eef949.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0084353769bc46c56e80909494975197.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/00bab42169ba55f5b389ed1e329957de.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {rootDirectoryObjects[0].id} </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> {rootDirectoryObjects[1].id} </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> {sharedProjects[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0235b4b02e7f98725dfa83599cabcc88.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/02caa7f88240bda838cce6e226af7ead.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, createRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {directoryObjects[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/04569cbf5471ab21bf1550711869aaf8.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {rootDirectoryObjects[0].id} </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> {rootDirectoryObjects[1].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/08c223bc17d4710ab184bb4123030d2f.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/09bdd398ac9808c3a88f90edf405013d.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0c3e0aed07fa0ccc518fb80b55f04f25.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0ccbd771be68de48b744720f080f917a.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d2d952bfed683b0ebb0fde058b6ac14.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d516d9ebbb2d11bb6cf0dbe76f022d9.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d62f22d8c6ddaed361f21cbe6bd3827.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n
import { Fragment as _Fragment } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {rootDirectoryObjects[0].id} </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> {rootDirectoryObjects[1].id} </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> {sharedProjects[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d93ea9b072e579bf992ee0168ac5c00.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {rootDirectoryObjects[0].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0f88725a9e7b04bd8bbc954ea0db5445.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0fd5c414a3ea464234801d4e02ceb207.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/100f210a25a627772ef0c845654eb749.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, createRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useRef, createRef, useEffect } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {directoryObjects[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/1067a92846ea6f718975fd1b0c9fc841.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, createRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {directoryObjects[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/10d72068a6aa34c3aa45805faab8202d.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const 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;
\n
export default Assign;
\n\n
var _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\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const 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> {parentDirectories[index].id} </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> {directory[index].id} </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\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
Prev
1
2
3
4
5
…
15
Next
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment