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
927cd7bf
Commit
927cd7bf
authored
Aug 19, 2021
by
Mathias Engelbrecht Pilegård
Browse files
separated sign-up and sign-in pages
parent
19893eb7
Changes
146
Expand all
Hide whitespace changes
Inline
Side-by-side
client/node_modules/.cache/babel-loader/5ad726ea93d00fbbf0048869af7b9c2e.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _s = $RefreshSig$();
\n\n
import { useState } from
\"
react
\"
;
\n\n
const useInput = initialValue => {
\n
_s();
\n\n
const [value, setValue] = useState(initialValue);
\n
return {
\n
value,
\n
setValue,
\n
reset: () => setValue(
\"\"
),
\n
bind: {
\n
value,
\n
onChange: event => {
\n
setValue(event.target.value);
\n
}
\n
}
\n
};
\n
};
\n\n
_s(useInput,
\"
L08zUdRTae9t+nWvf9xbU6NcRrM=
\"
);
\n\n
export default useInput;"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/util/useInput.jsx"
],
"names"
:[
"useState"
,
"useInput"
,
"initialValue"
,
"value"
,
"setValue"
,
"reset"
,
"bind"
,
"onChange"
,
"event"
,
"target"
],
"mappings"
:
";;AAAA,SAASA,QAAT,QAAyB,OAAzB;;AAEA,MAAMC,QAAQ,GAAIC,YAAD,IAAkB;AAAA;;AACjC,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBJ,QAAQ,CAACE,YAAD,CAAlC;AAEA,SAAO;AACLC,IAAAA,KADK;AAELC,IAAAA,QAFK;AAGLC,IAAAA,KAAK,EAAE,MAAMD,QAAQ,CAAC,EAAD,CAHhB;AAILE,IAAAA,IAAI,EAAE;AACJH,MAAAA,KADI;AAEJI,MAAAA,QAAQ,EAAEC,KAAK,IAAI;AACjBJ,QAAAA,QAAQ,CAACI,KAAK,CAACC,MAAN,CAAaN,KAAd,CAAR;AACD;AAJG;AAJD,GAAP;AAWD,CAdD;;GAAMF,Q;;AAgBN,eAAeA,QAAf"
,
"sourcesContent"
:[
"import { useState } from
\"
react
\"
;
\r\n\r\n
const useInput = (initialValue) => {
\r\n
const [value, setValue] = useState(initialValue);
\r\n\r\n
return {
\r\n
value,
\r\n
setValue,
\r\n
reset: () => setValue(
\"\"
),
\r\n
bind: {
\r\n
value,
\r\n
onChange: event => {
\r\n
setValue(event.target.value);
\r\n
}
\r\n
}
\r\n
};
\r\n
};
\r\n\r\n
export default useInput"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/5bfe8629e6784ab5edfa6c6b57666b71.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useEffect } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import SignInForm from './signInForm/SignInForm';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
pageContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
spacer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
text-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 14,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 15,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 13,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(SignInForm, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 18,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 11,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useEffect"
,
"useOktaAuth"
,
"SignInForm"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,OAAOC,UAAP,MAAuB,yBAAvB;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;;AACA,QAAMK,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,sBACE;AAAK,IAAA,SAAS,EAAC,eAAf;AAAA,4BACE;AAAK,MAAA,SAAS,EAAC,QAAf;AAAA,6BACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,gCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAOE;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,6BAeE,QAAC,UAAD;AAAA;AAAA;AAAA;AAAA;AAfF;AAAA;AAAA;AAAA;AAAA,YAPF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AA2BD,CA/BD;;GAAML,K;UAC4BF,W;;;KAD5BE,K;AAiCN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React, { useState, useEffect } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import SignInForm from './signInForm/SignInForm';
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
return (
\r\n
<div className=
\"
pageContainer
\"
>
\r\n
<div className=
\"
spacer
\"
>
\r\n
<div className=
\"
text-container
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
{/*
\r\n
<div>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
<div>
\r\n
<button onClick={ }>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
*/}
\r\n
<SignInForm />
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/5c3230f5e9d90201ca260a6649062a41.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signInForm
\\\\
SignInForm.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./SignInForm.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignInForm = () => {
\n
_s();
\n\n
const [isActive, setIsActive] = useState(false);
\n\n
const toggleMenu = () => setIsActive(!isActive);
\n\n
const {
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [sessionToken, setSessionToken] = useState();
\n
const [username, setUsername] = useState('');
\n
const [password, setPassword] = useState('');
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
oktaAuth.signInWithCredentials({
\n
username,
\n
password
\n
}).then(res => {
\n
const sessionToken = res.sessionToken;
\n
setSessionToken(sessionToken); // sessionToken is a one-use token, so make sure this is only called once
\n\n
oktaAuth.signInWithRedirect({
\n
sessionToken,
\n
originalUri: '/home'
\n
});
\n
}).catch(err => console.log('Found an error', err));
\n
};
\n\n
const handleUsernameChange = e => {
\n
setUsername(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setPassword(e.target.value);
\n
};
\n\n
if (sessionToken) {
\n
// Hide form while sessionToken is converted into id/access tokens
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginForm
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
children:
\"
Sign in
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Email:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
username
\"
,
\n
type:
\"
text
\"
,
\n
value: username,
\n
onChange: handleUsernameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
value: password,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
formSubmitButton
\"
,
\n
type:
\"
submit
\"
,
\n
children: [
\"
Sign in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
sign-up-prompt
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
children: [
\"
Dont have an account yet?
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
onClick: toggleMenu,
\n
children:
\"
Sign up
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignInForm,
\"
lI16YEvaR6FfIn7A8ugWf9zUgKo=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = SignInForm;
\n
export default SignInForm;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignInForm
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signInForm/SignInForm.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useOktaAuth"
,
"FontAwesomeIcon"
,
"SignInForm"
,
"isActive"
,
"setIsActive"
,
"toggleMenu"
,
"oktaAuth"
,
"sessionToken"
,
"setSessionToken"
,
"username"
,
"setUsername"
,
"password"
,
"setPassword"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"signInWithCredentials"
,
"then"
,
"res"
,
"signInWithRedirect"
,
"originalUri"
,
"catch"
,
"err"
,
"console"
,
"log"
,
"handleUsernameChange"
,
"target"
,
"value"
,
"handlePasswordChange"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./SignInForm.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const SignInForm = () => {
\r\n
const [isActive, setIsActive] = useState(false)
\r\n
const toggleMenu = () => setIsActive(!isActive)
\r\n\r\n
const { oktaAuth } = useOktaAuth();
\r\n
const [sessionToken, setSessionToken] = useState();
\r\n
const [username, setUsername] = useState('');
\r\n
const [password, setPassword] = useState('');
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault();
\r\n\r\n
oktaAuth.signInWithCredentials({ username, password })
\r\n
.then(res => {
\r\n
const sessionToken = res.sessionToken;
\r\n
setSessionToken(sessionToken);
\r\n
// sessionToken is a one-use token, so make sure this is only called once
\r\n
oktaAuth.signInWithRedirect({ sessionToken, originalUri: '/home' });
\r\n
})
\r\n
.catch(err => console.log('Found an error', err));
\r\n
};
\r\n\r\n
const handleUsernameChange = (e) => {
\r\n
setUsername(e.target.value);
\r\n
};
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setPassword(e.target.value);
\r\n
};
\r\n\r\n
if (sessionToken) {
\r\n
// Hide form while sessionToken is converted into id/access tokens
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
loginForm
\"
>
\r\n
<h2>Sign in</h2>
\r\n
<form onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Email:
\r\n
<input
\r\n
id=
\"
username
\"
type=
\"
text
\"\r\n
value={username}
\r\n
onChange={handleUsernameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n
value={password}
\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<button className=
\"
formSubmitButton
\"
type=
\"
submit
\"
>
\r\n
Sign in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</form>
\r\n
<div className=
\"
sign-up-prompt
\"
>
\r\n
<span>Dont have an account yet?
\r\n
<a onClick={toggleMenu}>Sign up</a>
\r\n
</span>
\r\n
</div>
\r\n
</div>
\r\n
);
\r\n
};
\r\n
export default SignInForm;
\r\n
"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/5ca1382882920b20fb4047e5af9b7369.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useEffect } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import SignInForm from './signInForm/SignInForm';
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
pageContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
spacer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
text-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 15,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
children: [
\"
Create account
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
user-plus
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 18,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 17,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 14,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 13,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(SignInForm, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 25,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useEffect"
,
"useOktaAuth"
,
"SignInForm"
,
"FontAwesomeIcon"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,OAAOC,UAAP,MAAuB,yBAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BL,WAAW,EAA3C;;AACA,QAAMM,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,sBACE;AAAK,IAAA,SAAS,EAAC,eAAf;AAAA,4BACE;AAAK,MAAA,SAAS,EAAC,QAAf;AAAA,6BACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,gCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFF,eAGE;AAAA,iCACE;AAAA,8DAEE,QAAC,eAAD;AAAiB,cAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,oBAFF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBAHF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAaE;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,6BAeE,QAAC,UAAD;AAAA;AAAA;AAAA;AAAA;AAfF;AAAA;AAAA;AAAA;AAAA,YAbF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAiCD,CArCD;;GAAML,K;UAC4BH,W;;;KAD5BG,K;AAuCN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React, { useState, useEffect } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import SignInForm from './signInForm/SignInForm';
\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
return (
\r\n
<div className=
\"
pageContainer
\"
>
\r\n
<div className=
\"
spacer
\"
>
\r\n
<div className=
\"
text-container
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
<div>
\r\n
<button>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
{/*
\r\n
<div>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
<div>
\r\n
<button onClick={ }>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
*/}
\r\n
<SignInForm />
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/5cd00a2ebcfbc2f9f4bcd386fc14ed4e.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
if (!authState) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children:
\"
Loading authentication...
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 7
\n
}, this);
\n
} else if (!authState.isAuthenticated) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
pageContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
spacer
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 17,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 21,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
login-create-account-button-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
onClick: login,
\n
children: [
\"
Log in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 23,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
onClick: login,
\n
children: [
\"
Create account
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
user-plus
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 19,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 7
\n
}, this);
\n
}
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useOktaAuth"
,
"FontAwesomeIcon"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
,
"isAuthenticated"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;;AACA,QAAMK,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,MAAI,CAACJ,SAAL,EAAgB;AACd,wBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAGD,GAJD,MAIO,IAAI,CAACA,SAAS,CAACK,eAAf,EAAgC;AACrC,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,8BACE;AAAK,QAAA,SAAS,EAAC;AAAf;AAAA;AAAA;AAAA;AAAA,cADF,eAGE;AAAK,QAAA,SAAS,EAAC,uBAAf;AAAA,gCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFF,eAGE;AAAK,UAAA,SAAS,EAAC,uCAAf;AAAA,kCACE;AAAA,mCACE;AAAQ,cAAA,OAAO,EAAEH,KAAjB;AAAA,wDAEE,QAAC,eAAD;AAAiB,gBAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,sBAFF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,kBADF,eAOE;AAAA,mCACE;AAAQ,cAAA,OAAO,EAAEA,KAAjB;AAAA,gEAEE,QAAC,eAAD;AAAiB,gBAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,sBAFF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,kBAPF;AAAA;AAAA;AAAA;AAAA;AAAA,gBAHF;AAAA;AAAA;AAAA;AAAA;AAAA,cAHF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAwBD;AACF,CAlCD;;GAAMH,K;UAC4BF,W;;;KAD5BE,K;AAoCN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
if (!authState) {
\r\n
return (
\r\n
<div>Loading authentication...</div>
\r\n
);
\r\n
} else if (!authState.isAuthenticated) {
\r\n
return (
\r\n
<div className=
\"
pageContainer
\"
>
\r\n
<div className=
\"
spacer
\"
>
\r\n
</div>
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
<div className=
\"
login-create-account-button-container
\"
>
\r\n
<div>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
<div>
\r\n
<button onClick={login}>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/5d9d1ab05993231136aaa5d11dc2faac.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _s = $RefreshSig$();
\n\n
import { useState, useEffect } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import config from
\"
../config
\"
;
\n\n
const useMessages = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [messages, setMessages] = useState(null);
\n
const [messageFetchFailed, setMessageFetchFailed] = useState(false); // fetch messages
\n\n
useEffect(() => {
\n
if (authState && authState.isAuthenticated) {
\n
const accessToken = oktaAuth.getAccessToken();
\n
fetch(config.serviceAPI.messagesUrl, {
\n
headers: {
\n
Authorization: `Bearer ${accessToken}`
\n
}
\n
}).then(response => {
\n
if (!response.ok) {
\n
return Promise.reject();
\n
}
\n\n
return response.json();
\n
}).then(data => {
\n
let index = 0;
\n
const formattedMessages = data.messages.map(message => {
\n
const date = new Date(message.date);
\n
const day = date.toLocaleDateString();
\n
const time = date.toLocaleTimeString();
\n
index += 1;
\n
return {
\n
date: `${day} ${time}`,
\n
sender: message.sender,
\n
text: message.text,
\n
id: `message-${index}`
\n
};
\n
});
\n
setMessages(formattedMessages);
\n
setMessageFetchFailed(false);
\n
}).catch(err => {
\n
setMessageFetchFailed(true);
\n
/* eslint-disable no-console */
\n\n
console.error(err);
\n
});
\n
}
\n
}, [authState]);
\n
return messages;
\n
};
\n\n
_s(useMessages,
\"
U3xiPl25FsmufxeRxpFVBz8Cguw=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
export default useMessages;"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/util/useMessages.jsx"
],
"names"
:[
"useState"
,
"useEffect"
,
"useOktaAuth"
,
"config"
,
"useMessages"
,
"authState"
,
"oktaAuth"
,
"messages"
,
"setMessages"
,
"messageFetchFailed"
,
"setMessageFetchFailed"
,
"isAuthenticated"
,
"accessToken"
,
"getAccessToken"
,
"fetch"
,
"serviceAPI"
,
"messagesUrl"
,
"headers"
,
"Authorization"
,
"then"
,
"response"
,
"ok"
,
"Promise"
,
"reject"
,
"json"
,
"data"
,
"index"
,
"formattedMessages"
,
"map"
,
"message"
,
"date"
,
"Date"
,
"day"
,
"toLocaleDateString"
,
"time"
,
"toLocaleTimeString"
,
"sender"
,
"text"
,
"id"
,
"catch"
,
"err"
,
"console"
,
"error"
],
"mappings"
:
";;AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AAEA,OAAOC,MAAP,MAAmB,WAAnB;;AAEA,MAAMC,WAAW,GAAG,MAAM;AAAA;;AACxB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;AACA,QAAM,CAACK,QAAD,EAAWC,WAAX,IAA0BR,QAAQ,CAAC,IAAD,CAAxC;AACA,QAAM,CAACS,kBAAD,EAAqBC,qBAArB,IAA8CV,QAAQ,CAAC,KAAD,CAA5D,CAHwB,CAKxB;;AACAC,EAAAA,SAAS,CAAC,MAAM;AACd,QAAII,SAAS,IAAIA,SAAS,CAACM,eAA3B,EAA4C;AAC1C,YAAMC,WAAW,GAAGN,QAAQ,CAACO,cAAT,EAApB;AACAC,MAAAA,KAAK,CAACX,MAAM,CAACY,UAAP,CAAkBC,WAAnB,EAAgC;AACnCC,QAAAA,OAAO,EAAE;AACPC,UAAAA,aAAa,EAAG,UAASN,WAAY;AAD9B;AAD0B,OAAhC,CAAL,CAKGO,IALH,CAKSC,QAAD,IAAc;AAClB,YAAI,CAACA,QAAQ,CAACC,EAAd,EAAkB;AAChB,iBAAOC,OAAO,CAACC,MAAR,EAAP;AACD;;AACD,eAAOH,QAAQ,CAACI,IAAT,EAAP;AACD,OAVH,EAWGL,IAXH,CAWSM,IAAD,IAAU;AACd,YAAIC,KAAK,GAAG,CAAZ;AACA,cAAMC,iBAAiB,GAAGF,IAAI,CAAClB,QAAL,CAAcqB,GAAd,CAAmBC,OAAD,IAAa;AACvD,gBAAMC,IAAI,GAAG,IAAIC,IAAJ,CAASF,OAAO,CAACC,IAAjB,CAAb;AACA,gBAAME,GAAG,GAAGF,IAAI,CAACG,kBAAL,EAAZ;AACA,gBAAMC,IAAI,GAAGJ,IAAI,CAACK,kBAAL,EAAb;AACAT,UAAAA,KAAK,IAAI,CAAT;AACA,iBAAO;AACLI,YAAAA,IAAI,EAAG,GAAEE,GAAI,IAAGE,IAAK,EADhB;AAELE,YAAAA,MAAM,EAAEP,OAAO,CAACO,MAFX;AAGLC,YAAAA,IAAI,EAAER,OAAO,CAACQ,IAHT;AAILC,YAAAA,EAAE,EAAG,WAAUZ,KAAM;AAJhB,WAAP;AAMD,SAXyB,CAA1B;AAYAlB,QAAAA,WAAW,CAACmB,iBAAD,CAAX;AACAjB,QAAAA,qBAAqB,CAAC,KAAD,CAArB;AACD,OA3BH,EA4BG6B,KA5BH,CA4BUC,GAAD,IAAS;AACd9B,QAAAA,qBAAqB,CAAC,IAAD,CAArB;AACA;;AACA+B,QAAAA,OAAO,CAACC,KAAR,CAAcF,GAAd;AACD,OAhCH;AAiCD;AACF,GArCQ,EAqCN,CAACnC,SAAD,CArCM,CAAT;AAuCA,SAAOE,QAAP;AACD,CA9CD;;GAAMH,W;UAC4BF,W;;;AA+ClC,eAAeE,WAAf"
,
"sourcesContent"
:[
"import { useState, useEffect } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n\r\n
import config from
\"
../config
\"\r\n\r\n
const useMessages = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth();
\r\n
const [messages, setMessages] = useState(null);
\r\n
const [messageFetchFailed, setMessageFetchFailed] = useState(false);
\r\n\r\n
// fetch messages
\r\n
useEffect(() => {
\r\n
if (authState && authState.isAuthenticated) {
\r\n
const accessToken = oktaAuth.getAccessToken();
\r\n
fetch(config.serviceAPI.messagesUrl, {
\r\n
headers: {
\r\n
Authorization: `Bearer ${accessToken}`,
\r\n
},
\r\n
})
\r\n
.then((response) => {
\r\n
if (!response.ok) {
\r\n
return Promise.reject();
\r\n
}
\r\n
return response.json();
\r\n
})
\r\n
.then((data) => {
\r\n
let index = 0;
\r\n
const formattedMessages = data.messages.map((message) => {
\r\n
const date = new Date(message.date);
\r\n
const day = date.toLocaleDateString();
\r\n
const time = date.toLocaleTimeString();
\r\n
index += 1;
\r\n
return {
\r\n
date: `${day} ${time}`,
\r\n
sender: message.sender,
\r\n
text: message.text,
\r\n
id: `message-${index}`,
\r\n
};
\r\n
});
\r\n
setMessages(formattedMessages);
\r\n
setMessageFetchFailed(false);
\r\n
})
\r\n
.catch((err) => {
\r\n
setMessageFetchFailed(true);
\r\n
/* eslint-disable no-console */
\r\n
console.error(err);
\r\n
});
\r\n
}
\r\n
}, [authState]);
\r\n\r\n
return messages
\r\n
}
\r\n\r\n
export default useMessages"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/614d5fa68a7a196a17e13af26c0b6485.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signInForm
\\\\
SignInForm.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./SignInForm.css
\"
;
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignInForm = () => {
\n
_s();
\n\n
const {
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [sessionToken, setSessionToken] = useState();
\n
const [username, setUsername] = useState('');
\n
const [password, setPassword] = useState('');
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
oktaAuth.signInWithCredentials({
\n
username,
\n
password
\n
}).then(res => {
\n
const sessionToken = res.sessionToken;
\n
setSessionToken(sessionToken); // sessionToken is a one-use token, so make sure this is only called once
\n\n
oktaAuth.signInWithRedirect({
\n
sessionToken,
\n
originalUri: '/home'
\n
});
\n
}).catch(err => console.log('Found an error', err));
\n
};
\n\n
const handleUsernameChange = e => {
\n
setUsername(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setPassword(e.target.value);
\n
};
\n\n
if (sessionToken) {
\n
// Hide form while sessionToken is converted into id/access tokens
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginForm
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Username:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
username
\"
,
\n
type:
\"
text
\"
,
\n
value: username,
\n
onChange: handleUsernameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
value: password,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
formSubmitButton
\"
,
\n
type:
\"
submit
\"
,
\n
children: [
\"
Sign in
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
arrow-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignInForm,
\"
bxx9XPyVMV5w7k/pmF819NCII9M=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = SignInForm;
\n
export default SignInForm;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignInForm
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signInForm/SignInForm.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useOktaAuth"
,
"SignInForm"
,
"oktaAuth"
,
"sessionToken"
,
"setSessionToken"
,
"username"
,
"setUsername"
,
"password"
,
"setPassword"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"signInWithCredentials"
,
"then"
,
"res"
,
"signInWithRedirect"
,
"originalUri"
,
"catch"
,
"err"
,
"console"
,
"log"
,
"handleUsernameChange"
,
"target"
,
"value"
,
"handlePasswordChange"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,kBAAP;;;AAEA,MAAMC,UAAU,GAAG,MAAM;AAAA;;AACvB,QAAM;AAAEC,IAAAA;AAAF,MAAeF,WAAW,EAAhC;AACA,QAAM,CAACG,YAAD,EAAeC,eAAf,IAAkCL,QAAQ,EAAhD;AACA,QAAM,CAACM,QAAD,EAAWC,WAAX,IAA0BP,QAAQ,CAAC,EAAD,CAAxC;AACA,QAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BT,QAAQ,CAAC,EAAD,CAAxC;;AAEA,QAAMU,YAAY,GAAIC,CAAD,IAAO;AAC1BA,IAAAA,CAAC,CAACC,cAAF;AAEAT,IAAAA,QAAQ,CAACU,qBAAT,CAA+B;AAAEP,MAAAA,QAAF;AAAYE,MAAAA;AAAZ,KAA/B,EACGM,IADH,CACQC,GAAG,IAAI;AACX,YAAMX,YAAY,GAAGW,GAAG,CAACX,YAAzB;AACAC,MAAAA,eAAe,CAACD,YAAD,CAAf,CAFW,CAGX;;AACAD,MAAAA,QAAQ,CAACa,kBAAT,CAA4B;AAAEZ,QAAAA,YAAF;AAAgBa,QAAAA,WAAW,EAAE;AAA7B,OAA5B;AACD,KANH,EAOGC,KAPH,CAOSC,GAAG,IAAIC,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8BF,GAA9B,CAPhB;AAQD,GAXD;;AAaA,QAAMG,oBAAoB,GAAIX,CAAD,IAAO;AAClCJ,IAAAA,WAAW,CAACI,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,QAAMC,oBAAoB,GAAId,CAAD,IAAO;AAClCF,IAAAA,WAAW,CAACE,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,MAAIpB,YAAJ,EAAkB;AAChB;AACA,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAC,WAAf;AAAA,2BACE;AAAM,MAAA,QAAQ,EAAEM,YAAhB;AAAA,8BACE;AAAA,6CAEE;AACE,UAAA,EAAE,EAAC,UADL;AACgB,UAAA,IAAI,EAAC,MADrB;AAEE,UAAA,KAAK,EAAEJ,QAFT;AAGE,UAAA,QAAQ,EAAEgB;AAHZ;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAQE;AAAA,6CAEE;AACE,UAAA,EAAE,EAAC,UADL;AACgB,UAAA,IAAI,EAAC,UADrB;AAEE,UAAA,KAAK,EAAEd,QAFT;AAGE,UAAA,QAAQ,EAAEiB;AAHZ;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cARF,eAeE;AAAQ,QAAA,SAAS,EAAC,kBAAlB;AAAqC,QAAA,IAAI,EAAC,QAA1C;AAAA,+CAEE,QAAC,eAAD;AAAiB,UAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cAfF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAwBD,CAxDD;;GAAMvB,U;UACiBD,W;;;KADjBC,U;AAyDN,eAAeA,UAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./SignInForm.css
\"\r\n\r\n
const SignInForm = () => {
\r\n
const { oktaAuth } = useOktaAuth();
\r\n
const [sessionToken, setSessionToken] = useState();
\r\n
const [username, setUsername] = useState('');
\r\n
const [password, setPassword] = useState('');
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault();
\r\n\r\n
oktaAuth.signInWithCredentials({ username, password })
\r\n
.then(res => {
\r\n
const sessionToken = res.sessionToken;
\r\n
setSessionToken(sessionToken);
\r\n
// sessionToken is a one-use token, so make sure this is only called once
\r\n
oktaAuth.signInWithRedirect({ sessionToken, originalUri: '/home' });
\r\n
})
\r\n
.catch(err => console.log('Found an error', err));
\r\n
};
\r\n\r\n
const handleUsernameChange = (e) => {
\r\n
setUsername(e.target.value);
\r\n
};
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setPassword(e.target.value);
\r\n
};
\r\n\r\n
if (sessionToken) {
\r\n
// Hide form while sessionToken is converted into id/access tokens
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
loginForm
\"
>
\r\n
<form onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Username:
\r\n
<input
\r\n
id=
\"
username
\"
type=
\"
text
\"\r\n
value={username}
\r\n
onChange={handleUsernameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n
value={password}
\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<button className=
\"
formSubmitButton
\"
type=
\"
submit
\"
>
\r\n
Sign in
\r\n
<FontAwesomeIcon icon=
\"
arrow-right
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</form>
\r\n
</div>
\r\n
);
\r\n
};
\r\n
export default SignInForm;
\r\n
"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/61df0650ddbb04dbddcf2c9583add61b.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useEffect } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import SignInForm from './signInForm/SignInForm';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
pageContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
spacer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 13,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 14,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 11,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useEffect"
,
"useOktaAuth"
,
"SignInForm"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,OAAOC,UAAP,MAAuB,yBAAvB;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;;AACA,QAAMK,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,sBACE;AAAK,IAAA,SAAS,EAAC,eAAf;AAAA,4BACE;AAAK,MAAA,SAAS,EAAC,QAAf;AAAA,8BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eAKE;AAAK,MAAA,SAAS,EAAC;AAAf;AAAA;AAAA;AAAA;AAAA,YALF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAwBD,CA5BD;;GAAML,K;UAC4BF,W;;;KAD5BE,K;AA8BN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React, { useState, useEffect } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import SignInForm from './signInForm/SignInForm';
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
return (
\r\n
<div className=
\"
pageContainer
\"
>
\r\n
<div className=
\"
spacer
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
</div>
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
{/*
\r\n
<div>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
<div>
\r\n
<button onClick={ }>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
*/}
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/624ff15cbc79ae3660c14c8af1daf63c.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signInForm
\\\\
SignInForm.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./SignInForm.css
\"
;
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignInForm = () => {
\n
_s();
\n\n
const {
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [sessionToken, setSessionToken] = useState();
\n
const [username, setUsername] = useState('');
\n
const [password, setPassword] = useState('');
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
oktaAuth.signInWithCredentials({
\n
username,
\n
password
\n
}).then(res => {
\n
const sessionToken = res.sessionToken;
\n
setSessionToken(sessionToken); // sessionToken is a one-use token, so make sure this is only called once
\n\n
oktaAuth.signInWithRedirect({
\n
sessionToken,
\n
originalUri: '/home'
\n
});
\n
}).catch(err => console.log('Found an error', err));
\n
};
\n\n
const handleUsernameChange = e => {
\n
setUsername(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setPassword(e.target.value);
\n
};
\n\n
if (sessionToken) {
\n
// Hide form while sessionToken is converted into id/access tokens
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Username:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
username
\"
,
\n
type:
\"
text
\"
,
\n
value: username,
\n
onChange: handleUsernameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
value: password,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
submit
\"
,
\n
type:
\"
submit
\"
,
\n
value:
\"
Submit
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignInForm,
\"
bxx9XPyVMV5w7k/pmF819NCII9M=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = SignInForm;
\n
export default SignInForm;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignInForm
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signInForm/SignInForm.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useOktaAuth"
,
"SignInForm"
,
"oktaAuth"
,
"sessionToken"
,
"setSessionToken"
,
"username"
,
"setUsername"
,
"password"
,
"setPassword"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"signInWithCredentials"
,
"then"
,
"res"
,
"signInWithRedirect"
,
"originalUri"
,
"catch"
,
"err"
,
"console"
,
"log"
,
"handleUsernameChange"
,
"target"
,
"value"
,
"handlePasswordChange"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,kBAAP;;;AAEA,MAAMC,UAAU,GAAG,MAAM;AAAA;;AACvB,QAAM;AAAEC,IAAAA;AAAF,MAAeF,WAAW,EAAhC;AACA,QAAM,CAACG,YAAD,EAAeC,eAAf,IAAkCL,QAAQ,EAAhD;AACA,QAAM,CAACM,QAAD,EAAWC,WAAX,IAA0BP,QAAQ,CAAC,EAAD,CAAxC;AACA,QAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BT,QAAQ,CAAC,EAAD,CAAxC;;AAEA,QAAMU,YAAY,GAAIC,CAAD,IAAO;AAC1BA,IAAAA,CAAC,CAACC,cAAF;AAEAT,IAAAA,QAAQ,CAACU,qBAAT,CAA+B;AAAEP,MAAAA,QAAF;AAAYE,MAAAA;AAAZ,KAA/B,EACGM,IADH,CACQC,GAAG,IAAI;AACX,YAAMX,YAAY,GAAGW,GAAG,CAACX,YAAzB;AACAC,MAAAA,eAAe,CAACD,YAAD,CAAf,CAFW,CAGX;;AACAD,MAAAA,QAAQ,CAACa,kBAAT,CAA4B;AAAEZ,QAAAA,YAAF;AAAgBa,QAAAA,WAAW,EAAE;AAA7B,OAA5B;AACD,KANH,EAOGC,KAPH,CAOSC,GAAG,IAAIC,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8BF,GAA9B,CAPhB;AAQD,GAXD;;AAaA,QAAMG,oBAAoB,GAAIX,CAAD,IAAO;AAClCJ,IAAAA,WAAW,CAACI,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,QAAMC,oBAAoB,GAAId,CAAD,IAAO;AAClCF,IAAAA,WAAW,CAACE,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,MAAIpB,YAAJ,EAAkB;AAChB;AACA,WAAO,IAAP;AACD;;AAED,sBACE;AAAM,IAAA,QAAQ,EAAEM,YAAhB;AAAA,4BACE;AAAA,2CAEE;AACE,QAAA,EAAE,EAAC,UADL;AACgB,QAAA,IAAI,EAAC,MADrB;AAEE,QAAA,KAAK,EAAEJ,QAFT;AAGE,QAAA,QAAQ,EAAEgB;AAHZ;AAAA;AAAA;AAAA;AAAA,cAFF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eAQE;AAAA,2CAEE;AACE,QAAA,EAAE,EAAC,UADL;AACgB,QAAA,IAAI,EAAC,UADrB;AAEE,QAAA,KAAK,EAAEd,QAFT;AAGE,QAAA,QAAQ,EAAEiB;AAHZ;AAAA;AAAA;AAAA;AAAA,cAFF;AAAA;AAAA;AAAA;AAAA;AAAA,YARF,eAeE;AAAO,MAAA,EAAE,EAAC,QAAV;AAAmB,MAAA,IAAI,EAAC,QAAxB;AAAiC,MAAA,KAAK,EAAC;AAAvC;AAAA;AAAA;AAAA;AAAA,YAfF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAmBD,CAnDD;;GAAMvB,U;UACiBD,W;;;KADjBC,U;AAoDN,eAAeA,UAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./SignInForm.css
\"\r\n\r\n
const SignInForm = () => {
\r\n
const { oktaAuth } = useOktaAuth();
\r\n
const [sessionToken, setSessionToken] = useState();
\r\n
const [username, setUsername] = useState('');
\r\n
const [password, setPassword] = useState('');
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault();
\r\n\r\n
oktaAuth.signInWithCredentials({ username, password })
\r\n
.then(res => {
\r\n
const sessionToken = res.sessionToken;
\r\n
setSessionToken(sessionToken);
\r\n
// sessionToken is a one-use token, so make sure this is only called once
\r\n
oktaAuth.signInWithRedirect({ sessionToken, originalUri: '/home' });
\r\n
})
\r\n
.catch(err => console.log('Found an error', err));
\r\n
};
\r\n\r\n
const handleUsernameChange = (e) => {
\r\n
setUsername(e.target.value);
\r\n
};
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setPassword(e.target.value);
\r\n
};
\r\n\r\n
if (sessionToken) {
\r\n
// Hide form while sessionToken is converted into id/access tokens
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<form onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Username:
\r\n
<input
\r\n
id=
\"
username
\"
type=
\"
text
\"\r\n
value={username}
\r\n
onChange={handleUsernameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n
value={password}
\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<input id=
\"
submit
\"
type=
\"
submit
\"
value=
\"
Submit
\"
/>
\r\n
</form>
\r\n
);
\r\n
};
\r\n
export default SignInForm;
\r\n
"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/6275e1bbb78413ee5ce7b078998547a6.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signIn
\\\\
SignIn.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./SignIn.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignIn = () => {
\n
_s();
\n\n
const [isActive, setIsActive] = useState(false);
\n
const {
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [sessionToken, setSessionToken] = useState();
\n
const [username, setUsername] = useState('');
\n
const [password, setPassword] = useState('');
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
oktaAuth.signInWithCredentials({
\n
username,
\n
password
\n
}).then(res => {
\n
const sessionToken = res.sessionToken;
\n
setSessionToken(sessionToken); // sessionToken is a one-use token, so make sure this is only called once
\n\n
oktaAuth.signInWithRedirect({
\n
sessionToken,
\n
originalUri: '/home'
\n
});
\n
}).catch(err => console.log('Found an error', err));
\n
};
\n\n
const handleUsernameChange = e => {
\n
setUsername(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setPassword(e.target.value);
\n
};
\n\n
if (sessionToken) {
\n
// Hide form while sessionToken is converted into id/access tokens
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
signInPage-content
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
signInForm-container
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
signInForm
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
children:
\"
Sign in
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Email:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
username
\"
,
\n
type:
\"
text
\"
,
\n
placeholder:
\"
EMail
\"
,
\n
value: username,
\n
onChange: handleUsernameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
value: password,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
formSubmitButton
\"
,
\n
type:
\"
submit
\"
,
\n
children: [
\"
Sign in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
sign-up-prompt
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
children: [
\"
Dont have an account yet?
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children:
\"
Sign up
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignIn,
\"
lI16YEvaR6FfIn7A8ugWf9zUgKo=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = SignIn;
\n
export default SignIn;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignIn
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signIn/SignIn.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useOktaAuth"
,
"FontAwesomeIcon"
,
"SignIn"
,
"isActive"
,
"setIsActive"
,
"oktaAuth"
,
"sessionToken"
,
"setSessionToken"
,
"username"
,
"setUsername"
,
"password"
,
"setPassword"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"signInWithCredentials"
,
"then"
,
"res"
,
"signInWithRedirect"
,
"originalUri"
,
"catch"
,
"err"
,
"console"
,
"log"
,
"handleUsernameChange"
,
"target"
,
"value"
,
"handlePasswordChange"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./SignIn.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const SignIn = () => {
\r\n
const [isActive, setIsActive] = useState(false)
\r\n\r\n
const { oktaAuth } = useOktaAuth();
\r\n
const [sessionToken, setSessionToken] = useState();
\r\n
const [username, setUsername] = useState('');
\r\n
const [password, setPassword] = useState('');
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault();
\r\n\r\n
oktaAuth.signInWithCredentials({ username, password })
\r\n
.then(res => {
\r\n
const sessionToken = res.sessionToken;
\r\n
setSessionToken(sessionToken);
\r\n
// sessionToken is a one-use token, so make sure this is only called once
\r\n
oktaAuth.signInWithRedirect({ sessionToken, originalUri: '/home' });
\r\n
})
\r\n
.catch(err => console.log('Found an error', err));
\r\n
};
\r\n\r\n
const handleUsernameChange = (e) => {
\r\n
setUsername(e.target.value);
\r\n
};
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setPassword(e.target.value);
\r\n
};
\r\n\r\n
if (sessionToken) {
\r\n
// Hide form while sessionToken is converted into id/access tokens
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
signInPage-content
\"
>
\r\n
<div className=
\"
signInForm-container
\"
>
\r\n
<div className=
\"
signInForm
\"
>
\r\n
<h2>Sign in</h2>
\r\n
<form onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Email:
\r\n
<input
\r\n
id=
\"
username
\"
type=
\"
text
\"\r\n
placeholder=
\"
EMail
\"\r\n
value={username}
\r\n
onChange={handleUsernameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n
value={password}
\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<button className=
\"
formSubmitButton
\"
type=
\"
submit
\"
>
\r\n
Sign in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</form>
\r\n
<div className=
\"
sign-up-prompt
\"
>
\r\n
<span>Dont have an account yet?
\r\n
<a>Sign up</a>
\r\n
</span>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
);
\r\n
};
\r\n
export default SignIn;
\r\n
"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/62deafa3abb6fadbff7ef193991c4933.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
if (!authState) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children:
\"
Loading authentication...
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 7
\n
}, this);
\n
} else if (!authState.isAuthenticated) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 17,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 18,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
login-create-account-button-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
onClick: login,
\n
children: [
\"
Log in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
onClick: login,
\n
children: [
\"
Create account
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 19,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 7
\n
}, this);
\n
}
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useOktaAuth"
,
"FontAwesomeIcon"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
,
"isAuthenticated"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;;AACA,QAAMK,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,MAAI,CAACJ,SAAL,EAAgB;AACd,wBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAGD,GAJD,MAIO,IAAI,CAACA,SAAS,CAACK,eAAf,EAAgC;AACrC,wBACE;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,8BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF,eAGE;AAAK,QAAA,SAAS,EAAC,uCAAf;AAAA,gCACE;AAAQ,UAAA,OAAO,EAAEH,KAAjB;AAAA,oDAEE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,kBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAKE;AAAQ,UAAA,OAAO,EAAEA,KAAjB;AAAA,4DAEE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,kBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,gBALF;AAAA;AAAA;AAAA;AAAA;AAAA,cAHF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAgBD;AACF,CA1BD;;GAAMH,K;UAC4BF,W;;;KAD5BE,K;AA4BN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
if (!authState) {
\r\n
return (
\r\n
<div>Loading authentication...</div>
\r\n
);
\r\n
} else if (!authState.isAuthenticated) {
\r\n
return (
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
<div className=
\"
login-create-account-button-container
\"
>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
<button onClick={login}>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/644a0619d9c91062d338357620f5e667.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
if (!authState) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children:
\"
Loading authentication...
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 7
\n
}, this);
\n
} else if (!authState.isAuthenticated) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 17,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 18,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
login-create-account-button-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
onClick: login,
\n
children: [
\"
Log in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
onClick: login,
\n
children: [
\"
Create account
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
user-plus
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 19,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 7
\n
}, this);
\n
}
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useOktaAuth"
,
"FontAwesomeIcon"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
,
"isAuthenticated"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;;AACA,QAAMK,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,MAAI,CAACJ,SAAL,EAAgB;AACd,wBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAGD,GAJD,MAIO,IAAI,CAACA,SAAS,CAACK,eAAf,EAAgC;AACrC,wBACE;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,8BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF,eAGE;AAAK,QAAA,SAAS,EAAC,uCAAf;AAAA,gCACE;AAAQ,UAAA,OAAO,EAAEH,KAAjB;AAAA,oDAEE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,kBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAKE;AAAQ,UAAA,OAAO,EAAEA,KAAjB;AAAA,4DAEE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,kBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,gBALF;AAAA;AAAA;AAAA;AAAA;AAAA,cAHF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAgBD;AACF,CA1BD;;GAAMH,K;UAC4BF,W;;;KAD5BE,K;AA4BN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
if (!authState) {
\r\n
return (
\r\n
<div>Loading authentication...</div>
\r\n
);
\r\n
} else if (!authState.isAuthenticated) {
\r\n
return (
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
<div className=
\"
login-create-account-button-container
\"
>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
<button onClick={login}>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/64f2e02598e612713df47f568d2f3991.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
home
\\\\
updates
\\\\
Updates.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React from 'react';
\n
import
\"
./Updates.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import useMessages from '../../../util/useMessages';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Updates = () => {
\n
_s();
\n\n
const messages = useMessages();
\n\n
if (messages) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-new-messages-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-display-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-display-header
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
exclamation
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 15
\n
}, this),
\"\\
xA0
\\
xA0New project updates
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 15,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 14,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-display-content
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-update-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
entry-text
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
upper-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children:
\"
[project] [new issues] [issues fixed]
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 23,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
bottom-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children:
\"
[team] [time]
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
entry-icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 21,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 13,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-display-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-display-header
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
envelope
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 15
\n
}, this),
\"\\
xA0
\\
xA0New messages
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this), messages.map(message => /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-display-content
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-message-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
entry-text
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
upper-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"
[
\"
, message.sender,
\"
] [
\"
, message.id,
\"
]
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
bottom-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"
[team] [
\"
, message.date,
\"
]
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
entry-icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\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)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 13
\n
}, this))]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 11,
\n
columnNumber: 7
\n
}, this);
\n
} else return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children:
\"
Fetching content...
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 73,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Updates,
\"
XN0E2gtL1gAmm+PNrJbqZSrG6t4=
\"
, false, function () {
\n
return [useMessages];
\n
});
\n\n
_c = Updates;
\n
export default Updates;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Updates
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/home/updates/Updates.jsx"
],
"names"
:[
"React"
,
"FontAwesomeIcon"
,
"useMessages"
,
"Updates"
,
"messages"
,
"map"
,
"message"
,
"sender"
,
"id"
,
"date"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,eAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,OAAOC,WAAP,MAAwB,2BAAxB;;;AAEA,MAAMC,OAAO,GAAG,MAAM;AAAA;;AACpB,QAAMC,QAAQ,GAAGF,WAAW,EAA5B;;AAEA,MAAIE,QAAJ,EAAc;AACZ,wBACE;AAAK,MAAA,SAAS,EAAC,wCAAf;AAAA,8BAEE;AAAK,QAAA,SAAS,EAAC,mCAAf;AAAA,gCACE;AAAK,UAAA,SAAS,EAAC,gCAAf;AAAA,iCACE;AAAA,oCACE,QAAC,eAAD;AAAiB,cAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,oBADF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADF,eAOE;AAAK,UAAA,SAAS,EAAC,iCAAf;AAAA,iCACE;AAAK,YAAA,SAAS,EAAC,sBAAf;AAAA,oCACE;AAAK,cAAA,SAAS,EAAC,YAAf;AAAA,sCACE;AAAK,gBAAA,SAAS,EAAC,WAAf;AAAA,uCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBADF,eAME;AAAK,gBAAA,SAAS,EAAC,YAAf;AAAA,uCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBANF;AAAA;AAAA;AAAA;AAAA;AAAA,oBADF,eAaE;AAAA,qCACE,QAAC,eAAD;AAAiB,gBAAA,SAAS,EAAC,YAA3B;AAAwC,gBAAA,IAAI,EAAC;AAA7C;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,oBAbF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBAPF;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF,eA8BE;AAAK,QAAA,SAAS,EAAC,gCAAf;AAAA,gCACE;AAAK,UAAA,SAAS,EAAC,6BAAf;AAAA,iCACE;AAAA,oCACE,QAAC,eAAD;AAAiB,cAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,oBADF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADF,EAOGA,QAAQ,CAACC,GAAT,CAAcC,OAAD,iBACZ;AAAK,UAAA,SAAS,EAAC,8BAAf;AAAA,iCACE;AAAK,YAAA,SAAS,EAAC,mBAAf;AAAA,oCACE;AAAK,cAAA,SAAS,EAAC,YAAf;AAAA,sCACE;AAAK,gBAAA,SAAS,EAAC,WAAf;AAAA,uCACE;AAAA,kCACIA,OAAO,CAACC,MADZ,SACuBD,OAAO,CAACE,EAD/B;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBADF,eAME;AAAK,gBAAA,SAAS,EAAC,YAAf;AAAA,uCACE;AAAA,yCACWF,OAAO,CAACG,IADnB;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBANF;AAAA;AAAA;AAAA;AAAA;AAAA,oBADF,eAaE;AAAA,qCACE,QAAC,eAAD;AAAiB,gBAAA,SAAS,EAAC,YAA3B;AAAwC,gBAAA,IAAI,EAAC;AAA7C;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,oBAbF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADD,CAPH;AAAA;AAAA;AAAA;AAAA;AAAA,cA9BF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AA8DD,GA/DD,MA+DO,oBACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADK;AAKR,CAvED;;GAAMN,O;UACaD,W;;;KADbC,O;AAyEN,eAAeA,OAAf"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import
\"
./Updates.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import useMessages from '../../../util/useMessages'
\r\n\r\n
const Updates = () => {
\r\n
const messages = useMessages()
\r\n\r\n
if (messages) {
\r\n
return (
\r\n
<div className=
\"
project-updates-new-messages-container
\"
>
\r\n\r\n
<div className=
\"
project-updates-display-container
\"
>
\r\n
<div className=
\"
project-updates-display-header
\"
>
\r\n
<p>
\r\n
<FontAwesomeIcon icon=
\"
exclamation
\"
></FontAwesomeIcon>
\r\n
New project updates
\r\n
</p>
\r\n
</div>
\r\n
<div className=
\"
project-updates-display-content
\"
>
\r\n
<div className=
\"
project-update-entry
\"
>
\r\n
<div className=
\"
entry-text
\"
>
\r\n
<div className=
\"
upper-row
\"
>
\r\n
<a>
\r\n
[project] [new issues] [issues fixed]
\r\n
</a>
\r\n
</div>
\r\n
<div className=
\"
bottom-row
\"
>
\r\n
<a>
\r\n
[team] [time]
\r\n
</a>
\r\n
</div>
\r\n
</div>
\r\n
<div>
\r\n
<FontAwesomeIcon className=
\"
entry-icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n\r\n
<div className=
\"
new-messages-display-container
\"
>
\r\n
<div className=
\"
new-messages-display-header
\"
>
\r\n
<p>
\r\n
<FontAwesomeIcon icon=
\"
envelope
\"
></FontAwesomeIcon>
\r\n
New messages
\r\n
</p>
\r\n
</div>
\r\n
{messages.map((message) => (
\r\n
<div className=
\"
new-messages-display-content
\"
>
\r\n
<div className=
\"
new-message-entry
\"
>
\r\n
<div className=
\"
entry-text
\"
>
\r\n
<div className=
\"
upper-row
\"
>
\r\n
<a>
\r\n
[{message.sender}] [{message.id}]
\r\n
</a>
\r\n
</div>
\r\n
<div className=
\"
bottom-row
\"
>
\r\n
<a>
\r\n
[team] [{message.date}]
\r\n
</a>
\r\n
</div>
\r\n
</div>
\r\n
<div>
\r\n
<FontAwesomeIcon className=
\"
entry-icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
))}
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
} else return (
\r\n
<div>
\r\n
Fetching content...
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default Updates"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/6681d60528d9c59e619c3c52c7bca78b.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
home
\\\\
updates
\\\\
Updates.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React from 'react';
\n
import
\"
./Updates.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import useMessages from '../../../util/useMessages';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Updates = () => {
\n
_s();
\n\n
const messages = useMessages();
\n\n
if (messages) {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-new-messages-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-display-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-display-header
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
exclamation
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 15
\n
}, this),
\"\\
xA0
\\
xA0New project updates
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 15,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 14,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-updates-display-content
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
project-update-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
entry-text
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
upper-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children:
\"
[project] [new issues] [issues fixed]
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 23,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
bottom-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children:
\"
[team] [time]
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
entry-icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 21,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 13,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-display-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-display-header
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
p
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
envelope
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 15
\n
}, this),
\"\\
xA0
\\
xA0New messages
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this), messages.map(message => /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-messages-display-content
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
new-message-entry
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
entry-text
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
upper-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"
[
\"
, message.sender,
\"
] [
\"
, message.id,
\"
]
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
bottom-row
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"
[team] [
\"
, message.date,
\"
]
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 21
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
className:
\"
entry-icon
\"
,
\n
icon:
\"
chevron-right
\"\n
}, void 0, false, {
\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)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 13
\n
}, this))]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 11,
\n
columnNumber: 7
\n
}, this);
\n
}
\n
};
\n\n
_s(Updates,
\"
XN0E2gtL1gAmm+PNrJbqZSrG6t4=
\"
, false, function () {
\n
return [useMessages];
\n
});
\n\n
_c = Updates;
\n
export default Updates;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Updates
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/home/updates/Updates.jsx"
],
"names"
:[
"React"
,
"FontAwesomeIcon"
,
"useMessages"
,
"Updates"
,
"messages"
,
"map"
,
"message"
,
"sender"
,
"id"
,
"date"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,eAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,OAAOC,WAAP,MAAwB,2BAAxB;;;AAEA,MAAMC,OAAO,GAAG,MAAM;AAAA;;AACpB,QAAMC,QAAQ,GAAGF,WAAW,EAA5B;;AAEA,MAAIE,QAAJ,EAAc;AACZ,wBACE;AAAK,MAAA,SAAS,EAAC,wCAAf;AAAA,8BAEE;AAAK,QAAA,SAAS,EAAC,mCAAf;AAAA,gCACE;AAAK,UAAA,SAAS,EAAC,gCAAf;AAAA,iCACE;AAAA,oCACE,QAAC,eAAD;AAAiB,cAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,oBADF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADF,eAOE;AAAK,UAAA,SAAS,EAAC,iCAAf;AAAA,iCACE;AAAK,YAAA,SAAS,EAAC,sBAAf;AAAA,oCACE;AAAK,cAAA,SAAS,EAAC,YAAf;AAAA,sCACE;AAAK,gBAAA,SAAS,EAAC,WAAf;AAAA,uCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBADF,eAME;AAAK,gBAAA,SAAS,EAAC,YAAf;AAAA,uCACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBANF;AAAA;AAAA;AAAA;AAAA;AAAA,oBADF,eAaE;AAAA,qCACE,QAAC,eAAD;AAAiB,gBAAA,SAAS,EAAC,YAA3B;AAAwC,gBAAA,IAAI,EAAC;AAA7C;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,oBAbF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBAPF;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF,eA8BE;AAAK,QAAA,SAAS,EAAC,gCAAf;AAAA,gCACE;AAAK,UAAA,SAAS,EAAC,6BAAf;AAAA,iCACE;AAAA,oCACE,QAAC,eAAD;AAAiB,cAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,oBADF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADF,EAOGA,QAAQ,CAACC,GAAT,CAAcC,OAAD,iBACZ;AAAK,UAAA,SAAS,EAAC,8BAAf;AAAA,iCACE;AAAK,YAAA,SAAS,EAAC,mBAAf;AAAA,oCACE;AAAK,cAAA,SAAS,EAAC,YAAf;AAAA,sCACE;AAAK,gBAAA,SAAS,EAAC,WAAf;AAAA,uCACE;AAAA,kCACIA,OAAO,CAACC,MADZ,SACuBD,OAAO,CAACE,EAD/B;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBADF,eAME;AAAK,gBAAA,SAAS,EAAC,YAAf;AAAA,uCACE;AAAA,yCACWF,OAAO,CAACG,IADnB;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,sBANF;AAAA;AAAA;AAAA;AAAA;AAAA,oBADF,eAaE;AAAA,qCACE,QAAC,eAAD;AAAiB,gBAAA,SAAS,EAAC,YAA3B;AAAwC,gBAAA,IAAI,EAAC;AAA7C;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,oBAbF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,gBADD,CAPH;AAAA;AAAA;AAAA;AAAA;AAAA,cA9BF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AA8DD;AACF,CAnED;;GAAMN,O;UACaD,W;;;KADbC,O;AAqEN,eAAeA,OAAf"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import
\"
./Updates.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n
import useMessages from '../../../util/useMessages'
\r\n\r\n
const Updates = () => {
\r\n
const messages = useMessages()
\r\n\r\n
if (messages) {
\r\n
return (
\r\n
<div className=
\"
project-updates-new-messages-container
\"
>
\r\n\r\n
<div className=
\"
project-updates-display-container
\"
>
\r\n
<div className=
\"
project-updates-display-header
\"
>
\r\n
<p>
\r\n
<FontAwesomeIcon icon=
\"
exclamation
\"
></FontAwesomeIcon>
\r\n
New project updates
\r\n
</p>
\r\n
</div>
\r\n
<div className=
\"
project-updates-display-content
\"
>
\r\n
<div className=
\"
project-update-entry
\"
>
\r\n
<div className=
\"
entry-text
\"
>
\r\n
<div className=
\"
upper-row
\"
>
\r\n
<a>
\r\n
[project] [new issues] [issues fixed]
\r\n
</a>
\r\n
</div>
\r\n
<div className=
\"
bottom-row
\"
>
\r\n
<a>
\r\n
[team] [time]
\r\n
</a>
\r\n
</div>
\r\n
</div>
\r\n
<div>
\r\n
<FontAwesomeIcon className=
\"
entry-icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n\r\n
<div className=
\"
new-messages-display-container
\"
>
\r\n
<div className=
\"
new-messages-display-header
\"
>
\r\n
<p>
\r\n
<FontAwesomeIcon icon=
\"
envelope
\"
></FontAwesomeIcon>
\r\n
New messages
\r\n
</p>
\r\n
</div>
\r\n
{messages.map((message) => (
\r\n
<div className=
\"
new-messages-display-content
\"
>
\r\n
<div className=
\"
new-message-entry
\"
>
\r\n
<div className=
\"
entry-text
\"
>
\r\n
<div className=
\"
upper-row
\"
>
\r\n
<a>
\r\n
[{message.sender}] [{message.id}]
\r\n
</a>
\r\n
</div>
\r\n
<div className=
\"
bottom-row
\"
>
\r\n
<a>
\r\n
[team] [{message.date}]
\r\n
</a>
\r\n
</div>
\r\n
</div>
\r\n
<div>
\r\n
<FontAwesomeIcon className=
\"
entry-icon
\"
icon=
\"
chevron-right
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
))}
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n
}
\r\n\r\n
export default Updates"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/68f6d86a6bc9d6e5df8328ce21a76800.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
navbar
\\\\
Navbar.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Navbar.css
\"
;
\n
import Logo from './logo/Logo';
\n
import NavLinks from './navLinks/NavLinks';
\n
import Searchbar from './searchbar/Searchbar';
\n
import NavbarDropdownMenu from './dropdownMenu/NavbarDropdownMenu';
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Navbar = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
if (!authState.isAuthenticated) {
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
navbar
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
header-content
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
title-navigation-links-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(Logo, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 21,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(NavLinks, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 22,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 20,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
searchbar-profile-container
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
right-unstyled-navbar
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(Searchbar, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(NavbarDropdownMenu, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 25,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 19,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 18,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Navbar,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Navbar;
\n
export default Navbar;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Navbar
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/navbar/Navbar.jsx"
],
"names"
:[
"React"
,
"useOktaAuth"
,
"Logo"
,
"NavLinks"
,
"Searchbar"
,
"NavbarDropdownMenu"
,
"FontAwesomeIcon"
,
"Navbar"
,
"authState"
,
"oktaAuth"
,
"isAuthenticated"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,cAAP;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,kBAAP,MAA+B,mCAA/B;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BR,WAAW,EAA3C;;AAEA,MAAI,CAACO,SAAS,CAACE,eAAf,EAAgC;AAC9B,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAC,QAAf;AAAA,2BACE;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,8BACE;AAAK,QAAA,SAAS,EAAC,kCAAf;AAAA,gCACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE,QAAC,QAAD;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAKE;AAAK,QAAA,SAAS,EAAC,6BAAf;AAAA,+BACE;AAAI,UAAA,SAAS,EAAC,uBAAd;AAAA,kCACE,QAAC,SAAD;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE,QAAC,kBAAD;AAAA;AAAA;AAAA;AAAA,kBAFF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cALF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAgBD,CAvBD;;GAAMH,M;UAC4BN,W;;;KAD5BM,M;AAyBN,eAAeA,MAAf"
,
"sourcesContent"
:[
"import React from 'react'
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Navbar.css
\"\r\n
import Logo from './logo/Logo'
\r\n
import NavLinks from './navLinks/NavLinks'
\r\n
import Searchbar from './searchbar/Searchbar'
\r\n
import NavbarDropdownMenu from './dropdownMenu/NavbarDropdownMenu'
\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Navbar = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth();
\r\n\r\n
if (!authState.isAuthenticated) {
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
navbar
\"
>
\r\n
<div className=
\"
header-content
\"
>
\r\n
<div className=
\"
title-navigation-links-container
\"
>
\r\n
<Logo />
\r\n
<NavLinks />
\r\n
</div>
\r\n
<div className=
\"
searchbar-profile-container
\"
>
\r\n
<ul className=
\"
right-unstyled-navbar
\"
>
\r\n
<Searchbar />
\r\n
<NavbarDropdownMenu />
\r\n
</ul>
\r\n
</div>
\r\n
</div>
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Navbar"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/699e26f53d2d05b36c64733db428463a.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signInForm
\\\\
SignInForm.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./SignInForm.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignInForm = () => {
\n
_s();
\n\n
const {
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [sessionToken, setSessionToken] = useState();
\n
const [username, setUsername] = useState('');
\n
const [password, setPassword] = useState('');
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
oktaAuth.signInWithCredentials({
\n
username,
\n
password
\n
}).then(res => {
\n
const sessionToken = res.sessionToken;
\n
setSessionToken(sessionToken); // sessionToken is a one-use token, so make sure this is only called once
\n\n
oktaAuth.signInWithRedirect({
\n
sessionToken,
\n
originalUri: '/home'
\n
});
\n
}).catch(err => console.log('Found an error', err));
\n
};
\n\n
const handleUsernameChange = e => {
\n
setUsername(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setPassword(e.target.value);
\n
};
\n\n
if (sessionToken) {
\n
// Hide form while sessionToken is converted into id/access tokens
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginForm
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
children:
\"
Sign in
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Username:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
username
\"
,
\n
type:
\"
text
\"
,
\n
value: username,
\n
onChange: handleUsernameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
value: password,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
formSubmitButton
\"
,
\n
type:
\"
submit
\"
,
\n
children: [
\"
Sign in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignInForm,
\"
bxx9XPyVMV5w7k/pmF819NCII9M=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = SignInForm;
\n
export default SignInForm;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignInForm
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signInForm/SignInForm.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useOktaAuth"
,
"FontAwesomeIcon"
,
"SignInForm"
,
"oktaAuth"
,
"sessionToken"
,
"setSessionToken"
,
"username"
,
"setUsername"
,
"password"
,
"setPassword"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"signInWithCredentials"
,
"then"
,
"res"
,
"signInWithRedirect"
,
"originalUri"
,
"catch"
,
"err"
,
"console"
,
"log"
,
"handleUsernameChange"
,
"target"
,
"value"
,
"handlePasswordChange"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,kBAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,UAAU,GAAG,MAAM;AAAA;;AACvB,QAAM;AAAEC,IAAAA;AAAF,MAAeH,WAAW,EAAhC;AACA,QAAM,CAACI,YAAD,EAAeC,eAAf,IAAkCN,QAAQ,EAAhD;AACA,QAAM,CAACO,QAAD,EAAWC,WAAX,IAA0BR,QAAQ,CAAC,EAAD,CAAxC;AACA,QAAM,CAACS,QAAD,EAAWC,WAAX,IAA0BV,QAAQ,CAAC,EAAD,CAAxC;;AAEA,QAAMW,YAAY,GAAIC,CAAD,IAAO;AAC1BA,IAAAA,CAAC,CAACC,cAAF;AAEAT,IAAAA,QAAQ,CAACU,qBAAT,CAA+B;AAAEP,MAAAA,QAAF;AAAYE,MAAAA;AAAZ,KAA/B,EACGM,IADH,CACQC,GAAG,IAAI;AACX,YAAMX,YAAY,GAAGW,GAAG,CAACX,YAAzB;AACAC,MAAAA,eAAe,CAACD,YAAD,CAAf,CAFW,CAGX;;AACAD,MAAAA,QAAQ,CAACa,kBAAT,CAA4B;AAAEZ,QAAAA,YAAF;AAAgBa,QAAAA,WAAW,EAAE;AAA7B,OAA5B;AACD,KANH,EAOGC,KAPH,CAOSC,GAAG,IAAIC,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8BF,GAA9B,CAPhB;AAQD,GAXD;;AAaA,QAAMG,oBAAoB,GAAIX,CAAD,IAAO;AAClCJ,IAAAA,WAAW,CAACI,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,QAAMC,oBAAoB,GAAId,CAAD,IAAO;AAClCF,IAAAA,WAAW,CAACE,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,MAAIpB,YAAJ,EAAkB;AAChB;AACA,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAC,WAAf;AAAA,4BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eAEE;AAAM,MAAA,QAAQ,EAAEM,YAAhB;AAAA,8BACE;AAAA,6CAEE;AACE,UAAA,EAAE,EAAC,UADL;AACgB,UAAA,IAAI,EAAC,MADrB;AAEE,UAAA,KAAK,EAAEJ,QAFT;AAGE,UAAA,QAAQ,EAAEgB;AAHZ;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAQE;AAAA,6CAEE;AACE,UAAA,EAAE,EAAC,UADL;AACgB,UAAA,IAAI,EAAC,UADrB;AAEE,UAAA,KAAK,EAAEd,QAFT;AAGE,UAAA,QAAQ,EAAEiB;AAHZ;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cARF,eAeE;AAAQ,QAAA,SAAS,EAAC,kBAAlB;AAAqC,QAAA,IAAI,EAAC,QAA1C;AAAA,mDAEE,QAAC,eAAD;AAAiB,UAAA,IAAI,EAAC;AAAtB;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cAfF;AAAA;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAyBD,CAzDD;;GAAMvB,U;UACiBF,W;;;KADjBE,U;AA0DN,eAAeA,UAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./SignInForm.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const SignInForm = () => {
\r\n
const { oktaAuth } = useOktaAuth();
\r\n
const [sessionToken, setSessionToken] = useState();
\r\n
const [username, setUsername] = useState('');
\r\n
const [password, setPassword] = useState('');
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault();
\r\n\r\n
oktaAuth.signInWithCredentials({ username, password })
\r\n
.then(res => {
\r\n
const sessionToken = res.sessionToken;
\r\n
setSessionToken(sessionToken);
\r\n
// sessionToken is a one-use token, so make sure this is only called once
\r\n
oktaAuth.signInWithRedirect({ sessionToken, originalUri: '/home' });
\r\n
})
\r\n
.catch(err => console.log('Found an error', err));
\r\n
};
\r\n\r\n
const handleUsernameChange = (e) => {
\r\n
setUsername(e.target.value);
\r\n
};
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setPassword(e.target.value);
\r\n
};
\r\n\r\n
if (sessionToken) {
\r\n
// Hide form while sessionToken is converted into id/access tokens
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
loginForm
\"
>
\r\n
<h2>Sign in</h2>
\r\n
<form onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Username:
\r\n
<input
\r\n
id=
\"
username
\"
type=
\"
text
\"\r\n
value={username}
\r\n
onChange={handleUsernameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n
value={password}
\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<button className=
\"
formSubmitButton
\"
type=
\"
submit
\"
>
\r\n
Sign in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</form>
\r\n
</div>
\r\n
);
\r\n
};
\r\n
export default SignInForm;
\r\n
"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/6cae941fe5ee3b0e7cfd709198f3ab53.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signUp
\\\\
SignUp.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useEffect } from 'react';
\n
import
\"
./SignUp.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignUp = () => {
\n
_s();
\n\n
const [user, setUserInfo] = useState();
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
console.log(user);
\n
};
\n\n
const handleUserNameChange = e => {
\n
setUserInfo.username(e.target.value);
\n
};
\n\n
const handleFirstNameChange = e => {
\n
setUserInfo.firstName(e.target.value);
\n
};
\n\n
const handleLastNameChange = e => {
\n
setUserInfo.lastName(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setUserInfo.credentials(e.target.value);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
pageContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
spacer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
text-container
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
signUpFormContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h2
\"
, {
\n
children:
\"
Sign in
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Email:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
email
\"
,
\n
type:
\"
text
\"
,
\n
onChange: handleUserNameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Fist name:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
firstName
\"
,
\n
type:
\"
text
\"
,
\n
onChange: handleFirstNameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Last Name:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
lastName
\"
,
\n
type:
\"
text
\"
,
\n
onChange: handleLastNameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
button
\"
, {
\n
className:
\"
formSubmitButton
\"
,
\n
type:
\"
submit
\"
,
\n
children: [
\"
Sign in
\\
xA0
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
sign-in-alt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 73,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
sign-up-prompt
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
span
\"
, {
\n
children: [
\"
Dont have an account yet?
\\
xA0
\"
, /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children:
\"
Sign up
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 11
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignUp,
\"
tyerKxfMGNI4IIeBthiC1LWVvMk=
\"
);
\n\n
_c = SignUp;
\n
export default SignUp;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignUp
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signUp/SignUp.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useEffect"
,
"FontAwesomeIcon"
,
"SignUp"
,
"user"
,
"setUserInfo"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"console"
,
"log"
,
"handleUserNameChange"
,
"username"
,
"target"
,
"value"
,
"handleFirstNameChange"
,
"firstName"
,
"handleLastNameChange"
,
"lastName"
,
"handlePasswordChange"
,
"credentials"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useEffect } from 'react';
\r\n
import
\"
./SignUp.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const SignUp = () => {
\r\n
const [user: {
\r\n
username: email,
\r\n
firstname: firstName,
\r\n
lastname: lastName,
\r\n
credentials: password },
\r\n
setUserInfo] = useState()
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault()
\r\n
console.log(user)
\r\n
}
\r\n\r\n
const handleUserNameChange = (e) => {
\r\n
setUserInfo.username(e.target.value);
\r\n
}
\r\n\r\n
const handleFirstNameChange = (e) => {
\r\n
setUserInfo.firstName(e.target.value);
\r\n
}
\r\n\r\n
const handleLastNameChange = (e) => {
\r\n
setUserInfo.lastName(e.target.value);
\r\n
}
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setUserInfo.credentials(e.target.value);
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
pageContainer
\"
>
\r\n
<div className=
\"
spacer
\"
>
\r\n
<div className=
\"
text-container
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
</div>
\r\n
</div>
\r\n
<div className=
\"
signUpFormContainer
\"
>
\r\n
<h2>Sign in</h2>
\r\n
<form onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Email:
\r\n
<input
\r\n
id=
\"
email
\"
type=
\"
text
\"\r\n\r\n
onChange={handleUserNameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Fist name:
\r\n
<input
\r\n
id=
\"
firstName
\"
type=
\"
text
\"\r\n\r\n
onChange={handleFirstNameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Last Name:
\r\n
<input
\r\n
id=
\"
lastName
\"
type=
\"
text
\"\r\n\r\n
onChange={handleLastNameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<button className=
\"
formSubmitButton
\"
type=
\"
submit
\"
>
\r\n
Sign in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</form>
\r\n
<div className=
\"
sign-up-prompt
\"
>
\r\n
<span>Dont have an account yet?
\r\n
<a>Sign up</a>
\r\n
</span>
\r\n
</div>
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default SignUp"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/6dc952df6d848a170386e05b13b31f24.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
Login.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useEffect } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./Login.css
\"
;
\n
import SignInForm from './signInForm/SignInForm';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Login = () => {
\n
_s();
\n\n
const {
\n
authState,
\n
oktaAuth
\n
} = useOktaAuth();
\n\n
const login = () => oktaAuth.signInWithRedirect({
\n
originalUri: '/home'
\n
});
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
pageContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
spacer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
h1
\"
, {
\n
children:
\"
Get started with PipIt
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 13,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
h5
\"
, {
\n
children:
\"
Track bugs and usabilty issues
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 14,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 12,
\n
columnNumber: 7
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
loginContentContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(SignInForm, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 9
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 16,
\n
columnNumber: 7
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 11,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Login,
\"
XFnfjrqktn2GIu+f3Siekv/ekaU=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = Login;
\n
export default Login;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Login
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/Login.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useEffect"
,
"useOktaAuth"
,
"SignInForm"
,
"Login"
,
"authState"
,
"oktaAuth"
,
"login"
,
"signInWithRedirect"
,
"originalUri"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,aAAP;AACA,OAAOC,UAAP,MAAuB,yBAAvB;;;AAEA,MAAMC,KAAK,GAAG,MAAM;AAAA;;AAClB,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA0BJ,WAAW,EAA3C;;AACA,QAAMK,KAAK,GAAG,MAAMD,QAAQ,CAACE,kBAAT,CAA4B;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAA5B,CAApB;;AAEA,sBACE;AAAK,IAAA,SAAS,EAAC,eAAf;AAAA,4BACE;AAAK,MAAA,SAAS,EAAC,QAAf;AAAA,8BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eAKE;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,6BAgBE,QAAC,UAAD;AAAA;AAAA;AAAA;AAAA;AAhBF;AAAA;AAAA;AAAA;AAAA,YALF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AA0BD,CA9BD;;GAAML,K;UAC4BF,W;;;KAD5BE,K;AAgCN,eAAeA,KAAf"
,
"sourcesContent"
:[
"import React, { useState, useEffect } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./Login.css
\"\r\n
import SignInForm from './signInForm/SignInForm';
\r\n\r\n
const Login = () => {
\r\n
const { authState, oktaAuth } = useOktaAuth()
\r\n
const login = () => oktaAuth.signInWithRedirect({ originalUri: '/home' })
\r\n\r\n
return (
\r\n
<div className=
\"
pageContainer
\"
>
\r\n
<div className=
\"
spacer
\"
>
\r\n
<h1>Get started with PipIt</h1>
\r\n
<h5>Track bugs and usabilty issues</h5>
\r\n
</div>
\r\n
<div className=
\"
loginContentContainer
\"
>
\r\n
{/*
\r\n
<div>
\r\n
<button onClick={login}>
\r\n
Log in
\r\n
<FontAwesomeIcon icon=
\"
sign-in-alt
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
<div>
\r\n
<button onClick={ }>
\r\n
Create account
\r\n
<FontAwesomeIcon icon=
\"
user-plus
\"
></FontAwesomeIcon>
\r\n
</button>
\r\n
</div>
\r\n
*/}
\r\n\r\n
<SignInForm />
\r\n
</div>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
export default Login"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/6f61a86219e3410e79205187aa824f02.json
0 → 100644
View file @
927cd7bf
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
login
\\\\
signInForm
\\\\
SignInForm.jsx
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import { useOktaAuth } from '@okta/okta-react';
\n
import
\"
./SignInForm.css
\"
;
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const SignInForm = () => {
\n
_s();
\n\n
const {
\n
oktaAuth
\n
} = useOktaAuth();
\n
const [sessionToken, setSessionToken] = useState();
\n
const [username, setUsername] = useState('');
\n
const [password, setPassword] = useState('');
\n\n
const handleSubmit = e => {
\n
e.preventDefault();
\n
oktaAuth.signInWithCredentials({
\n
username,
\n
password
\n
}).then(res => {
\n
const sessionToken = res.sessionToken;
\n
setSessionToken(sessionToken); // sessionToken is a one-use token, so make sure this is only called once
\n\n
oktaAuth.signInWithRedirect({
\n
sessionToken,
\n
originalUri: '/home'
\n
});
\n
}).catch(err => console.log('Found an error', err));
\n
};
\n\n
const handleUsernameChange = e => {
\n
setUsername(e.target.value);
\n
};
\n\n
const handlePasswordChange = e => {
\n
setPassword(e.target.value);
\n
};
\n\n
if (sessionToken) {
\n
// Hide form while sessionToken is converted into id/access tokens
\n
return null;
\n
}
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
form
\"
, {
\n
className:
\"
loginForm
\"
,
\n
onSubmit: handleSubmit,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Username:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
username
\"
,
\n
type:
\"
text
\"
,
\n
value: username,
\n
onChange: handleUsernameChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
children: [
\"
Password:
\"
, /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
password
\"
,
\n
type:
\"
password
\"
,
\n
value: password,
\n
onChange: handlePasswordChange
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
id:
\"
submit
\"
,
\n
type:
\"
submit
\"
,
\n
value:
\"
Login
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(SignInForm,
\"
bxx9XPyVMV5w7k/pmF819NCII9M=
\"
, false, function () {
\n
return [useOktaAuth];
\n
});
\n\n
_c = SignInForm;
\n
export default SignInForm;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
SignInForm
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/login/signInForm/SignInForm.jsx"
],
"names"
:[
"React"
,
"useState"
,
"useOktaAuth"
,
"SignInForm"
,
"oktaAuth"
,
"sessionToken"
,
"setSessionToken"
,
"username"
,
"setUsername"
,
"password"
,
"setPassword"
,
"handleSubmit"
,
"e"
,
"preventDefault"
,
"signInWithCredentials"
,
"then"
,
"res"
,
"signInWithRedirect"
,
"originalUri"
,
"catch"
,
"err"
,
"console"
,
"log"
,
"handleUsernameChange"
,
"target"
,
"value"
,
"handlePasswordChange"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AACA,OAAO,kBAAP;;;AAEA,MAAMC,UAAU,GAAG,MAAM;AAAA;;AACvB,QAAM;AAAEC,IAAAA;AAAF,MAAeF,WAAW,EAAhC;AACA,QAAM,CAACG,YAAD,EAAeC,eAAf,IAAkCL,QAAQ,EAAhD;AACA,QAAM,CAACM,QAAD,EAAWC,WAAX,IAA0BP,QAAQ,CAAC,EAAD,CAAxC;AACA,QAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BT,QAAQ,CAAC,EAAD,CAAxC;;AAEA,QAAMU,YAAY,GAAIC,CAAD,IAAO;AAC1BA,IAAAA,CAAC,CAACC,cAAF;AAEAT,IAAAA,QAAQ,CAACU,qBAAT,CAA+B;AAAEP,MAAAA,QAAF;AAAYE,MAAAA;AAAZ,KAA/B,EACGM,IADH,CACQC,GAAG,IAAI;AACX,YAAMX,YAAY,GAAGW,GAAG,CAACX,YAAzB;AACAC,MAAAA,eAAe,CAACD,YAAD,CAAf,CAFW,CAGX;;AACAD,MAAAA,QAAQ,CAACa,kBAAT,CAA4B;AAAEZ,QAAAA,YAAF;AAAgBa,QAAAA,WAAW,EAAE;AAA7B,OAA5B;AACD,KANH,EAOGC,KAPH,CAOSC,GAAG,IAAIC,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8BF,GAA9B,CAPhB;AAQD,GAXD;;AAaA,QAAMG,oBAAoB,GAAIX,CAAD,IAAO;AAClCJ,IAAAA,WAAW,CAACI,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,QAAMC,oBAAoB,GAAId,CAAD,IAAO;AAClCF,IAAAA,WAAW,CAACE,CAAC,CAACY,MAAF,CAASC,KAAV,CAAX;AACD,GAFD;;AAIA,MAAIpB,YAAJ,EAAkB;AAChB;AACA,WAAO,IAAP;AACD;;AAED,sBACE;AAAA,2BACE;AAAM,MAAA,SAAS,EAAC,WAAhB;AAA4B,MAAA,QAAQ,EAAEM,YAAtC;AAAA,8BACE;AAAA,6CAEE;AACE,UAAA,EAAE,EAAC,UADL;AACgB,UAAA,IAAI,EAAC,MADrB;AAEE,UAAA,KAAK,EAAEJ,QAFT;AAGE,UAAA,QAAQ,EAAEgB;AAHZ;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAQE;AAAA,6CAEE;AACE,UAAA,EAAE,EAAC,UADL;AACgB,UAAA,IAAI,EAAC,UADrB;AAEE,UAAA,KAAK,EAAEd,QAFT;AAGE,UAAA,QAAQ,EAAEiB;AAHZ;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cARF,eAeE;AAAO,QAAA,EAAE,EAAC,QAAV;AAAmB,QAAA,IAAI,EAAC,QAAxB;AAAiC,QAAA,KAAK,EAAC;AAAvC;AAAA;AAAA;AAAA;AAAA,cAfF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAqBD,CArDD;;GAAMvB,U;UACiBD,W;;;KADjBC,U;AAsDN,eAAeA,UAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react';
\r\n
import { useOktaAuth } from '@okta/okta-react';
\r\n
import
\"
./SignInForm.css
\"\r\n\r\n
const SignInForm = () => {
\r\n
const { oktaAuth } = useOktaAuth();
\r\n
const [sessionToken, setSessionToken] = useState();
\r\n
const [username, setUsername] = useState('');
\r\n
const [password, setPassword] = useState('');
\r\n\r\n
const handleSubmit = (e) => {
\r\n
e.preventDefault();
\r\n\r\n
oktaAuth.signInWithCredentials({ username, password })
\r\n
.then(res => {
\r\n
const sessionToken = res.sessionToken;
\r\n
setSessionToken(sessionToken);
\r\n
// sessionToken is a one-use token, so make sure this is only called once
\r\n
oktaAuth.signInWithRedirect({ sessionToken, originalUri: '/home' });
\r\n
})
\r\n
.catch(err => console.log('Found an error', err));
\r\n
};
\r\n\r\n
const handleUsernameChange = (e) => {
\r\n
setUsername(e.target.value);
\r\n
};
\r\n\r\n
const handlePasswordChange = (e) => {
\r\n
setPassword(e.target.value);
\r\n
};
\r\n\r\n
if (sessionToken) {
\r\n
// Hide form while sessionToken is converted into id/access tokens
\r\n
return null;
\r\n
}
\r\n\r\n
return (
\r\n
<div>
\r\n
<form className=
\"
loginForm
\"
onSubmit={handleSubmit}>
\r\n
<label>
\r\n
Username:
\r\n
<input
\r\n
id=
\"
username
\"
type=
\"
text
\"\r\n
value={username}
\r\n
onChange={handleUsernameChange} />
\r\n
</label>
\r\n
<label>
\r\n
Password:
\r\n
<input
\r\n
id=
\"
password
\"
type=
\"
password
\"\r\n
value={password}
\r\n
onChange={handlePasswordChange} />
\r\n
</label>
\r\n
<input id=
\"
submit
\"
type=
\"
submit
\"
value=
\"
Login
\"
/>
\r\n
</form>
\r\n
</div>
\r\n
);
\r\n
};
\r\n
export default SignInForm;
\r\n
"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/7095e3f1230ed37ed60de3399fd7c9f8.json
0 → 100644
View file @
927cd7bf
This diff is collapsed.
Click to expand it.
Prev
1
2
3
4
5
6
7
8
Next
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
