-
-
-
{ pageLabel }
-
-
- { pageContent }
-
-
+
+ { pageLabel }
+
+ { pageContent }
-
+
);
}
}
diff --git a/web/resources/js/pages/Auth/ForgotPassword.js b/web/resources/js/pages/Auth/ForgotPassword.js
new file mode 100644
index 0000000..18cd104
--- /dev/null
+++ b/web/resources/js/pages/Auth/ForgotPassword.js
@@ -0,0 +1,25 @@
+// © XlXi 2021
+// Graphictoria 5
+
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+import ReCAPTCHA from 'react-google-recaptcha';
+
+const ForgotPasswordForm = (props) => {
+ return (
+
+
+
+
+
+
+
Login?
+
+ );
+};
+
+export default ForgotPasswordForm;
\ No newline at end of file
diff --git a/web/resources/js/pages/Auth/Login.js b/web/resources/js/pages/Auth/Login.js
new file mode 100644
index 0000000..f488ecf
--- /dev/null
+++ b/web/resources/js/pages/Auth/Login.js
@@ -0,0 +1,32 @@
+// © XlXi 2021
+// Graphictoria 5
+
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+import ReCAPTCHA from 'react-google-recaptcha';
+
+const LoginForm = (props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
Forgot your password?
+
+
+
New to Graphictoria?
+
Creating an account takes less than a minute, and you can join a community of 6k+ users for completely free.
Sign Up
+
+
+ );
+};
+
+export default LoginForm;
\ No newline at end of file
diff --git a/web/resources/js/pages/Auth/Register.js b/web/resources/js/pages/Auth/Register.js
new file mode 100644
index 0000000..6be0dc1
--- /dev/null
+++ b/web/resources/js/pages/Auth/Register.js
@@ -0,0 +1,107 @@
+// © XlXi 2021
+// Graphictoria 5
+
+import React, { useState } from 'react';
+import { Link } from 'react-router-dom';
+
+import ReCAPTCHA from 'react-google-recaptcha';
+
+import Loader from '../../Components/Loader.js';
+
+const RegisterForm = (props) => {
+ const RegistrationAreas = [
+ {
+ text: 'Username',
+ type: 'username',
+ id: 'username'
+ },
+ {
+ text: 'Email',
+ type: 'email',
+ id: 'email'
+ },
+ {
+ text: 'Password',
+ type: 'password',
+ id: 'password'
+ },
+ {
+ text: 'Confirm password',
+ type: 'password',
+ id: 'confirmation'
+ }
+ ];
+
+ const [waitingForSubmission, setWaitingForSubmission] = useState(false);
+
+ const [values, setValues] = useState({
+ username: '',
+ email: '',
+ password: '',
+ confirmation: ''
+ });
+
+ const [validity, setValidity] = useState({
+ username: false,
+ email: false,
+ password: false,
+ confirmation: false
+ });
+
+ const [validityMessages, setValidityMessages] = useState({
+ username: 'test',
+ email: '',
+ password: '',
+ confirmation: ''
+ });
+
+ const handleChange = (e) => {
+ const {id, value} = e.target;
+
+ setValues(prevState => ({
+ ...prevState,
+ [id] : value
+ }));
+ }
+
+ function SubmitRegistration()
+ {
+ setWaitingForSubmission(true);
+ }
+
+ return (
+ waitingForSubmission
+ ?
+
+ :
+ (
+ <>
+
+
+
Make sure your password is unique!
+
+
+
+ {
+ RegistrationAreas.map(({ text, type, id }, index) =>
+
+ )
+ }
+
+
Already have an account?
+
By creating an account, you agree to our Terms of Service and our Privacy Policy.
+
+
+ )
+ );
+};
+
+export default RegisterForm;
\ No newline at end of file
diff --git a/web/resources/js/pages/Errors.js b/web/resources/js/pages/Errors.js
index fcdac3b..04c653a 100644
--- a/web/resources/js/pages/Errors.js
+++ b/web/resources/js/pages/Errors.js
@@ -6,37 +6,34 @@ import { Link, useHistory } from "react-router-dom";
import SetTitle from "../Helpers/Title.js";
+import { Card, CardTitle } from '../Layouts/Card.js';
+
function GenericErrorModal(props)
{
const history = useHistory();
return (
-
-
-
-
{ props.title }
-
-
{ props.children }
- {
- props.stack !== undefined && process.env.NODE_ENV === 'development'
- ?
-
- {/* this code is a jumbled mess */}
-
- STACK TRACE
{("-").repeat(15)}
{ props.stack }
-
-
- :
- null
- }
-
-
Home
- {/* eslint-disable-next-line */}
-
history.goBack() }>Back
+
+ { props.title }
+ { props.children }
+ {
+ props.stack !== undefined && process.env.NODE_ENV === 'development'
+ ?
+
+ {/* this code is a jumbled mess */}
+
+ STACK TRACE
{("-").repeat(15)}
{ props.stack }
+
-
+ :
+ null
+ }
+
-
+
);
}
diff --git a/web/resources/js/pages/Games.js b/web/resources/js/pages/Games.js
index 41154ac..c95b540 100644
--- a/web/resources/js/pages/Games.js
+++ b/web/resources/js/pages/Games.js
@@ -31,7 +31,7 @@ class Games extends React.Component {
SetTitle('Games');
- axios.get(protocol + 'api.' + url + '/games/metadata').then((response) => {
+ axios.get(protocol + 'apis.' + url + '/games/metadata').then((response) => {
app.setState({loading: !(response.data.available == false), offline: !response.data.available});
});
}
diff --git a/web/routes/api.php b/web/routes/apis.php
similarity index 54%
rename from web/routes/api.php
rename to web/routes/apis.php
index cdea6f0..d306f90 100644
--- a/web/routes/api.php
+++ b/web/routes/apis.php
@@ -16,16 +16,20 @@ use App\Http\Controllers\GamesController;
|
*/
-Route::get('/', function () {
- return 'API OK';
-});
+Route::middleware(['cors'])->group(function() {
-Route::get('/banners/data', [BannerController::class, 'getBanners']);
+ Route::get('/', function () {
+ return 'API OK';
+ });
-Route::get('/games/metadata', [GamesController::class, 'isAvailable']);
+ Route::get('/banners/data', [BannerController::class, 'getBanners']);
+
+ Route::get('/games/metadata', [GamesController::class, 'isAvailable']);
+
+ Route::fallback(function () {
+ return response('{"errors":[{"code":404,"message":"NotFound"}]}', 404)
+ ->header('Cache-Control', 'private')
+ ->header('Content-Type', 'application/json; charset=utf-8');
+ });
-Route::fallback(function () {
- return response('{"errors":[{"code":404,"message":"NotFound"}]}', 404)
- ->header('Cache-Control', 'private')
- ->header('Content-Type', 'application/json; charset=utf-8');
});
\ No newline at end of file