Skip to content
GitLab
Menu
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
50cfc658
Commit
50cfc658
authored
Aug 03, 2021
by
Mathias Engelbrecht Pilegård
Browse files
implemented general solution for selecting directories
parent
4f6eb930
Changes
132
Expand all
Show whitespace changes
Inline
Side-by-side
client/node_modules/.cache/.eslintcache
View file @
50cfc658
This diff is collapsed.
Click to expand it.
client/node_modules/.cache/babel-loader/0049fdbc310d3c76639baad7613d8343.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObject: null,
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
changeState({ ...appState,
\n
activeObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const directoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Hello world
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 31,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.personalProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalProjectSelect ${toggleActiveStyles(appState.personalProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 19
\n
}, this),
\"\\
xA0
\"
, appState.personalProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 19
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.sharedProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.sharedProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 73,
\n
columnNumber: 19
\n
}, this),
\"\\
xA0
\"
, appState.sharedProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
directoryItems
\"
, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 20
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
z4Q8rkqxebzZe7unu0SZgSsWN8k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObject"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"directoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObject: null,
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
changeState({ ...appState, activeObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObject: directory[index] })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const directoryItems = () => {
\r\n
return (
\r\n
<div>
\r\n
<h1>Hello world</h1>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[0].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{/* List of Projects */}
\r\n
{appState.personalProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemPersonalProjectSelect ${toggleActiveStyles(appState.personalProjectObjects, index)}`} onClick={() => { toggleActive(appState.personalProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalProjectObjects[index].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[1].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{/* List of Projects */}
\r\n
{appState.sharedProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`} onClick={() => { toggleActive(appState.sharedProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.sharedProjectObjects[index].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
{<directoryItems />}
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</li>
\r\n\r\n
</ul>
\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/009eca4c5c22cd440a2a93b45a589133.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [{
\n
personalProjectObjects: {
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}
\n
}],
\n
sharedProjectObjects: [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 34,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\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: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? console.log(childDirectories[0]) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\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: 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
}, index, 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(appState.rootDirectoryObjects, appState.SubDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
P/lV8DCEFcPJYU6S2qI2U0Av5so=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"map"
,
"elements"
,
"console"
,
"log"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
SubDirectoryObjects: [{ personalProjectObjects: { id:
\"
MyApp
\"
, type:
\"
personal
\"
} }],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
}, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
}],
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
console.log(childDirectories[0]) :
\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, appState.SubDirectoryObjects)}
\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/01900321d80e3f52cefff0d078c5de7a.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [{
\n
personalProjectObjects: {
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}
\n
}, {
\n
sharedProjectObjects: {
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 39,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[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
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? SubDirectoryItems(childDirectories[0]) : null]
\n
}, void 0, true, {
\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
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: 60,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[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)
\n
}, void 0, false, {
\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
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects, appState.SubDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
IIfX1HcCSefxM7wC5eKepYWDB7k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [
\r\n
{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}
\r\n
],
\r\n\r\n
SubDirectoryObjects: [
\r\n
{ personalProjectObjects: { id:
\"
MyApp
\"
, type:
\"
personal
\"
} },
\r\n
{ sharedProjectObjects: { id:
\"
ReactApp
\"
, type:
\"
shared
\"
, id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
} }
\r\n
]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
SubDirectoryItems(childDirectories[0]) :
\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, appState.SubDirectoryObjects)}
\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/05d58d017c85babb9d9c3e03e1429b6a.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: [],
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
changeState({ ...appState,
\n
activeObjects: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObjects: activeObjects.push(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 DirectoryItems = 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: 34,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\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: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(appState.personalSharedDirectoryObjects, 0),
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\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: 53,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[0] === appState.activeObjects ? DirectoryItems(appState.personalProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\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: 66,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[1] === appState.activeObjects ? DirectoryItems(appState.sharedProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
jWdx8XXHroi6UjgxtPTs5wUOW6U=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"push"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObjects) {
\r\n
changeState({ ...appState, activeObjects: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObjects: activeObjects.push(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 DirectoryItems = (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
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[0] === appState.activeObjects ?
\r\n
DirectoryItems(appState.personalProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[1].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[1] === appState.activeObjects ?
\r\n
DirectoryItems(appState.sharedProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
</ul>
\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/061df1a6e0978eeecbf635fdf75442b3.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObject: null,
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
changeState({ ...appState,
\n
activeObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const DirectoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.personalProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalProjectSelect ${toggleActiveStyles(appState.personalProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 17
\n
}, this),
\"\\
xA0
\"
, appState.personalProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 17
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 13
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\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: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.sharedProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.sharedProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 19
\n
}, this),
\"\\
xA0
\"
, appState.sharedProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 19
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
z4Q8rkqxebzZe7unu0SZgSsWN8k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObject"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObject: null,
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
changeState({ ...appState, activeObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObject: directory[index] })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const DirectoryItems = () => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{/* List of Projects */}
\r\n
{
\r\n
appState.personalProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemPersonalProjectSelect ${toggleActiveStyles(appState.personalProjectObjects, index)}`} onClick={() => { toggleActive(appState.personalProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalProjectObjects[index].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))
\r\n
}
\r\n\r\n
</ul>
\r\n\r\n\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[0].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<DirectoryItems />
\r\n\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[1].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{/* List of Projects */}
\r\n
{appState.sharedProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`} onClick={() => { toggleActive(appState.sharedProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.sharedProjectObjects[index].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</li>
\r\n\r\n
</ul>
\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/07642dddc01509ee59a67eca146eb17f.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [{
\n
personalProjectObjects: {
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"
,
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}
\n
}, {
\n
sharedProjectObjects: {
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 36,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\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: 38,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? console.log(childDirectories[0]) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\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: 57,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\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: 59,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects, appState.SubDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
Qm44hRlidRqEH8YJhLTl1myXtWo=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"map"
,
"elements"
,
"console"
,
"log"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
SubDirectoryObjects: [
\r\n
{ personalProjectObjects: { id:
\"
MyApp
\"
, type:
\"
personal
\"
, id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
} },
\r\n
{ sharedProjectObjects: { id:
\"
ReactApp
\"
, type:
\"
shared
\"
, id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
} }
\r\n
],
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
console.log(childDirectories[0]) :
\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, appState.SubDirectoryObjects)}
\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/08065c3acbd6de87e0c0bce19c24ff7f.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObject: null,
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
changeState({ ...appState,
\n
activeObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const DirectoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.personalProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalProjectSelect ${toggleActiveStyles(appState.personalProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 15
\n
}, this),
\"\\
xA0
\"
, appState.personalProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.sharedProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.sharedProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 19
\n
}, this),
\"\\
xA0
\"
, appState.sharedProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 19
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 73,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
z4Q8rkqxebzZe7unu0SZgSsWN8k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObject"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObject: null,
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
changeState({ ...appState, activeObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObject: directory[index] })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const DirectoryItems = () => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{appState.personalProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemPersonalProjectSelect ${toggleActiveStyles(appState.personalProjectObjects, index)}`} onClick={() => { toggleActive(appState.personalProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalProjectObjects[index].id}
\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
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[0].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<DirectoryItems />
\r\n\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[1].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{/* List of Projects */}
\r\n
{appState.sharedProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`} onClick={() => { toggleActive(appState.sharedProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.sharedProjectObjects[index].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</li>
\r\n\r\n
</ul>
\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/0a06d5f112629ff3413d645a9898e80e.json
0 → 100644
View file @
50cfc658
{
"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
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"\n
}];
\n
const [appState, changeState] = useState({
\n
activeObjects: null,
\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
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: 42,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[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), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\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
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: 63,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\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: 65,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\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: 74,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
MnMalrRrCVMlzPxXJdDd9y+CZuk=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"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
\"
},
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
}
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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/0c20981fe0a0350a79a9737d88e10cb9.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [{
\n
personalProjectObjects: {
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"
,
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}
\n
}, {
\n
sharedProjectObjects: {
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 36,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\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: 38,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? console.log(childDirectories[0].id) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\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: 57,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\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: 59,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects, appState.SubDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
Qm44hRlidRqEH8YJhLTl1myXtWo=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"map"
,
"elements"
,
"console"
,
"log"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
SubDirectoryObjects: [
\r\n
{ personalProjectObjects: { id:
\"
MyApp
\"
, type:
\"
personal
\"
, id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
} },
\r\n
{ sharedProjectObjects: { id:
\"
ReactApp
\"
, type:
\"
shared
\"
, id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
} }
\r\n
],
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
console.log(childDirectories[0].id) :
\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, appState.SubDirectoryObjects)}
\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/0c7dd792037460141ecd8fc176acbe38.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObject: null,
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
changeState({ ...appState,
\n
activeObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const DirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.personalProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(appState.personalProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 15
\n
}, this),
\"\\
xA0
\"
, appState.personalProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 11
\n
}, this), DirectoryItems(appState.personalProjectObjects)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: appState.sharedProjectObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`,
\n
onClick: () => {
\n
toggleActive(appState.sharedProjectObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 19
\n
}, this),
\"\\
xA0
\"
, appState.sharedProjectObjects[index].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 19
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
z4Q8rkqxebzZe7unu0SZgSsWN8k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObject"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObject: null,
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
changeState({ ...appState, activeObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObject: directory[index] })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const DirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{appState.personalProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(appState.personalProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalProjectObjects[index].id}
\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
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[0].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{DirectoryItems(appState.personalProjectObjects)}
\r\n\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[1].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{/* List of Projects */}
\r\n
{appState.sharedProjectObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={`directoryItemSharedProjectSelect ${toggleActiveStyles(appState.sharedProjectObjects, index)}`} onClick={() => { toggleActive(appState.sharedProjectObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.sharedProjectObjects[index].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</li>
\r\n\r\n
</ul>
\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/0e1f9b516bb4189dc6acebaca1be4711.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [personalProjectObjects, sharedProjectObjects]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 39,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[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
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? console.log(childDirectories[0]) : null]
\n
}, void 0, true, {
\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
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: 60,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[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)
\n
}, void 0, false, {
\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
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects, appState.SubDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
sBF3cuhq6dr+Hy2b021gwjonUF4=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"personalProjectObjects"
,
"sharedProjectObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"map"
,
"elements"
,
"console"
,
"log"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [
\r\n
{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}
\r\n
],
\r\n\r\n
SubDirectoryObjects: [
\r\n
personalProjectObjects: { id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
sharedProjectObjects: { id:
\"
ReactApp
\"
, type:
\"
shared
\"
, id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
}
\r\n
]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
console.log(childDirectories[0]) :
\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, appState.SubDirectoryObjects)}
\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/1314345fdf03aa724cb988e9f442b0ca.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: [],
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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 = (directory, index) => {
\n
return /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(appState.personalSharedDirectoryObjects, 0),
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\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: 34,
\n
columnNumber: 11
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 31,
\n
columnNumber: 9
\n
}, this), directory[index] === appState.activeObjects ? SubDirectoryItems(directory) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\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: 51,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\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: 53,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [RootDirectoryItems(appState.personalProjectObjects, 0), RootDirectoryItems(appState.sharedProjectObjects, 1)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
jWdx8XXHroi6UjgxtPTs5wUOW6U=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"SubDirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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 = (directory, index) => {
\r\n
return (
\r\n
< li >
\r\n
<div key={index} className={toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
directory[index] === appState.activeObjects ?
\r\n
SubDirectoryItems(directory) :
\r\n
null
\r\n
}
\r\n
</li >
\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
<ul className=
\"
rootDirectory
\"
>
\r\n
{RootDirectoryItems(appState.personalProjectObjects, 0)}
\r\n
{RootDirectoryItems(appState.sharedProjectObjects, 1)}
\r\n
</ul>
\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/132abd84499e82816583923ff586493f.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: [],
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
const newArray = [...appState.activeObjects];
\n\n
if (directory[index] === appState.activeObjects[directory[index]]) {
\n
newArray.pop(directory[index]);
\n
changeState({ ...appState,
\n
activeObjects: newArray
\n
});
\n
} else {
\n
newArray.push(directory[index]);
\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 DirectoryItems = 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: 38,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\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: 40,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(appState.personalSharedDirectoryObjects, 0),
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\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: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\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: 57,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[0] === appState.activeObjects ? DirectoryItems(appState.personalProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\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: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\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: 70,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[1] === appState.activeObjects ? DirectoryItems(appState.sharedProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
jWdx8XXHroi6UjgxtPTs5wUOW6U=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"newArray"
,
"pop"
,
"push"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
const newArray = [...appState.activeObjects]
\r\n\r\n
if (directory[index] === appState.activeObjects[directory[index]]) {
\r\n
newArray.pop(directory[index])
\r\n
changeState({ ...appState, activeObjects: newArray })
\r\n
}
\r\n
else {
\r\n
newArray.push(directory[index])
\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 DirectoryItems = (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
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[0] === appState.activeObjects ?
\r\n
DirectoryItems(appState.personalProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[1].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[1] === appState.activeObjects ?
\r\n
DirectoryItems(appState.sharedProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
</ul>
\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/1356bae8cef0888338ca0eaa6536d870.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObject: null,
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
changeState({ ...appState,
\n
activeObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const DirectoryItems = 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: 34,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\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: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(appState.personalSharedDirectoryObjects, 0),
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\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: 53,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[0] === appState.activeObject ? DirectoryItems(appState.personalProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 13
\n
}, this),
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[1] === appState.activeObject ? DirectoryItems(appState.sharedProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
z4Q8rkqxebzZe7unu0SZgSsWN8k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObject"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
],
"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 [appState, changeState] = useState({
\r\n
activeObject: null,
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
changeState({ ...appState, activeObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObject: directory[index] })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const DirectoryItems = (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
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[0] === appState.activeObject ?
\r\n
DirectoryItems(appState.personalProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
{appState.personalSharedDirectoryObjects[1].id}
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[1] === appState.activeObject ?
\r\n
DirectoryItems(appState.sharedProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
</ul>
\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/1620e17a23188dfac00974781667d076.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [{
\n
personalProjectObjects: {
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}
\n
}, {
\n
sharedProjectObjects: {
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 39,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[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
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? console.log(childDirectories[0][0].id) : null]
\n
}, void 0, true, {
\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
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: 60,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[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)
\n
}, void 0, false, {
\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
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects, appState.SubDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
IIfX1HcCSefxM7wC5eKepYWDB7k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"map"
,
"elements"
,
"console"
,
"log"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [
\r\n
{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}
\r\n
],
\r\n\r\n
SubDirectoryObjects: [
\r\n
{ personalProjectObjects: { id:
\"
MyApp
\"
, type:
\"
personal
\"
} },
\r\n
{ sharedProjectObjects: { id:
\"
ReactApp
\"
, type:
\"
shared
\"
, id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
} }
\r\n
]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
console.log(childDirectories[0][0].id) :
\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, appState.SubDirectoryObjects)}
\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/17bb06899fc3bf9debed2bec74ff3d9d.json
0 → 100644
View file @
50cfc658
{
"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 = appState.activeObjects.map();
\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: 43,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\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: 45,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\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: 41,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\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: 64,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\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: 66,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\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: 75,
\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"
,
"map"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB,QAAMC,gBAAgB,GAAG,CACvB;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAED,IAAAA,EAAE,EAAE,YAAN;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEF,IAAAA,EAAE,EAAE,UAAN;AAAkBC,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEJ,IAAAA,EAAE,EAAE,mBAAN;AAA2BC,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB;AAKA,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BV,QAAQ,CAAC;AACvCW,IAAAA,aAAa,EAAE,EADwB;AAEvCC,IAAAA,oBAAoB,EAAE,CAAC;AAAER,MAAAA,EAAE,EAAE;AAAN,KAAD,EAA8B;AAAEA,MAAAA,EAAE,EAAE;AAAN,KAA9B;AAFiB,GAAD,CAAxC;;AAKA,QAAMS,YAAY,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;AACzC,UAAMC,QAAQ,GAAGP,QAAQ,CAACE,aAAT,CAAuBM,GAAvB,EAAjB;;AACA,QAAIH,SAAS,CAACC,KAAD,CAAT,KAAqBN,QAAQ,CAACE,aAAlC,EAAiD;AAC/CD,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAE;AAA9B,OAAD,CAAX;AACD,KAFD,MAGK;AACHD,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAGG,SAAS,CAACC,KAAD;AAAxC,OAAD,CAAX;AACD;AACF,GARD;;AAUA,QAAMG,kBAAkB,GAAG,CAACJ,SAAD,EAAYC,KAAZ,KAAsB;AAC/C,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBN,QAAQ,CAACE,aAAlC,EAAiD;AAC/C,aAAO,QAAP;AACD,KAFD,MAEO,OAAO,UAAP;AACR,GAJD;;AAMA,QAAMQ,kBAAkB,GAAIC,iBAAD,IAAuB;AAChD,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,gBACGA,iBAAiB,CAACH,GAAlB,CAAsB,CAACI,QAAD,EAAWN,KAAX,kBACrB;AAAA,gCACE;AAAiB,UAAA,SAAS,EAAEG,kBAAkB,CAACE,iBAAD,EAAoBL,KAApB,CAA9C;AAA0E,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACO,iBAAD,EAAoBL,KAApB,CAAZ;AAAwC,WAAnI;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWK,iBAAiB,CAACL,KAAD,CAAjB,CAAyBX,EAApC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUW,KAAV;AAAA;AAAA;AAAA;AAAA,gBADF,EAOIK,iBAAiB,CAACL,KAAD,CAAjB,KAA6BN,QAAQ,CAACE,aAAtC,GACES,iBAAiB,CAACL,KAAD,CAAjB,KAA6B,CAA7B,GAAiCO,iBAAiB,CAACnB,gBAAD,CAAlD,GAAuEmB,iBAAiB,CAAChB,cAAD,CAD1F,GAEE,IATN;AAAA;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAkBD,GAnBD;;AAqBA,QAAMgB,iBAAiB,GAAIR,SAAD,IAAe;AACvC,wBACE;AAAI,MAAA,SAAS,EAAC,sBAAd;AAAA,gBACGA,SAAS,CAACG,GAAV,CAAc,CAACI,QAAD,EAAWN,KAAX,kBACb;AAAA,+BACE;AAAiB,UAAA,SAAS,EAAEG,kBAAkB,CAACJ,SAAD,EAAYC,KAAZ,CAA9C;AAAkE,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACC,SAAD,EAAYC,KAAZ,CAAZ;AAAgC,WAAnH;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWD,SAAS,CAACC,KAAD,CAAT,CAAiBX,EAA5B;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUW,KAAV;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,cACGI,kBAAkB,CAACV,QAAQ,CAACG,oBAAV;AADrB;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CA1ED;;GAAMV,M;;KAAAA,M;AA4EN,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
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 = appState.activeObjects.map()
\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/19b5a616d574b4a7d07af86324c8a4aa.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: null,
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
SubDirectoryObjects: [],
\n
subDirectorysubDirectoryPersonalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
subDirectorySharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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: 36,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\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: 38,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? SubDirectoryItems(childDirectories) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\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: 57,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\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: 59,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: [RootDirectoryItems(appState.rootDirectoryObjects, appState.subDirectorysubDirectoryPersonalProjectObjects), RootDirectoryItems(appState.rootDirectoryObjects, appState.subDirectorySharedProjectObjects)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
7l3kj4Gq+IcVn0B+IkOZ+XQgdn0=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"id"
,
"SubDirectoryObjects"
,
"subDirectorysubDirectoryPersonalProjectObjects"
,
"type"
,
"subDirectorySharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"childDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BJ,QAAQ,CAAC;AACvCK,IAAAA,aAAa,EAAE,IADwB;AAEvCC,IAAAA,oBAAoB,EAAE,CAAC;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAAD,EAA8B;AAAEA,MAAAA,EAAE,EAAE;AAAN,KAA9B,CAFiB;AAGvCC,IAAAA,mBAAmB,EAAE,EAHkB;AAKvCC,IAAAA,8CAA8C,EAAE,CAAC;AAAEF,MAAAA,EAAE,EAAE,OAAN;AAAeG,MAAAA,IAAI,EAAE;AAArB,KAAD,CALT;AAMvCC,IAAAA,gCAAgC,EAAE,CAAC;AAAEJ,MAAAA,EAAE,EAAE,UAAN;AAAkBG,MAAAA,IAAI,EAAE,QAAxB;AAAkCE,MAAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAR;AAAzC,KAAD,EAA8E;AAAEN,MAAAA,EAAE,EAAE,mBAAN;AAA2BG,MAAAA,IAAI,EAAE,QAAjC;AAA2CE,MAAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAR;AAAlD,KAA9E;AANK,GAAD,CAAxC;;AASA,QAAMC,YAAY,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;AACzC,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBb,QAAQ,CAACE,aAAlC,EAAiD;AAC/CD,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAE;AAA9B,OAAD,CAAX;AACD,KAFD,MAGK;AACHD,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAGU,SAAS,CAACC,KAAD;AAAxC,OAAD,CAAX;AACD;AACF,GAPD;;AASA,QAAMC,kBAAkB,GAAG,CAACF,SAAD,EAAYC,KAAZ,KAAsB;AAC/C,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBb,QAAQ,CAACE,aAAlC,EAAiD;AAC/C,aAAO,QAAP;AACD,KAFD,MAEO,OAAO,UAAP;AACR,GAJD;;AAMA,QAAMa,kBAAkB,GAAG,CAACC,iBAAD,EAAoBC,gBAApB,KAAyC;AAClE,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,gBACGD,iBAAiB,CAACE,GAAlB,CAAsB,CAACC,QAAD,EAAWN,KAAX,kBACrB;AAAA,gCACE;AAAiB,UAAA,SAAS,EAAEC,kBAAkB,CAACE,iBAAD,EAAoBH,KAApB,CAA9C;AAA0E,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACK,iBAAD,EAAoBH,KAApB,CAAZ;AAAwC,WAAnI;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWG,iBAAiB,CAACH,KAAD,CAAjB,CAAyBT,EAApC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUS,KAAV;AAAA;AAAA;AAAA;AAAA,gBADF,EAOIG,iBAAiB,CAACH,KAAD,CAAjB,KAA6Bb,QAAQ,CAACE,aAAtC,GACEkB,iBAAiB,CAACH,gBAAD,CADnB,GAEE,IATN;AAAA;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAkBD,GAnBD;;AAqBA,QAAMG,iBAAiB,GAAIR,SAAD,IAAe;AACvC,wBACE;AAAI,MAAA,SAAS,EAAC,sBAAd;AAAA,gBACGA,SAAS,CAACM,GAAV,CAAc,CAACC,QAAD,EAAWN,KAAX,kBACb;AAAA,+BACE;AAAiB,UAAA,SAAS,EAAEC,kBAAkB,CAACF,SAAD,EAAYC,KAAZ,CAA9C;AAAkE,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACC,SAAD,EAAYC,KAAZ,CAAZ;AAAgC,WAAnH;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWD,SAAS,CAACC,KAAD,CAAT,CAAiBT,EAA5B;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUS,KAAV;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,eACGE,kBAAkB,CAACf,QAAQ,CAACG,oBAAV,EAAgCH,QAAQ,CAACM,8CAAzC,CADrB,EAEGS,kBAAkB,CAACf,QAAQ,CAACG,oBAAV,EAAgCH,QAAQ,CAACQ,gCAAzC,CAFrB;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAMD,CApED;;GAAMT,M;;KAAAA,M;AAsEN,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 [appState, changeState] = useState({
\r\n
activeObjects: null,
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
SubDirectoryObjects: [],
\r\n\r\n
subDirectorysubDirectoryPersonalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
subDirectorySharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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, childDirectories) => {
\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
SubDirectoryItems(childDirectories) :
\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, appState.subDirectorysubDirectoryPersonalProjectObjects)}
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects, appState.subDirectorySharedProjectObjects)}
\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/1a66cc69805e931bb48bc36a61682476.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObjects: [],
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\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 = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(appState.personalSharedDirectoryObjects, 0),
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\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: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this), directory[0] === appState.activeObjects ? SubDirectoryItems(directory) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\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: 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
}, index, 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(appState.personalProjectObjects), RootDirectoryItems(appState.sharedProjectObjects)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
jWdx8XXHroi6UjgxtPTs5wUOW6U=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"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 [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\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 = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
rootDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={0} className={toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
directory[0] === appState.activeObjects ?
\r\n
SubDirectoryItems(directory) :
\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.personalProjectObjects)}
\r\n
{RootDirectoryItems(appState.sharedProjectObjects)}
\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/1afc3cede172109d701fc7c58e1adc85.json
0 → 100644
View file @
50cfc658
{
"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 [appState, changeState] = useState({
\n
activeObject: null,
\n
personalSharedDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjectObjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}],
\n
sharedProjectObjects: [{
\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:
\"
Dream team
\"\n
}
\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
changeState({ ...appState,
\n
activeObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const DirectoryItems = 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: 34,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\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: 36,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(appState.personalSharedDirectoryObjects, 0),
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 0);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\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: 53,
\n
columnNumber: 13
\n
}, this)]
\n
}, 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[0] === appState.activeObject ? DirectoryItems(appState.personalProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: `directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`,
\n
onClick: () => {
\n
toggleActive(appState.personalSharedDirectoryObjects, 1);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, appState.personalSharedDirectoryObjects[1].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\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: 66,
\n
columnNumber: 13
\n
}, this)]
\n
}, 1, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 11
\n
}, this), appState.personalSharedDirectoryObjects[1] === appState.activeObject || appState.sharedProjectObjects.forEach(object => object === appState.activeObject) ? DirectoryItems(appState.sharedProjectObjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
z4Q8rkqxebzZe7unu0SZgSsWN8k=
\"
);
\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"
,
"appState"
,
"changeState"
,
"activeObject"
,
"personalSharedDirectoryObjects"
,
"id"
,
"personalProjectObjects"
,
"type"
,
"sharedProjectObjects"
,
"teams"
,
"name"
,
"toggleActive"
,
"directory"
,
"index"
,
"toggleActiveStyles"
,
"DirectoryItems"
,
"map"
,
"elements"
,
"forEach"
,
"object"
],
"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 [appState, changeState] = useState({
\r\n
activeObject: null,
\r\n
personalSharedDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjectObjects: [{ id:
\"
MyApp
\"
, type:
\"
personal
\"
}],
\r\n
sharedProjectObjects: [{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Henriks Meme Machine
\"
} }, { id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: { name:
\"
Dream team
\"
} }]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
changeState({ ...appState, activeObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObject: directory[index] })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const DirectoryItems = (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
<ul className=
\"
rootDirectory
\"
>
\r\n\r\n
{/* Personal projects*/}
\r\n
<li>
\r\n
<div key={0} className={toggleActiveStyles(appState.personalSharedDirectoryObjects, 0)} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 0) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[0] === appState.activeObject ?
\r\n
DirectoryItems(appState.personalProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
{/* Shared projects */}
\r\n
<li>
\r\n
<div key={1} className={`directoryItemPersonalSharedSelect ${toggleActiveStyles(appState.personalSharedDirectoryObjects, 1)}`} onClick={() => { toggleActive(appState.personalSharedDirectoryObjects, 1) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {appState.personalSharedDirectoryObjects[1].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{appState.personalSharedDirectoryObjects[1] === appState.activeObject || appState.sharedProjectObjects.forEach(object => object === appState.activeObject) ?
\r\n
DirectoryItems(appState.sharedProjectObjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n\r\n
</ul>
\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
…
7
Next
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a 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
