widget template

This commit is contained in:
realaravinth 2021-05-28 21:26:36 +05:30
parent 282b285afa
commit 2c209bf8d5
No known key found for this signature in database
GPG key ID: AD9F0F08E855ED88
8 changed files with 249 additions and 44 deletions

View file

@ -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)

View file

@ -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,

View file

@ -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
View 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);
}
}

View file

@ -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"

View file

@ -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">

View 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>

View 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>