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
d6654cf4
Commit
d6654cf4
authored
Aug 05, 2021
by
Mathias Engelbrecht Pilegård
Browse files
added personal/shared projects view functionality on projects overview page
parent
c32aa18a
Changes
10
Expand all
Hide whitespace changes
Inline
Side-by-side
client/node_modules/.cache/.eslintcache
View file @
d6654cf4
This diff is collapsed.
Click to expand it.
client/node_modules/.cache/babel-loader/208e4ebe62bcc15794aa3e74ad43a5f3.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
project
\\\\
projectOverview
\\\\
ProjectOverview.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { NavLink } from
\"
react-router-dom
\"
;
\n
import
\"
./projectOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const ProjectOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\n\n
const SharedProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(true);
\n
setPersonalProjectsButtonState(false);
\n
};
\n\n
const PersonalProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(false);
\n
setPersonalProjectsButtonState(true);
\n
};
\n\n
const ProjectsDisplay = projects => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: projects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-team-name
\"
,
\n
children: /*#__PURE__*/_jsxDEV(NavLink, {
\n
to: `/projects/${projects[index].id}`,
\n
children: [projects[index].id,
\"\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-issues-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
bug
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Total issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
issues-solved-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
check
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Issues solved
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Last updated:
\\
xA01 day ago
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 13
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
projectlist-title
\"
,
\n
children:
\"
Your Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-project-button
\"
,
\n
children:
\"
New Project
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-menu-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
personal-shared-projects-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: SharedProjectsButtonActive,
\n
children:
\"
Shared Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: PersonalProjectsButtonActive,
\n
children:
\"
Personal Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-select-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Sort by:
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 82,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
select
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 84,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 85,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 86,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name descending
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 87,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 88,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 89,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 83,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 81,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 9
\n
}, this), sharedProjectsButtonState ? ProjectsDisplay(sharedProjects) : ProjectsDisplay(personalProjects)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(ProjectOverview,
\"
WjKsI8a5YElUZRAaBk97zXZAzsg=
\"
);
\n\n
_c = ProjectOverview;
\n
export default ProjectOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
ProjectOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/project/projectOverview/ProjectOverview.js"
],
"names"
:[
"React"
,
"useState"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"ProjectOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"sharedProjectsButtonState"
,
"setSharedProjectsButtonState"
,
"personalProjectsButtonState"
,
"setPersonalProjectsButtonState"
,
"SharedProjectsButtonActive"
,
"PersonalProjectsButtonActive"
,
"ProjectsDisplay"
,
"projects"
,
"map"
,
"elements"
,
"index"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import { NavLink } from
\"
react-router-dom
\"
;
\r\n
import
\"
./projectOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar';
\r\n\r\n
const ProjectOverview = () => {
\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
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\r\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\r\n\r\n
const SharedProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(true);
\r\n
setPersonalProjectsButtonState(false);
\r\n
};
\r\n\r\n
const PersonalProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(false);
\r\n
setPersonalProjectsButtonState(true);
\r\n
};
\r\n\r\n
const ProjectsDisplay = (projects) => {
\r\n
return (
\r\n
<div className=
\"
projectlist
\"
>
\r\n
<ul>
\r\n
{projects.map((elements, index) => (
\r\n
<li>
\r\n
<div className=
\"
project-entry
\"
>
\r\n
<div className=
\"
project-team-name
\"
>
\r\n
<NavLink to={`/projects/${projects[index].id}`}>{projects[index].id}
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
project-status-info-container
\"
>
\r\n
<div className=
\"
new-issues-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
bug
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Total issues</span>
\r\n
</div>
\r\n
<div className=
\"
issues-solved-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
check
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Issues solved</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Last updated: 1 day ago</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
projectlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
projectlist-title
\"
>Your Projects</h2>
\r\n
<button className=
\"
create-new-project-button
\"
>
\r\n
New Project
\r\n
</button>
\r\n
</div>
\r\n
<div className=
\"
project-sort-menu-container
\"
>
\r\n
<div className=
\"
personal-shared-projects-container
\"
>
\r\n
<a className={sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={SharedProjectsButtonActive}>Shared Projects</a>
\r\n
<a className={personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={PersonalProjectsButtonActive}>Personal Projects</a>
\r\n
</div>
\r\n
<div className=
\"
project-sort-select-container
\"
>
\r\n
<p>Sort by:</p>
\r\n
<select>
\r\n
<option>Last updated</option>
\r\n
<option>Last created</option>
\r\n
<option>Name</option>
\r\n
<option>Name descending</option>
\r\n
<option>Oldest created</option>
\r\n
<option>Oldest updated</option>
\r\n
</select>
\r\n
</div>
\r\n
</div>
\r\n
{sharedProjectsButtonState ? ProjectsDisplay(sharedProjects) : ProjectsDisplay(personalProjects)}
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default ProjectOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/354475efef734b763ff05e99c5fb43ed.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
team
\\\\
teamOverview
\\\\
TeamOverview.js
\"
;
\n
import React from 'react';
\n
import { NavLink } from 'react-router-dom';
\n
import
\"
./teamOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const TeamOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 21,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
teamlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
teamlist-title
\"
,
\n
children:
\"
Teams
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
buttons-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
join-team-button
\"
,
\n
children:
\"
Join Team
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-team-button
\"
,
\n
children:
\"
New team
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 25,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 23,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
teamlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
team-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
image-team-name
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(NavLink, {
\n
to:
\"
/teams/HenriksMemeMachine
\"
,
\n
className:
\"
team-image-container
\"
,
\n
children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
team-icon
\"
,
\n
icon:
\"
dice-d6
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(NavLink, {
\n
to:
\"
/teams/HenriksMemeMachine
\"
,
\n
children: [
\"
Henriks meme machine - ReactApp
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
team-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
envelope
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
New messages
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projects-maintained-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
project-diagram
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Projects maintained
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
team-members-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
users
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Team members
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Date created:
\\
xA021/ 07/ 2021
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_c = TeamOverview;
\n
export default TeamOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
TeamOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/team/teamOverview/TeamOverview.js"
],
"names"
:[
"React"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"TeamOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import { NavLink } from 'react-router-dom'
\r\n
import
\"
./teamOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar'
\r\n\r\n
const TeamOverview = () => {
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
teamlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
teamlist-title
\"
>Teams</h2>
\r\n
<div className=
\"
buttons-container
\"
>
\r\n
<button className=
\"
join-team-button
\"
>
\r\n
Join Team
\r\n
</button>
\r\n
<button className=
\"
create-new-team-button
\"
>
\r\n
New team
\r\n
</button>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
teamlist
\"
>
\r\n
<ul>
\r\n
<li>
\r\n
<div className=
\"
team-entry
\"
>
\r\n
<div className=
\"
image-team-name
\"
>
\r\n
<NavLink to=
\"
/teams/HenriksMemeMachine
\"
className=
\"
team-image-container
\"
>
\r\n
<FontAwesomeIcon className=
\"
team-icon
\"
icon=
\"
dice-d6
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
<NavLink to=
\"
/teams/HenriksMemeMachine
\"
>Henriks meme machine - ReactApp
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
team-status-info-container
\"
>
\r\n
<div className=
\"
new-messages-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
envelope
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>New messages</span>
\r\n
</div>
\r\n
<div className=
\"
projects-maintained-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
project-diagram
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Projects maintained</span>
\r\n
</div>
\r\n
<div className=
\"
team-members-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
users
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Team members</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Date created: 21/ 07/ 2021</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n
</ul>
\r\n
</div>
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default TeamOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/389518d567163d28ca67a39d4c79e793.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
project
\\\\
projectOverview
\\\\
ProjectOverview.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { NavLink } from
\"
react-router-dom
\"
;
\n
import
\"
./projectOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const ProjectOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [is1stButtonActive, set1stButtonActive] = useState(true);
\n
const [is2ndButtonActive, set2ndButtonActive] = useState(false);
\n\n
const FirstButtonActive = () => {
\n
set1stButtonActive(true);
\n
set2ndButtonActive(false);
\n
};
\n\n
const SecondButtonActive = () => {
\n
set1stButtonActive(false);
\n
set2ndButtonActive(true);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
projectlist-title
\"
,
\n
children:
\"
Your Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-project-button
\"
,
\n
children:
\"
New Project
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-menu-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
personal-shared-projects-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: is1stButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: FirstButtonActive,
\n
children:
\"
Shared Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: is2ndButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: SecondButtonActive,
\n
children:
\"
Personal Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-select-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Sort by:
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
select
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name descending
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-team-name
\"
,
\n
children: /*#__PURE__*/_jsxDEV(NavLink, {
\n
to:
\"
/projects/ReactApp
\"
,
\n
children: [
\"
ReactApp
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-issues-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
bug
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Total issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
issues-solved-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
check
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Issues solved
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 73,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Last updated:
\\
xA01 day ago
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(ProjectOverview,
\"
HG7GXInjLShQfoZOwJVmOa11C1o=
\"
);
\n\n
_c = ProjectOverview;
\n
export default ProjectOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
ProjectOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/project/projectOverview/ProjectOverview.js"
],
"names"
:[
"React"
,
"useState"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"ProjectOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"is1stButtonActive"
,
"set1stButtonActive"
,
"is2ndButtonActive"
,
"set2ndButtonActive"
,
"FirstButtonActive"
,
"SecondButtonActive"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import { NavLink } from
\"
react-router-dom
\"
;
\r\n
import
\"
./projectOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar';
\r\n\r\n
const ProjectOverview = () => {
\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
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [is1stButtonActive, set1stButtonActive] = useState(true);
\r\n
const [is2ndButtonActive, set2ndButtonActive] = useState(false);
\r\n\r\n
const FirstButtonActive = () => {
\r\n
set1stButtonActive(true);
\r\n
set2ndButtonActive(false);
\r\n
};
\r\n\r\n
const SecondButtonActive = () => {
\r\n
set1stButtonActive(false);
\r\n
set2ndButtonActive(true);
\r\n
};
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
projectlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
projectlist-title
\"
>Your Projects</h2>
\r\n
<button className=
\"
create-new-project-button
\"
>
\r\n
New Project
\r\n
</button>
\r\n
</div>
\r\n
<div className=
\"
project-sort-menu-container
\"
>
\r\n
<div className=
\"
personal-shared-projects-container
\"
>
\r\n
<a className={is1stButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={FirstButtonActive}>Shared Projects</a>
\r\n
<a className={is2ndButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={SecondButtonActive}>Personal Projects</a>
\r\n
</div>
\r\n
<div className=
\"
project-sort-select-container
\"
>
\r\n
<p>Sort by:</p>
\r\n
<select>
\r\n
<option>Last updated</option>
\r\n
<option>Last created</option>
\r\n
<option>Name</option>
\r\n
<option>Name descending</option>
\r\n
<option>Oldest created</option>
\r\n
<option>Oldest updated</option>
\r\n
</select>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
projectlist
\"
>
\r\n
<ul>
\r\n
<li>
\r\n
<div className=
\"
project-entry
\"
>
\r\n
<div className=
\"
project-team-name
\"
>
\r\n
<NavLink to=
\"
/projects/ReactApp
\"
>ReactApp
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
project-status-info-container
\"
>
\r\n
<div className=
\"
new-issues-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
bug
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Total issues</span>
\r\n
</div>
\r\n
<div className=
\"
issues-solved-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
check
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Issues solved</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Last updated: 1 day ago</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n
</ul>
\r\n
</div>
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default ProjectOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/48161d30134a3d6b7373125fbda272aa.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
project
\\\\
projectOverview
\\\\
ProjectOverview.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { NavLink } from
\"
react-router-dom
\"
;
\n
import
\"
./projectOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const ProjectOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\n\n
const SharedProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(true);
\n
setPersonalProjectsButtonState(false);
\n
};
\n\n
const PersonalProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(false);
\n
setPersonalProjectsButtonState(true);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
projectlist-title
\"
,
\n
children:
\"
Your Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-project-button
\"
,
\n
children:
\"
New Project
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-menu-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
personal-shared-projects-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: SharedProjectsButtonActive,
\n
children:
\"
Shared Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: PersonalProjectsButtonActive,
\n
children:
\"
Personal Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-select-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Sort by:
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
select
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name descending
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-team-name
\"
,
\n
children: /*#__PURE__*/_jsxDEV(NavLink, {
\n
to:
\"
/projects/ReactApp
\"
,
\n
children: [
\"
ReactApp
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-issues-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
bug
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Total issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
issues-solved-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
check
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Issues solved
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Last updated:
\\
xA01 day ago
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(ProjectOverview,
\"
WjKsI8a5YElUZRAaBk97zXZAzsg=
\"
);
\n\n
_c = ProjectOverview;
\n
export default ProjectOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
ProjectOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/project/projectOverview/ProjectOverview.js"
],
"names"
:[
"React"
,
"useState"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"ProjectOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"sharedProjectsButtonState"
,
"setSharedProjectsButtonState"
,
"personalProjectsButtonState"
,
"setPersonalProjectsButtonState"
,
"SharedProjectsButtonActive"
,
"PersonalProjectsButtonActive"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import { NavLink } from
\"
react-router-dom
\"
;
\r\n
import
\"
./projectOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar';
\r\n\r\n
const ProjectOverview = () => {
\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
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\r\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\r\n\r\n
const SharedProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(true);
\r\n
setPersonalProjectsButtonState(false);
\r\n
};
\r\n\r\n
const PersonalProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(false);
\r\n
setPersonalProjectsButtonState(true);
\r\n
};
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
projectlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
projectlist-title
\"
>Your Projects</h2>
\r\n
<button className=
\"
create-new-project-button
\"
>
\r\n
New Project
\r\n
</button>
\r\n
</div>
\r\n
<div className=
\"
project-sort-menu-container
\"
>
\r\n
<div className=
\"
personal-shared-projects-container
\"
>
\r\n
<a className={sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={SharedProjectsButtonActive}>Shared Projects</a>
\r\n
<a className={personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={PersonalProjectsButtonActive}>Personal Projects</a>
\r\n
</div>
\r\n
<div className=
\"
project-sort-select-container
\"
>
\r\n
<p>Sort by:</p>
\r\n
<select>
\r\n
<option>Last updated</option>
\r\n
<option>Last created</option>
\r\n
<option>Name</option>
\r\n
<option>Name descending</option>
\r\n
<option>Oldest created</option>
\r\n
<option>Oldest updated</option>
\r\n
</select>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
projectlist
\"
>
\r\n
<ul>
\r\n
{ }
\r\n
<li>
\r\n
<div className=
\"
project-entry
\"
>
\r\n
<div className=
\"
project-team-name
\"
>
\r\n
<NavLink to=
\"
/projects/ReactApp
\"
>ReactApp
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
project-status-info-container
\"
>
\r\n
<div className=
\"
new-issues-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
bug
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Total issues</span>
\r\n
</div>
\r\n
<div className=
\"
issues-solved-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
check
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Issues solved</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Last updated: 1 day ago</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n\r\n
</ul>
\r\n
</div>
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default ProjectOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/7439976df8b56f320f91e1191ff7f554.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
project
\\\\
projectOverview
\\\\
ProjectOverview.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { NavLink } from
\"
react-router-dom
\"
;
\n
import
\"
./projectOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const ProjectOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\n\n
const SharedProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(true);
\n
setPersonalProjectsButtonState(false);
\n
};
\n\n
const PersonalProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(false);
\n
setPersonalProjectsButtonState(true);
\n
};
\n\n
const ProjectsDisplay = projects => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: projects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-team-name
\"
,
\n
children: /*#__PURE__*/_jsxDEV(NavLink, {
\n
to: `/projects/${projects[index].id}`,
\n
children: [projects[index].id,
\"\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-issues-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
bug
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Total issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
issues-solved-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
check
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Issues solved
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Last updated:
\\
xA01 day ago
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 13
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
projectlist-title
\"
,
\n
children:
\"
Your Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-project-button
\"
,
\n
children:
\"
New Project
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-menu-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
personal-shared-projects-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: SharedProjectsButtonActive,
\n
children:
\"
Shared Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: PersonalProjectsButtonActive,
\n
children:
\"
Personal Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-select-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Sort by:
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 82,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
select
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 84,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 85,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 86,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name descending
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 87,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 88,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 89,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 83,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 81,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 9
\n
}, this), ProjectsDisplay(sharedProjects)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(ProjectOverview,
\"
WjKsI8a5YElUZRAaBk97zXZAzsg=
\"
);
\n\n
_c = ProjectOverview;
\n
export default ProjectOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
ProjectOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/project/projectOverview/ProjectOverview.js"
],
"names"
:[
"React"
,
"useState"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"ProjectOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"sharedProjectsButtonState"
,
"setSharedProjectsButtonState"
,
"personalProjectsButtonState"
,
"setPersonalProjectsButtonState"
,
"SharedProjectsButtonActive"
,
"PersonalProjectsButtonActive"
,
"ProjectsDisplay"
,
"projects"
,
"map"
,
"elements"
,
"index"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import { NavLink } from
\"
react-router-dom
\"
;
\r\n
import
\"
./projectOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar';
\r\n\r\n
const ProjectOverview = () => {
\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
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\r\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\r\n\r\n
const SharedProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(true);
\r\n
setPersonalProjectsButtonState(false);
\r\n
};
\r\n\r\n
const PersonalProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(false);
\r\n
setPersonalProjectsButtonState(true);
\r\n
};
\r\n\r\n
const ProjectsDisplay = (projects) => {
\r\n
return (
\r\n
<div className=
\"
projectlist
\"
>
\r\n
<ul>
\r\n
{projects.map((elements, index) => (
\r\n
<li>
\r\n
<div className=
\"
project-entry
\"
>
\r\n
<div className=
\"
project-team-name
\"
>
\r\n
<NavLink to={`/projects/${projects[index].id}`}>{projects[index].id}
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
project-status-info-container
\"
>
\r\n
<div className=
\"
new-issues-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
bug
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Total issues</span>
\r\n
</div>
\r\n
<div className=
\"
issues-solved-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
check
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Issues solved</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Last updated: 1 day ago</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
projectlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
projectlist-title
\"
>Your Projects</h2>
\r\n
<button className=
\"
create-new-project-button
\"
>
\r\n
New Project
\r\n
</button>
\r\n
</div>
\r\n
<div className=
\"
project-sort-menu-container
\"
>
\r\n
<div className=
\"
personal-shared-projects-container
\"
>
\r\n
<a className={sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={SharedProjectsButtonActive}>Shared Projects</a>
\r\n
<a className={personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={PersonalProjectsButtonActive}>Personal Projects</a>
\r\n
</div>
\r\n
<div className=
\"
project-sort-select-container
\"
>
\r\n
<p>Sort by:</p>
\r\n
<select>
\r\n
<option>Last updated</option>
\r\n
<option>Last created</option>
\r\n
<option>Name</option>
\r\n
<option>Name descending</option>
\r\n
<option>Oldest created</option>
\r\n
<option>Oldest updated</option>
\r\n
</select>
\r\n
</div>
\r\n
</div>
\r\n
{ProjectsDisplay(sharedProjects)}
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default ProjectOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/749f2a1c7ecebc212b7456108d4f29d8.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
project
\\\\
projectOverview
\\\\
ProjectOverview.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { NavLink } from
\"
react-router-dom
\"
;
\n
import
\"
./projectOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const ProjectOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\n\n
const SharedProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(true);
\n
setPersonalProjectsButtonState(false);
\n
};
\n\n
const PersonalProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(false);
\n
setPersonalProjectsButtonState(true);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
projectlist-title
\"
,
\n
children:
\"
Your Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-project-button
\"
,
\n
children:
\"
New Project
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-menu-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
personal-shared-projects-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: is1stButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: SharedProjectsButtonActive,
\n
children:
\"
Shared Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: is2ndButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: PersonalProjectsButtonActive,
\n
children:
\"
Personal Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-select-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Sort by:
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
select
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name descending
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-team-name
\"
,
\n
children: /*#__PURE__*/_jsxDEV(NavLink, {
\n
to:
\"
/projects/ReactApp
\"
,
\n
children: [
\"
ReactApp
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-issues-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
bug
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Total issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
issues-solved-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
check
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 21
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Issues solved
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 21
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Last updated:
\\
xA01 day ago
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(ProjectOverview,
\"
WjKsI8a5YElUZRAaBk97zXZAzsg=
\"
);
\n\n
_c = ProjectOverview;
\n
export default ProjectOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
ProjectOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/project/projectOverview/ProjectOverview.js"
],
"names"
:[
"React"
,
"useState"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"ProjectOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"sharedProjectsButtonState"
,
"setSharedProjectsButtonState"
,
"personalProjectsButtonState"
,
"setPersonalProjectsButtonState"
,
"SharedProjectsButtonActive"
,
"PersonalProjectsButtonActive"
,
"is1stButtonActive"
,
"is2ndButtonActive"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import { NavLink } from
\"
react-router-dom
\"
;
\r\n
import
\"
./projectOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar';
\r\n\r\n
const ProjectOverview = () => {
\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
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\r\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\r\n\r\n
const SharedProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(true);
\r\n
setPersonalProjectsButtonState(false);
\r\n
};
\r\n\r\n
const PersonalProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(false);
\r\n
setPersonalProjectsButtonState(true);
\r\n
};
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
projectlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
projectlist-title
\"
>Your Projects</h2>
\r\n
<button className=
\"
create-new-project-button
\"
>
\r\n
New Project
\r\n
</button>
\r\n
</div>
\r\n
<div className=
\"
project-sort-menu-container
\"
>
\r\n
<div className=
\"
personal-shared-projects-container
\"
>
\r\n
<a className={is1stButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={SharedProjectsButtonActive}>Shared Projects</a>
\r\n
<a className={is2ndButtonActive ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={PersonalProjectsButtonActive}>Personal Projects</a>
\r\n
</div>
\r\n
<div className=
\"
project-sort-select-container
\"
>
\r\n
<p>Sort by:</p>
\r\n
<select>
\r\n
<option>Last updated</option>
\r\n
<option>Last created</option>
\r\n
<option>Name</option>
\r\n
<option>Name descending</option>
\r\n
<option>Oldest created</option>
\r\n
<option>Oldest updated</option>
\r\n
</select>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
projectlist
\"
>
\r\n
<ul>
\r\n
{ }
\r\n
<li>
\r\n
<div className=
\"
project-entry
\"
>
\r\n
<div className=
\"
project-team-name
\"
>
\r\n
<NavLink to=
\"
/projects/ReactApp
\"
>ReactApp
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
project-status-info-container
\"
>
\r\n
<div className=
\"
new-issues-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
bug
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Total issues</span>
\r\n
</div>
\r\n
<div className=
\"
issues-solved-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
check
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Issues solved</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Last updated: 1 day ago</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n\r\n
</ul>
\r\n
</div>
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default ProjectOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/81cb6bb40e0b4ff76929b54365040a26.json
0 → 100644
View file @
d6654cf4
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
project
\\\\
projectOverview
\\\\
ProjectOverview.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { NavLink } from
\"
react-router-dom
\"
;
\n
import
\"
./projectOverview.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import Navigationbar from '../../navigationbar/Navigationbar';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const ProjectOverview = () => {
\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
name:
\"
Teskeholdet
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\n\n
const SharedProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(true);
\n
setPersonalProjectsButtonState(false);
\n
};
\n\n
const PersonalProjectsButtonActive = () => {
\n
setSharedProjectsButtonState(false);
\n
setPersonalProjectsButtonState(true);
\n
};
\n\n
const ProjectsDisplay = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-team-name
\"
,
\n
children: /*#__PURE__*/_jsxDEV(NavLink, {
\n
to:
\"
/projects/ReactApp
\"
,
\n
children: [
\"
ReactApp
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-status-info-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-issues-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
bug
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Total issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
issues-solved-info
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
icon
\"
,
\n
icon:
\"
check
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
0
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
className:
\"
tooltip-text
\"
,
\n
children:
\"
Issues solved
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
last-updated-info
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Last updated:
\\
xA01 day ago
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(Navigationbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectlist-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
content-header
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
className:
\"
projectlist-title
\"
,
\n
children:
\"
Your Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
create-new-project-button
\"
,
\n
children:
\"
New Project
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-menu-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
personal-shared-projects-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: SharedProjectsButtonActive,
\n
children:
\"
Shared Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
className: personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
,
\n
onClick: PersonalProjectsButtonActive,
\n
children:
\"
Personal Projects
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-sort-select-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children:
\"
Sort by:
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
select
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 82,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Last created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 83,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 84,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Name descending
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 85,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest created
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 86,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
option
\"
, {
\n
children:
\"
Oldest updated
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 87,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 81,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 9
\n
}, this), ProjectsDisplay()]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(ProjectOverview,
\"
WjKsI8a5YElUZRAaBk97zXZAzsg=
\"
);
\n\n
_c = ProjectOverview;
\n
export default ProjectOverview;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
ProjectOverview
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/project/projectOverview/ProjectOverview.js"
],
"names"
:[
"React"
,
"useState"
,
"NavLink"
,
"FontAwesomeIcon"
,
"Navigationbar"
,
"ProjectOverview"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"sharedProjectsButtonState"
,
"setSharedProjectsButtonState"
,
"personalProjectsButtonState"
,
"setPersonalProjectsButtonState"
,
"SharedProjectsButtonActive"
,
"PersonalProjectsButtonActive"
,
"ProjectsDisplay"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import { NavLink } from
\"
react-router-dom
\"
;
\r\n
import
\"
./projectOverview.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import Navigationbar from '../../navigationbar/Navigationbar';
\r\n\r\n
const ProjectOverview = () => {
\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
\"
}, { name:
\"
Teskeholdet
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [sharedProjectsButtonState, setSharedProjectsButtonState] = useState(true);
\r\n
const [personalProjectsButtonState, setPersonalProjectsButtonState] = useState(false);
\r\n\r\n
const SharedProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(true);
\r\n
setPersonalProjectsButtonState(false);
\r\n
};
\r\n\r\n
const PersonalProjectsButtonActive = () => {
\r\n
setSharedProjectsButtonState(false);
\r\n
setPersonalProjectsButtonState(true);
\r\n
};
\r\n\r\n
const ProjectsDisplay = () => {
\r\n
return (
\r\n
<div className=
\"
projectlist
\"
>
\r\n
<ul>
\r\n
<li>
\r\n
<div className=
\"
project-entry
\"
>
\r\n
<div className=
\"
project-team-name
\"
>
\r\n
<NavLink to=
\"
/projects/ReactApp
\"
>ReactApp
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</NavLink>
\r\n
</div>
\r\n
<div className=
\"
project-status-info-container
\"
>
\r\n
<div className=
\"
new-issues-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
bug
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Total issues</span>
\r\n
</div>
\r\n
<div className=
\"
issues-solved-info
\"
>
\r\n
<FontAwesomeIcon className=
\"
icon
\"
icon=
\"
check
\"
></FontAwesomeIcon>
\r\n
<p>0</p>
\r\n
<span className=
\"
tooltip-text
\"
>Issues solved</span>
\r\n
</div>
\r\n
<div className=
\"
last-updated-info
\"
>
\r\n
<p>Last updated: 1 day ago</p>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</li>
\r\n
</ul>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div>
\r\n
<Navigationbar />
\r\n
<div className=
\"
projectlist-container
\"
>
\r\n
<div className=
\"
content-header
\"
>
\r\n
<h2 className=
\"
projectlist-title
\"
>Your Projects</h2>
\r\n
<button className=
\"
create-new-project-button
\"
>
\r\n
New Project
\r\n
</button>
\r\n
</div>
\r\n
<div className=
\"
project-sort-menu-container
\"
>
\r\n
<div className=
\"
personal-shared-projects-container
\"
>
\r\n
<a className={sharedProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={SharedProjectsButtonActive}>Shared Projects</a>
\r\n
<a className={personalProjectsButtonState ?
\"
activeUnderlined
\"
:
\"
inactive
\"
} onClick={PersonalProjectsButtonActive}>Personal Projects</a>
\r\n
</div>
\r\n
<div className=
\"
project-sort-select-container
\"
>
\r\n
<p>Sort by:</p>
\r\n
<select>
\r\n
<option>Last updated</option>
\r\n
<option>Last created</option>
\r\n
<option>Name</option>
\r\n
<option>Name descending</option>
\r\n
<option>Oldest created</option>
\r\n
<option>Oldest updated</option>
\r\n
</select>
\r\n
</div>
\r\n
</div>
\r\n
{ProjectsDisplay()}
\r\n
</div >
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default ProjectOverview"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/src/components/project/projectOverview/ProjectOverview.js
View file @
d6654cf4
...
...
@@ -5,19 +5,64 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import
Navigationbar
from
'
../../navigationbar/Navigationbar
'
;
const
ProjectOverview
=
()
=>
{
const
[
is1stButtonActive
,
set1stButtonActive
]
=
useState
(
true
);
const
[
is2ndButtonActive
,
set2ndButtonActive
]
=
useState
(
false
);
const
personalProjects
=
[
{
id
:
"
MyApp
"
,
type
:
"
personal
"
},
{
id
:
"
MyOtherApp
"
,
type
:
"
personal
"
}
]
const
FirstButtonActive
=
()
=>
{
set1stButtonActive
(
true
);
set2ndButtonActive
(
false
);
const
sharedProjects
=
[
{
id
:
"
ReactApp
"
,
type
:
"
shared
"
,
teams
:
[{
name
:
"
Henriks Meme Machine
"
},
{
name
:
"
Teskeholdet
"
}]
},
{
id
:
"
Very big ReactApp
"
,
type
:
"
shared
"
,
teams
:
[{
name
:
"
Aubergine
"
}]
}
]
const
[
sharedProjectsButtonState
,
setSharedProjectsButtonState
]
=
useState
(
true
);
const
[
personalProjectsButtonState
,
setPersonalProjectsButtonState
]
=
useState
(
false
);
const
SharedProjectsButtonActive
=
()
=>
{
setSharedProjectsButtonState
(
true
);
setPersonalProjectsButtonState
(
false
);
};
const
Second
ButtonActive
=
()
=>
{
set
1st
Button
Activ
e
(
false
);
set
2nd
Button
Activ
e
(
true
);
const
PersonalProjects
ButtonActive
=
()
=>
{
set
SharedProjects
Button
Stat
e
(
false
);
set
PersonalProjects
Button
Stat
e
(
true
);
};
const
ProjectsDisplay
=
(
projects
)
=>
{
return
(
<
div
className
=
"
projectlist
"
>
<
ul
>
{
projects
.
map
((
elements
,
index
)
=>
(
<
li
>
<
div
className
=
"
project-entry
"
>
<
div
className
=
"
project-team-name
"
>
<
NavLink
to
=
{
`/projects/
${
projects
[
index
].
id
}
`
}
>
{
projects
[
index
].
id
}
&
nbsp
;
<
FontAwesomeIcon
className
=
"
icon
"
icon
=
"
chevron-right
"
><
/FontAwesomeIcon
>
<
/NavLink
>
<
/div
>
<
div
className
=
"
project-status-info-container
"
>
<
div
className
=
"
new-issues-info
"
>
<
FontAwesomeIcon
className
=
"
icon
"
icon
=
"
bug
"
><
/FontAwesomeIcon
>
<
p
>
0
<
/p
>
<
span
className
=
"
tooltip-text
"
>
Total
issues
<
/span
>
<
/div
>
<
div
className
=
"
issues-solved-info
"
>
<
FontAwesomeIcon
className
=
"
icon
"
icon
=
"
check
"
><
/FontAwesomeIcon
>
<
p
>
0
<
/p
>
<
span
className
=
"
tooltip-text
"
>
Issues
solved
<
/span
>
<
/div
>
<
div
className
=
"
last-updated-info
"
>
<
p
>
Last
updated
:
&
nbsp
;
1
day
ago
<
/p
>
<
/div
>
<
/div
>
<
/div
>
<
/li
>
))}
<
/ul
>
<
/div
>
)
}
return
(
<
div
>
<
Navigationbar
/>
...
...
@@ -30,8 +75,8 @@ const ProjectOverview = () => {
<
/div
>
<
div
className
=
"
project-sort-menu-container
"
>
<
div
className
=
"
personal-shared-projects-container
"
>
<
a
className
=
{
is1st
Button
Activ
e
?
"
activeUnderlined
"
:
"
inactive
"
}
onClick
=
{
First
ButtonActive
}
>
Shared
Projects
<
/a
>
<
a
className
=
{
is2nd
Button
Activ
e
?
"
activeUnderlined
"
:
"
inactive
"
}
onClick
=
{
Second
ButtonActive
}
>
Personal
Projects
<
/a
>
<
a
className
=
{
sharedProjects
Button
Stat
e
?
"
activeUnderlined
"
:
"
inactive
"
}
onClick
=
{
SharedProjects
ButtonActive
}
>
Shared
Projects
<
/a
>
<
a
className
=
{
personalProjects
Button
Stat
e
?
"
activeUnderlined
"
:
"
inactive
"
}
onClick
=
{
PersonalProjects
ButtonActive
}
>
Personal
Projects
<
/a
>
<
/div
>
<
div
className
=
"
project-sort-select-container
"
>
<
p
>
Sort
by
:
<
/p
>
...
...
@@ -45,34 +90,7 @@ const ProjectOverview = () => {
<
/select
>
<
/div
>
<
/div
>
<
div
className
=
"
projectlist
"
>
<
ul
>
<
li
>
<
div
className
=
"
project-entry
"
>
<
div
className
=
"
project-team-name
"
>
<
NavLink
to
=
"
/projects/ReactApp
"
>
ReactApp
&
nbsp
;
<
FontAwesomeIcon
className
=
"
icon
"
icon
=
"
chevron-right
"
><
/FontAwesomeIcon
>
<
/NavLink
>
<
/div
>
<
div
className
=
"
project-status-info-container
"
>
<
div
className
=
"
new-issues-info
"
>
<
FontAwesomeIcon
className
=
"
icon
"
icon
=
"
bug
"
><
/FontAwesomeIcon
>
<
p
>
0
<
/p
>
<
span
className
=
"
tooltip-text
"
>
Total
issues
<
/span
>
<
/div
>
<
div
className
=
"
issues-solved-info
"
>
<
FontAwesomeIcon
className
=
"
icon
"
icon
=
"
check
"
><
/FontAwesomeIcon
>
<
p
>
0
<
/p
>
<
span
className
=
"
tooltip-text
"
>
Issues
solved
<
/span
>
<
/div
>
<
div
className
=
"
last-updated-info
"
>
<
p
>
Last
updated
:
&
nbsp
;
1
day
ago
<
/p
>
<
/div
>
<
/div
>
<
/div
>
<
/li
>
<
/ul
>
<
/div
>
{
sharedProjectsButtonState
?
ProjectsDisplay
(
sharedProjects
)
:
ProjectsDisplay
(
personalProjects
)}
<
/div
>
<
/div
>
)
...
...
client/src/components/team/teamOverview/TeamOverview.js
View file @
d6654cf4
...
...
@@ -5,6 +5,17 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import
Navigationbar
from
'
../../navigationbar/Navigationbar
'
const
TeamOverview
=
()
=>
{
const
personalProjects
=
[
{
id
:
"
MyApp
"
,
type
:
"
personal
"
},
{
id
:
"
MyOtherApp
"
,
type
:
"
personal
"
}
]
const
sharedProjects
=
[
{
id
:
"
ReactApp
"
,
type
:
"
shared
"
,
teams
:
[{
name
:
"
Henriks Meme Machine
"
},
{
name
:
"
Teskeholdet
"
}]
},
{
id
:
"
Very big ReactApp
"
,
type
:
"
shared
"
,
teams
:
[{
name
:
"
Aubergine
"
}]
}
]
return
(
<
div
>
<
Navigationbar
/>
...
...
Write
Preview
Markdown
is supported
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
