mirror of
https://github.com/mCaptcha/mCaptcha.git
synced 2024-11-27 20:07:58 +03:00
panel css buldled and form redirects
This commit is contained in:
realaravinth
parent
06815469b7
commit
f6663acbc7
8 changed files with 437 additions and 357 deletions
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,5 @@
|
||||||
import ROUTES from '../../api/v1/routes';
|
import ROUTES from '../../api/v1/routes';
|
||||||
|
import VIEWS from '../../views/v1/routes';
|
||||||
|
|
||||||
import isBlankString from '../../utils/genJsonPayload';
|
import isBlankString from '../../utils/genJsonPayload';
|
||||||
import genJsonPayload from '../../utils/genJsonPayload';
|
import genJsonPayload from '../../utils/genJsonPayload';
|
||||||
|
|
@ -19,6 +20,7 @@ const login = e => {
|
||||||
fetch(ROUTES.loginUser, genJsonPayload(payload)).then(res => {
|
fetch(ROUTES.loginUser, genJsonPayload(payload)).then(res => {
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
alert('success');
|
alert('success');
|
||||||
|
window.location.assign(VIEWS.panelHome);
|
||||||
} else {
|
} else {
|
||||||
res.json().then(err => alert(`error: ${err.error}`));
|
res.json().then(err => alert(`error: ${err.error}`));
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
import ROUTES from '../../api/v1/routes';
|
import ROUTES from '../../api/v1/routes';
|
||||||
|
import VIEWS from '../../views/v1/routes';
|
||||||
|
|
||||||
import isBlankString from '../../utils/genJsonPayload';
|
import isBlankString from '../../utils/genJsonPayload';
|
||||||
import genJsonPayload from '../../utils/genJsonPayload';
|
import genJsonPayload from '../../utils/genJsonPayload';
|
||||||
|
|
@ -44,6 +45,7 @@ const registerUser = async e => {
|
||||||
let res = await fetch(ROUTES.registerUser, genJsonPayload(payload));
|
let res = await fetch(ROUTES.registerUser, genJsonPayload(payload));
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
alert('success');
|
alert('success');
|
||||||
|
window.location.assign(VIEWS.loginUser);
|
||||||
} else {
|
} else {
|
||||||
let err = await res.json();
|
let err = await res.json();
|
||||||
alert(`error: ${err.error}`);
|
alert(`error: ${err.error}`);
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
|
|
|
||||||
|
|
@ -1,356 +1,15 @@
|
||||||
<!DOCTYPE html>
|
<. include!("../components/headers.html"); .> <. include!("./header/index.html");
|
||||||
<html lang="en">
|
.>
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title><.= TITLE .></title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<. include!("./header/index.html"); .>
|
<main>
|
||||||
|
<. include!("./taskbar/index.html"); .> <.
|
||||||
|
include!("./help-banner/index.html"); .>
|
||||||
|
<!-- Main content container -->
|
||||||
|
<div class="inner-container">
|
||||||
|
<!-- Main menu/ important actions roaster -->
|
||||||
|
|
||||||
<main>
|
<. include!("./add-site-key/index.html"); .>
|
||||||
|
</div>
|
||||||
<. include!("./taskbar/index.html"); .>
|
<!-- end of container -->
|
||||||
|
</main>
|
||||||
<. include!("./help-banner/index.html"); .>
|
<. include!("../components/footers.html"); .>
|
||||||
<!-- Main content container -->
|
|
||||||
<div class="inner-container">
|
|
||||||
<!-- Main menu/ important actions roaster -->
|
|
||||||
|
|
||||||
<. include!("./add-site-key/index.html"); .>
|
|
||||||
</div>
|
|
||||||
<!-- end of container -->
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--green: #5cad66;
|
|
||||||
--violet: #800080;
|
|
||||||
--backdrop: #f0f0f0;
|
|
||||||
--light-text: rgba(255, 255, 255, 0.87);
|
|
||||||
--secondary-backdrop: #2b2c30;
|
|
||||||
--light-grey: rgba(0, 0, 0, 0.125);
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu {
|
|
||||||
position: fixed;
|
|
||||||
width: 14%;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
background-color: var(--secondary-backdrop);
|
|
||||||
color: var(--light-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu__heading {
|
|
||||||
margin: auto;
|
|
||||||
padding: 20px 5px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.secondary-menu__heading:hover {
|
|
||||||
color: var(--green);
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu__logo {
|
|
||||||
width: 70px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu__brand-name {
|
|
||||||
display: inline-block;
|
|
||||||
margin: auto;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu__item {
|
|
||||||
margin: auto;
|
|
||||||
padding: 20px 25px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu__icon {
|
|
||||||
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
|
|
||||||
brightness(103%) contrast(103%);
|
|
||||||
opacity: 0.8;
|
|
||||||
width: 1rem;
|
|
||||||
margin: auto;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.secondary-menu__item-name {
|
|
||||||
display: inline-block;
|
|
||||||
margin: auto;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
.secondary-menu__section-partition {
|
|
||||||
border-bottom: 1px solid var(--light-text);
|
|
||||||
margin: auto;
|
|
||||||
max-width: 70%;
|
|
||||||
list-style: none;
|
|
||||||
margin: 20px;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
.secondary-menu__item-link:hover {
|
|
||||||
color: var(--green);
|
|
||||||
cursor: grab;
|
|
||||||
filter: invert(58%) sepia(60%) saturate(331%) hue-rotate(76deg)
|
|
||||||
brightness(91%) contrast(92%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-menu__item-link {
|
|
||||||
color: inherit;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 14%;
|
|
||||||
bottom: 0;
|
|
||||||
background-color: var(--backdrop);
|
|
||||||
}
|
|
||||||
|
|
||||||
.task-bar {
|
|
||||||
display: flex;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.task-bar__action{
|
|
||||||
display: inline-block;
|
|
||||||
padding: 10px 0px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.task-bar__spacer {
|
|
||||||
min-width: 250px;
|
|
||||||
flex: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.task-bar__icon {
|
|
||||||
opacity: 0.8;
|
|
||||||
width: 1.5rem;
|
|
||||||
margin: auto 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.task-bar__icon:hover{
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu {
|
|
||||||
display: flex;
|
|
||||||
flex-grow: 0;
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__item {
|
|
||||||
list-style: none;
|
|
||||||
background-color: #c3c3c3;
|
|
||||||
flex: 2;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: auto 20px;
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__item--spacer {
|
|
||||||
list-style: none;
|
|
||||||
flex: 3;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__item:hover {
|
|
||||||
background-color: grey;
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__item:last-child {
|
|
||||||
padding: 0;
|
|
||||||
display: flex;
|
|
||||||
flex: 2;
|
|
||||||
border: none;
|
|
||||||
background-color: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__item:last-child:hover {
|
|
||||||
cursor: unset;
|
|
||||||
background-color: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__add-site {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: var(--violet);
|
|
||||||
color: white;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 16px;
|
|
||||||
padding: 10px 15px;
|
|
||||||
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 1px grey solid;
|
|
||||||
min-height: 45px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-menu__add-site:hover {
|
|
||||||
background-color: var(--violet);
|
|
||||||
cursor: grab;
|
|
||||||
transform: translateY(-5px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-text {
|
|
||||||
border-radius: 4px;
|
|
||||||
box-shadow: var(--secondary-backdrop) 0px 2px 6px 0px;
|
|
||||||
min-width: 70%;
|
|
||||||
max-width: 80%;
|
|
||||||
min-height: 70px;
|
|
||||||
display: flex;
|
|
||||||
margin-left: 15px;
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-text__serial-num {
|
|
||||||
display: inline-flex;
|
|
||||||
background-color: var(--violet);
|
|
||||||
color: var(--light-text);
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
border-radius: 50%;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-text__instructions {
|
|
||||||
display: inline-block;
|
|
||||||
list-style: none;
|
|
||||||
font-size: 19px;
|
|
||||||
font-weight: 500;
|
|
||||||
padding: 10px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inner-container {
|
|
||||||
display: flex;
|
|
||||||
box-sizing: border-box;
|
|
||||||
max-width: 50%;
|
|
||||||
margin: 50px auto;
|
|
||||||
border-radius: 5px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 90%;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
box-sizing: content-box;
|
|
||||||
background-color: #fff;
|
|
||||||
margin: auto;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__title-flex-container {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
border-bottom: 0.1px solid var(--light-grey);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__title {
|
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 1rem;
|
|
||||||
padding: 0.75rem 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__label {
|
|
||||||
display: block;
|
|
||||||
margin: 10px 0;
|
|
||||||
box-sizing: inherit;
|
|
||||||
justify-self: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__input {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 5px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
height: 40px;
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__input--add-level {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 5px;
|
|
||||||
box-sizing: inherit;
|
|
||||||
flex: 3;
|
|
||||||
height: 40px;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__add-level-flex-container {
|
|
||||||
display: flex;
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 90%;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__add-level-spacer {
|
|
||||||
flex: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__add-level {
|
|
||||||
background-color: var(--violet);
|
|
||||||
color: white;
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 1px var(--light-grey) solid;
|
|
||||||
height: 40px;
|
|
||||||
min-width: 125px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sitekey-form__submit {
|
|
||||||
margin-top: 50px;
|
|
||||||
display: block;
|
|
||||||
background-color: var(--violet);
|
|
||||||
color: white;
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 20px;
|
|
||||||
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 1px var(--light-grey) solid;
|
|
||||||
min-height: 45px;
|
|
||||||
width: 125px;
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,9 @@ import './main.scss';
|
||||||
import './nav/main.scss';
|
import './nav/main.scss';
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
import './main.scss';
|
||||||
|
|
||||||
export const index = () => {
|
export const index = () => {
|
||||||
// const html = document.documentElement;
|
// const html = document.documentElement;
|
||||||
// const body = document.body;
|
// const body = document.body;
|
||||||
|
|
|
||||||
325
templates/panel/main.scss
Normal file
325
templates/panel/main.scss
Normal file
|
|
@ -0,0 +1,325 @@
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--green: #5cad66;
|
||||||
|
--violet: #800080;
|
||||||
|
--backdrop: #f0f0f0;
|
||||||
|
--light-text: rgba(255, 255, 255, 0.87);
|
||||||
|
--secondary-backdrop: #2b2c30;
|
||||||
|
--light-grey: rgba(0, 0, 0, 0.125);
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu {
|
||||||
|
position: fixed;
|
||||||
|
width: 14%;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
background-color: var(--secondary-backdrop);
|
||||||
|
color: var(--light-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__heading {
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px 5px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.secondary-menu__heading:hover {
|
||||||
|
color: var(--green);
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__logo {
|
||||||
|
width: 70px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__brand-name {
|
||||||
|
display: inline-block;
|
||||||
|
margin: auto;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__item {
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px 25px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__icon {
|
||||||
|
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%)
|
||||||
|
contrast(103%);
|
||||||
|
opacity: 0.8;
|
||||||
|
width: 1rem;
|
||||||
|
margin: auto;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__item-name {
|
||||||
|
display: inline-block;
|
||||||
|
margin: auto;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
.secondary-menu__section-partition {
|
||||||
|
border-bottom: 1px solid var(--light-text);
|
||||||
|
margin: auto;
|
||||||
|
max-width: 70%;
|
||||||
|
list-style: none;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
.secondary-menu__item-link:hover {
|
||||||
|
color: var(--green);
|
||||||
|
cursor: grab;
|
||||||
|
filter: invert(58%) sepia(60%) saturate(331%) hue-rotate(76deg)
|
||||||
|
brightness(91%) contrast(92%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-menu__item-link {
|
||||||
|
color: inherit;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 14%;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: var(--backdrop);
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-bar {
|
||||||
|
display: flex;
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-bar__action {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 10px 0px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-bar__spacer {
|
||||||
|
min-width: 250px;
|
||||||
|
flex: 6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-bar__icon {
|
||||||
|
opacity: 0.8;
|
||||||
|
width: 1.5rem;
|
||||||
|
margin: auto 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-bar__icon:hover {
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu {
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__item {
|
||||||
|
list-style: none;
|
||||||
|
background-color: #c3c3c3;
|
||||||
|
flex: 2;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: auto 20px;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__item--spacer {
|
||||||
|
list-style: none;
|
||||||
|
flex: 3;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__item:hover {
|
||||||
|
background-color: grey;
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__item:last-child {
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
flex: 2;
|
||||||
|
border: none;
|
||||||
|
background-color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__item:last-child:hover {
|
||||||
|
cursor: unset;
|
||||||
|
background-color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__add-site {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: var(--violet);
|
||||||
|
color: white;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 10px 15px;
|
||||||
|
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px grey solid;
|
||||||
|
min-height: 45px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu__add-site:hover {
|
||||||
|
background-color: var(--violet);
|
||||||
|
cursor: grab;
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-text {
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: var(--secondary-backdrop) 0px 2px 6px 0px;
|
||||||
|
min-width: 70%;
|
||||||
|
max-width: 80%;
|
||||||
|
min-height: 70px;
|
||||||
|
display: flex;
|
||||||
|
margin-left: 15px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-text__serial-num {
|
||||||
|
display: inline-flex;
|
||||||
|
background-color: var(--violet);
|
||||||
|
color: var(--light-text);
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 50%;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-text__instructions {
|
||||||
|
display: inline-block;
|
||||||
|
list-style: none;
|
||||||
|
font-size: 19px;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 10px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-container {
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 50%;
|
||||||
|
margin: 50px auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 90%;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
box-sizing: content-box;
|
||||||
|
background-color: #fff;
|
||||||
|
margin: auto;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__title-flex-container {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 0.1px solid var(--light-grey);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__title {
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 1rem;
|
||||||
|
padding: 0.75rem 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__label {
|
||||||
|
display: block;
|
||||||
|
margin: 10px 0;
|
||||||
|
box-sizing: inherit;
|
||||||
|
justify-self: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__input {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 40px;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__input--add-level {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 5px;
|
||||||
|
box-sizing: inherit;
|
||||||
|
flex: 3;
|
||||||
|
height: 40px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__add-level-flex-container {
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 90%;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__add-level-spacer {
|
||||||
|
flex: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__add-level {
|
||||||
|
background-color: var(--violet);
|
||||||
|
color: white;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px var(--light-grey) solid;
|
||||||
|
height: 40px;
|
||||||
|
min-width: 125px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sitekey-form__submit {
|
||||||
|
margin-top: 50px;
|
||||||
|
display: block;
|
||||||
|
background-color: var(--violet);
|
||||||
|
color: white;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 20px;
|
||||||
|
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px var(--light-grey) solid;
|
||||||
|
min-height: 45px;
|
||||||
|
width: 125px;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
54
templates/views/v1/routes.js
Normal file
54
templates/views/v1/routes.js
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
const ROUTES = {
|
||||||
|
registerUser: '/join/',
|
||||||
|
|
||||||
|
loginUser: '/',
|
||||||
|
|
||||||
|
signoutUser: '/api/v1/signout',
|
||||||
|
|
||||||
|
panelHome: '/panel/',
|
||||||
|
|
||||||
|
docsHome: '/docs/',
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ROUTES;
|
||||||
|
|
||||||
|
|
||||||
|
// deleteAccount: '/api/v1/account/delete',
|
||||||
|
//
|
||||||
|
// usernameExists: '/api/v1/account/username/exists',
|
||||||
|
//
|
||||||
|
// emailExists: '/api/v1/account/email/exists',
|
||||||
|
//
|
||||||
|
// healthCheck: '/api/v1/meta/health',
|
||||||
|
//
|
||||||
|
// buildDetails: '/api/v1/meta/build',
|
||||||
|
//
|
||||||
|
// addDomain: '/api/v1/mcaptcha/domain/add',
|
||||||
|
//
|
||||||
|
// challengeDomain: '/api/v1/mcaptcha/domain/domain/verify/challenge/get',
|
||||||
|
//
|
||||||
|
// proveDomain: '/api/v1/mcaptcha/domain/domain/verify/challenge/prove',
|
||||||
|
//
|
||||||
|
// deleteDomain: '/api/v1/mcaptcha/domain/delete',
|
||||||
|
//
|
||||||
|
// addToken: '/api/v1/mcaptcha/domain/token/add',
|
||||||
|
//
|
||||||
|
// updateTokenKey: '/api/v1/mcaptcha/domain/token/update',
|
||||||
|
//
|
||||||
|
// getTokenKey: '/api/v1/mcaptcha/domain/token/get',
|
||||||
|
//
|
||||||
|
// deleteToken: '/api/v1/mcaptcha/domain/token/delete',
|
||||||
|
//
|
||||||
|
// addTokenLevels: '/api/v1/mcaptcha/domain/token/levels/add',
|
||||||
|
//
|
||||||
|
// updateTokenLevels: '/api/v1/mcaptcha/domain/token/levels/update',
|
||||||
|
//
|
||||||
|
// deleteTokenLevels: '/api/v1/mcaptcha/domain/token/levels/delete',
|
||||||
|
//
|
||||||
|
// getTokenLevels: '/api/v1/mcaptcha/domain/token/levels/get',
|
||||||
|
//
|
||||||
|
// getTokenDuration: '/api/v1/mcaptcha/domain/token/token/get',
|
||||||
|
//
|
||||||
|
// updateTokenDuration: '/api/v1/mcaptcha/domain/token/token/update',
|
||||||
|
//
|
||||||
Loading…
Reference in a new issue