mirror of
https://github.com/mCaptcha/mCaptcha.git
synced 2025-03-14 13:08:27 +03:00
widget template
This commit is contained in:
realaravinth
parent
282b285afa
commit
2c209bf8d5
8 changed files with 249 additions and 44 deletions
|
|
@ -38,8 +38,10 @@ mod stats;
|
|||
#[cfg(test)]
|
||||
#[macro_use]
|
||||
mod tests;
|
||||
mod widget;
|
||||
|
||||
pub use api::v1::ROUTES as V1_API_ROUTES;
|
||||
pub use widget::WIDGET_ROUTES;
|
||||
pub use data::Data;
|
||||
pub use docs::DOCS;
|
||||
pub use pages::routes::ROUTES as PAGES;
|
||||
|
|
@ -109,6 +111,7 @@ async fn main() -> std::io::Result<()> {
|
|||
actix_middleware::normalize::TrailingSlash::Trim,
|
||||
))
|
||||
.configure(v1::services)
|
||||
.configure(widget::services)
|
||||
.configure(docs::services)
|
||||
.configure(static_assets::services)
|
||||
.configure(pages::services)
|
||||
|
|
|
|||
|
|
@ -123,7 +123,7 @@ mod test {
|
|||
|
||||
let mut app = get_app!(data).await;
|
||||
|
||||
let url = format!("/sitekey/view/{}", &key.key);
|
||||
let url = format!("/sitekey/{}/view", &key.key);
|
||||
|
||||
let list_sitekey_resp = test::call_service(
|
||||
&mut app,
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@ pub struct Routes {
|
|||
pub thanks: &'static str,
|
||||
pub donate: &'static str,
|
||||
pub security: &'static str,
|
||||
pub privacy: &'static str,
|
||||
}
|
||||
|
||||
impl Routes {
|
||||
|
|
@ -44,6 +45,7 @@ impl Routes {
|
|||
thanks: "/thanks",
|
||||
donate: "/donate",
|
||||
security: "/security",
|
||||
privacy: "/privacy-policy",
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
102
src/widget/mod.rs
Normal file
102
src/widget/mod.rs
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
/*
|
||||
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as
|
||||
* published by the Free Software Foundation, either version 3 of the
|
||||
* License, or (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
pub const WIDGET_ROUTES: routes::Widget = routes::Widget::new();
|
||||
|
||||
pub mod routes {
|
||||
pub struct Widget {
|
||||
pub verification_widget: &'static str,
|
||||
}
|
||||
|
||||
impl Widget {
|
||||
pub const fn new() -> Self {
|
||||
Widget { verification_widget: "/widget" }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
use actix_web::{web, HttpResponse, Responder};
|
||||
use lazy_static::lazy_static;
|
||||
use sailfish::TemplateOnce;
|
||||
|
||||
use crate::errors::*;
|
||||
|
||||
#[derive(TemplateOnce, Clone)]
|
||||
#[template(path = "widget/index.html")]
|
||||
pub struct IndexPage;
|
||||
|
||||
const PAGE: &str = "mCaptcha CAPTCHA verification";
|
||||
|
||||
impl IndexPage {
|
||||
fn new() -> Self {
|
||||
IndexPage { }
|
||||
}
|
||||
}
|
||||
|
||||
lazy_static! {
|
||||
static ref INDEX_PAGE: String = IndexPage::new().render_once().unwrap();
|
||||
}
|
||||
|
||||
/// render a client side widget for CAPTCHA verification
|
||||
#[my_codegen::get(path = "crate::WIDGET_ROUTES.verification_widget")]//, wrap = "crate::CheckLogin")]
|
||||
async fn show_widget() -> PageResult<impl Responder> {
|
||||
Ok(HttpResponse::Ok()
|
||||
.content_type("text/html; charset=utf-8")
|
||||
.body(&*INDEX_PAGE))
|
||||
}
|
||||
|
||||
|
||||
pub fn services(cfg: &mut web::ServiceConfig) {
|
||||
cfg.service(show_widget);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#[cfg(test)]
|
||||
mod test {
|
||||
use actix_web::http::StatusCode;
|
||||
use actix_web::test;
|
||||
use actix_web::web::Bytes;
|
||||
|
||||
use crate::*;
|
||||
|
||||
#[actix_rt::test]
|
||||
async fn captcha_widget_route_works() {
|
||||
let mut app = test::init_service(
|
||||
actix_web::App::new()
|
||||
.wrap(get_identity_service())
|
||||
.wrap(actix_middleware::NormalizePath::new(
|
||||
actix_middleware::normalize::TrailingSlash::Trim,
|
||||
))
|
||||
.configure(crate::widget::services)
|
||||
).await;
|
||||
|
||||
|
||||
let list_sitekey_resp = test::call_service(
|
||||
&mut app,
|
||||
test::TestRequest::get()
|
||||
.uri(crate::WIDGET_ROUTES.verification_widget)
|
||||
.to_request(),
|
||||
)
|
||||
.await;
|
||||
|
||||
assert_eq!(list_sitekey_resp.status(), StatusCode::OK);
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -12,6 +12,10 @@
|
|||
<li class="details__item">
|
||||
<a class="details__link"
|
||||
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.donate .>">Donate</a>
|
||||
</li>
|
||||
<li class="details__item">
|
||||
<a class="details__link"
|
||||
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.privacy .>">Privacy</a>
|
||||
</li>
|
||||
<li class="details__item">
|
||||
<a class="details__link"
|
||||
|
|
|
|||
|
|
@ -1,43 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title><.= PAGE .> | <.= crate::pages::NAME .></title>
|
||||
<meta name="referrer" content="no-referrer-when-downgrade" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
|
||||
<meta name="author" content="Aravinth Manivannan" />
|
||||
<meta name="twitter:card" value="summary_large_image" />
|
||||
<meta name="twitter:site" content="@realaravinth" />
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content="<.= PAGE .> | <.= crate::pages::NAME .>"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
<meta name="twitter:creator" content="@realaravinth" />
|
||||
<meta name="twitter:image" content="https://mcaptcaha.org/icon-trans.png" />
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="<.= PAGE .> | <.= crate::pages::NAME .>"
|
||||
/>
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://mcaptcaha.org" />
|
||||
<meta property="og:image" content="https://mcaptcaha.org/icon-trans.png" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
<meta property="og:site_name"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
</head>
|
||||
<body class="layout">
|
||||
<. include!("./raw-headers.html"); .>
|
||||
<body class="layout">
|
||||
|
|
|
|||
48
templates/components/raw-headers.html
Normal file
48
templates/components/raw-headers.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title><.= PAGE .> | <.= crate::pages::NAME .></title>
|
||||
<meta name="referrer" content="no-referrer-when-downgrade" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
|
||||
<meta name="author" content="Aravinth Manivannan" />
|
||||
<meta name="twitter:card" value="summary_large_image" />
|
||||
<meta name="twitter:site" content="@realaravinth" />
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content="<.= PAGE .> | <.= crate::pages::NAME .>"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
<meta name="twitter:creator" content="@realaravinth" />
|
||||
<meta name="twitter:image"
|
||||
content="<.= crate::FILES.get("./static-assets/img/icon-trans.png").unwrap().>"
|
||||
/>
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="<.= PAGE .> | <.= crate::pages::NAME .>"
|
||||
/>
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://mcaptcaha.org" />
|
||||
<meta property="og:image"
|
||||
content="<.= crate::FILES.get("./static-assets/img/icon-trans.png").unwrap().>"
|
||||
/>
|
||||
|
||||
<meta
|
||||
property="og:description"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
<meta property="og:site_name"
|
||||
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
|
||||
/>
|
||||
</head>
|
||||
|
||||
87
templates/widget/index.html
Normal file
87
templates/widget/index.html
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
<. include!("../components/raw-headers.html"); .>
|
||||
<body>
|
||||
<form class="contaienr">
|
||||
<label class="checkbox-label" for="verification">
|
||||
<input id="verification" class="checkbox" type="checkbox" />
|
||||
I'm not a robot
|
||||
</label>
|
||||
<div class="details">
|
||||
<a href="<.= crate::PKG_HOMEPAGE .>" class="logo-container">
|
||||
<img
|
||||
class="logo"
|
||||
src="<.= crate::FILES.get("./static-assets/img/icon-trans.png").unwrap().>"
|
||||
alt="mCaptcha logo"
|
||||
/>
|
||||
<p class="brand-name">mCaptcha</p>
|
||||
</a>
|
||||
<div class="links-container">
|
||||
<a class="links"
|
||||
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.privacy .>">
|
||||
Privacy
|
||||
</a>
|
||||
<a class="links"
|
||||
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.security .>">>
|
||||
Terms
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<style type="text/css" media="screen">
|
||||
.contaienr {
|
||||
max-width: 350px;
|
||||
max-height: 90px;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.checkbox-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 30px;
|
||||
flex: 2;
|
||||
margin: auto;
|
||||
font-size: 0.99rem;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.details {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
flex: 2;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.brand-name {
|
||||
font-size: 0.6rem;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: block;
|
||||
width: 45px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.links-container {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.links {
|
||||
font-size: 0.5rem;
|
||||
margin: 5px;
|
||||
}
|
||||
</style>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue