mirror/mCaptcha
1
0
Fork 1
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2026-02-11 10:05:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend: logout and add sitekey

Browse Source
This commit is contained in:
realaravinth
2021-04-30 17:30:40 +05:30
parent a5cfa3b305
commit 6e63771868
17 changed files with 255 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
templates/_reset.scss
View File

@@ -2,3 +2,8 @@
padding: 0;
margin: 0;
}
a {
text-decoration: none;
color: inherit;
}

4
templates/index.js
View File

@@ -3,11 +3,13 @@ import {Router} from './router';
import * as login from './auth/login';
import * as register from './auth/register';
import * as panel from './panel/index';
import './auth/forms.scss';
import './panel/main.scss';
const router = new Router();
router.register('/', login.index);
router.register('/join', register.index);
router.register('/register', register.index);
router.register('/panel/', panel.index);
router.register('/panel/layout.html/', panel.index);

48
templates/panel/add-site-key/form.html Normal file
View File

@@ -0,0 +1,48 @@
<form class="sitekey-form" action="/something" method="post">
<div class="sitekey-form__title-flex-container">
<b class="sitekey-form__title">Add Site Key</b>
</div>
<div class="sitekey-form__add-level-flex-container">
<label class="sitekey-form__label" for="description">Description</label>
</div>
<input
class="sitekey-form__input"
type="text/"
name="description"
id="description"
value=""
/>
<div class="sitekey-form__add-level-flex-container">
<!-- insert Javascript for adding more levels as needed -->
<label class="sitekey-form__label" for="level1">Level 1</label>
</div>
<input
class="sitekey-form__input"
type="text/"
name="level1"
id="level1"
value=""
/>
<div class="sitekey-form__add-level-flex-container">
<label class="sitekey-form__label" for="level1">Level 2</label>
</div>
<div class="sitekey-form__add-level-flex-container">
<!--
<div class="sitekey-form__add-level-spacer"></div>
-->
<input
class="sitekey-form__input--add-level"
type="text/"
name="level2"
id="level2"
value=""
/>
<button class="sitekey-form__add-level">Add Level</button>
</div>
<button class="sitekey-form__submit" type="submit">Submit</button>
</form>

59
templates/panel/add-site-key/index.html
View File

@@ -1,48 +1,15 @@
<form class="sitekey-form" action="/something" method="post">
<div class="sitekey-form__title-flex-container">
<b class="sitekey-form__title">Add Site Key</b>
</div>
<div class="sitekey-form__add-level-flex-container">
<label class="sitekey-form__label" for="description">Description</label>
</div>
<input
class="sitekey-form__input"
type="text/"
name="description"
id="description"
value=""
/>
<. include!("../../components/headers.html"); .> <. include!("../header/index.html");
.>
<div class="sitekey-form__add-level-flex-container">
<!-- insert Javascript for adding more levels as needed -->
<label class="sitekey-form__label" for="level1">Level 1</label>
<main>
<. include!("../taskbar/index.html"); .> <.
include!("../help-banner/index.html"); .>
<!-- Main content container -->
<div class="inner-container">
<!-- Main menu/ important actions roaster -->
<. include!("../add-site-key/form.html"); .>
</div>
<input
class="sitekey-form__input"
type="text/"
name="level1"
id="level1"
value=""
/>
<div class="sitekey-form__add-level-flex-container">
<label class="sitekey-form__label" for="level1">Level 2</label>
</div>
<div class="sitekey-form__add-level-flex-container">
<!--
<div class="sitekey-form__add-level-spacer"></div>
-->
<input
class="sitekey-form__input--add-level"
type="text/"
name="level2"
id="level2"
value=""
/>
<button class="sitekey-form__add-level">Add Level</button>
</div>
<button class="sitekey-form__submit" type="submit">Submit</button>
</form>
<!-- end of container -->
</main>
<. include!("../../components/footers.html"); .>

4
templates/panel/header/sidebar/index.html
View File

@@ -11,7 +11,7 @@
<li class="secondary-menu__section-partition"></li>
-->
<li class="secondary-menu__item">
<a class="secondary-menu__item-link" href="">
<a class="secondary-menu__item-link" href="/panel">
<img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/img/svg/home.svg").unwrap() .>" alt="" />
<div class="secondary-menu__item-name">
Overview
@@ -19,7 +19,7 @@
</a>
</li>
<li class="secondary-menu__item">
<a class="secondary-menu__item-link" href="">
<a class="secondary-menu__item-link" href="/panel/sitekey">
<img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/img/svg/key.svg").unwrap() .>" alt="" />
<div class="secondary-menu__item-name">
Site Keys

1
templates/panel/index.html
View File

@@ -8,7 +8,6 @@
<div class="inner-container">
<!-- Main menu/ important actions roaster -->
<. include!("./add-site-key/index.html"); .>
</div>
<!-- end of container -->
</main>

4
templates/panel/main.scss
View File

@@ -126,6 +126,10 @@ main {
margin: auto 20px;
}
.task-bar__icon {
color: $light-text;
}
.task-bar__icon:hover {
cursor: grab;
}

13
templates/panel/taskbar/index.html
View File

@@ -4,7 +4,11 @@
-->
<li class="task-bar__spacer"></li>
<li class="task-bar__action">
<button class="main-menu__add-site">+ New Site</button>
<a class="task-bar__link" href="/panel/sitekey/add">
<button class="main-menu__add-site">
+ New Site
</button>
</a>
</li>
<li class="task-bar__action">
<img class="task-bar__icon" src="<.=
@@ -13,11 +17,14 @@
<li class="task-bar__action">
<img class="task-bar__icon" src="<.=
crate::FILES.get("./static/img/svg/bell.svg").unwrap() .>" alt="Notifications" />
crate::FILES.get("./static/img/svg/bell.svg").unwrap() .>"
alt="Notifications" />
</li>
<li class="task-bar__action">
<a href="/logout">
<img class="task-bar__icon" src="<.=
crate::FILES.get("./static/img/svg/log-out.svg").unwrap() .>" alt="Profile" />
crate::FILES.get("./static/img/svg/log-out.svg").unwrap() .>" alt="Profile"
/></a>
</li>
</ul>