2020-10-02 01:06:09 +02:00
<!DOCTYPE html>
< html lang = "en" >
2020-10-04 18:42:05 +02:00
< head >
2020-10-04 21:05:52 +02:00
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2020-10-25 02:30:47 +01:00
< title > Otwarty Czapkomat Webowy< / title >
2020-10-07 00:24:03 +02:00
< link rel = "stylesheet" href = "assets/style.css" / >
2020-10-04 18:42:05 +02:00
< / head >
< body >
2020-11-20 00:19:39 +01:00
< nav class = "navbar is-success" >
< div class = "navbar-menu" >
< div class = "navbar-brand" >
< a href = "/" class = "navbar-item" >
< img src = "/ocw.png" alt = "OCW" >
< / a >
< / div >
< div class = "navbar-end" >
< div class = "navbar-item" >
< div class = "buttons" >
< a class = "button is-light logout-button" >
< span > Log out< / span >
< / a >
2020-11-14 21:36:05 +01:00
< / div >
< / div >
< / div >
2020-11-20 00:19:39 +01:00
< / div >
< / nav >
< div class = "container" >
< div class = "description" >
< div class = "title is-1" > Welcome to OCW!< / div >
< p class = "paragraph" > OCW (Otwarty Czapkomat Mobilny) is an open-source webapp, made for easy opening of Czapkomat compartments. It's free, easy to use, and we collect minimal required data (your username, e-mail and necessary API tokens - not even your phone number*)< / p >
< p class = "paragraph" > Made by < a href = "https://selfisekai.rocks" > selfisekai< / a > and < a href = "https://sdomi.pl" > sdomi< / a > . Please note that this is still Work in Progress.< / p >
< hr >
< / div >
2020-10-08 17:06:14 +02:00
< div class = "columns" >
< div class = "login-box column" >
2020-10-11 14:50:58 +02:00
< label class = "label is-large" > Login< / label >
2020-10-08 17:06:14 +02:00
< form method = "POST" class = "login-form" >
< div class = "field" >
2020-10-11 14:50:58 +02:00
< label for = "login" class = "label" > Username< / label >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-11-18 17:49:55 +01:00
< input type = "text" name = "login" class = "input" placeholder = "dominika" required >
2020-10-08 17:06:14 +02:00
< / div >
< / div >
< div class = "field" >
2020-10-11 14:50:58 +02:00
< label for = "password" class = "label" > Password< / label >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-11-18 17:49:55 +01:00
< input type = "password" name = "password" class = "input" placeholder = "***** ***" required >
2020-10-08 17:06:14 +02:00
< / div >
< / div >
< div class = "control" >
2020-10-11 14:50:58 +02:00
< input type = "submit" class = "button" value = "Login" >
2020-10-08 17:06:14 +02:00
< / div >
< / form >
2020-12-02 04:02:03 +01:00
< div class = "password-reset-open-box" >
< span > Forgot your password?< / span >
< button class = "button is-light is-small" > Reset it here.< / button >
< / div >
< div class = "password-reset-box" >
< form class = "password-reset-form" >
< div class = "field" >
< label for = "login" class = "label" > Username< / label >
< div class = "control" >
< input type = "login" name = "login" class = "input" placeholder = "filip.grzywok" required >
< / div >
< / div >
< div class = "control" >
< input type = "submit" class = "button" value = "Reset password" >
< / div >
< / form >
< / div >
< / div >
< div class = "password-reset-verify-box column" >
< form class = "password-reset-verify-form" >
< div class = "field" >
< label for = "hash" class = "label" > Verification code< / label >
< div class = "control" >
< input type = "text" name = "hash" class = "input" placeholder = "aoeu" required >
< / div >
< p class = "help" > We've sent you that in an e-mail< / p >
< / div >
< div class = "field" >
< label for = "password" class = "label" > Password< / label >
< div class = "control" >
< input type = "password" name = "password" class = "input" placeholder = "***** ***" required >
< / div >
< / div >
< div class = "control" >
< input type = "submit" class = "button" value = "Set password" >
< / div >
< / form >
2020-10-08 17:06:14 +02:00
< / div >
< div class = "register-box column" >
2020-10-11 14:50:58 +02:00
< label class = "label is-large" > Register< / label >
2020-10-08 17:06:14 +02:00
< form method = "POST" class = "register-form" >
< div class = "field" >
2020-10-11 14:50:58 +02:00
< label for = "login" class = "label" > Username< / label >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-11-18 17:49:55 +01:00
< input type = "text" name = "login" class = "input" placeholder = "laura" required >
2020-10-08 17:06:14 +02:00
< / div >
< / div >
< div class = "field" >
2020-10-11 14:50:58 +02:00
< label for = "password" class = "label" > Password< / label >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-11-18 17:49:55 +01:00
< input type = "password" name = "password" class = "input" placeholder = "***** ***" required >
2020-10-08 17:06:14 +02:00
< / div >
< / div >
2020-10-29 23:37:32 +01:00
< div class = "field" >
< label for = "email" class = "label" > E-mail address< / label >
< div class = "control" >
2020-11-18 17:49:55 +01:00
< input type = "email" name = "email" class = "input" placeholder = "@2137.pl" required >
2020-10-29 23:37:32 +01:00
< / div >
< p class = "help" > For password recovery. Verified on account registration< / p >
< / div >
2020-10-08 17:06:14 +02:00
< div class = "field" >
2020-10-11 14:50:58 +02:00
< label for = "phone" class = "label" > Phone number< / label >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-11-18 17:49:55 +01:00
< input type = "tel" name = "phone" class = "input" placeholder = "222922597" required >
2020-10-08 17:06:14 +02:00
< / div >
2020-10-11 14:50:58 +02:00
< p class = "help" > The one your packages are assigned to< / p >
2020-10-08 17:06:14 +02:00
< / div >
2020-11-18 17:49:55 +01:00
< div class = "h-captcha" data-sitekey = "06ade6bc-1e3f-42be-85d8-f578c2c9de90" > < / div >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-10-11 14:50:58 +02:00
< input type = "submit" class = "button" value = "Register" >
2020-10-08 17:06:14 +02:00
< / div >
< / form >
< / div >
2020-10-29 23:37:32 +01:00
< div class = "mail-box column" >
< label class = "label is-large" > E-mail< / label >
< form method = "POST" class = "mail-form" >
< div class = "field" >
< label for = "code" class = "label" > E-mail code< / label >
< div class = "control" >
< input type = "number" name = "code" class = "input" >
< / div >
< / div >
< input type = "submit" class = "button" value = "Submit" >
< / form >
< / div >
2020-10-08 17:06:14 +02:00
< div class = "sms-box column" >
2020-10-11 14:50:58 +02:00
< label class = "label is-large" > SMS< / label >
2020-10-08 17:06:14 +02:00
< form method = "POST" class = "sms-form" >
< div class = "field" >
2020-10-11 14:50:58 +02:00
< label for = "code" class = "label" > SMS code< / label >
2020-10-08 17:06:14 +02:00
< div class = "control" >
2020-10-11 14:50:58 +02:00
< input type = "number" name = "code" class = "input" >
2020-10-08 17:06:14 +02:00
< / div >
< / div >
2020-10-29 23:37:32 +01:00
< div class = "field sms-phone-field" >
< label for = "phone" class = "label" > Phone number< / label >
< div class = "control" >
< input type = "tel" name = "phone" class = "input" placeholder = "222922597" >
< / div >
< p class = "help" > The one your packages are assigned to< / p >
< / div >
2020-10-11 14:50:58 +02:00
< input type = "submit" class = "button" value = "Submit" >
2020-10-08 17:06:14 +02:00
< / form >
< / div >
2020-10-05 00:46:42 +02:00
< / div >
2020-11-03 21:38:47 +01:00
< div class = "areyousure-box modal" >
< div class = "modal-background" > < / div >
< div class = "modal-card" >
< header class = "modal-card-head" >
< p class = "modal-card-title" > Are you sure?< / p >
< button class = "delete" aria-label = "close" > < / button >
< / header >
< section class = "modal-card-body" >
< p class = "areyousure-text" > The parcel locker will open even if you're not close to it, and so, anyone could take your package.< / p >
< / section >
< footer class = "modal-card-foot" >
< button class = "areyousure-button button is-danger" > Open locker< / button >
< button class = "areyousure-button-deny button" > Cancel< / button >
< / footer >
2020-10-08 00:44:02 +02:00
< / div >
2020-10-06 17:49:20 +02:00
< / div >
2020-11-03 21:38:47 +01:00
< div class = "error-box modal" >
< div class = "modal-background" > < / div >
< div class = "modal-card" >
< header class = "modal-card-head" >
< p class = "modal-card-title" > Error< / p >
< button class = "delete" aria-label = "close" > < / button >
< / header >
< section class = "modal-card-body" >
< p class = "error-box-text" > < / p >
< / section >
< footer class = "modal-card-foot" >
< button class = "error-box-button button" > OK< / button >
< / footer >
2020-10-08 00:44:02 +02:00
< / div >
2020-10-06 17:49:20 +02:00
< / div >
2020-10-29 23:37:32 +01:00
< div class = "package-list container" >
2020-10-30 01:16:42 +01:00
< div class = "table-container" >
< table class = "table is-striped" >
< thead >
< tr >
< th > Package number< / th >
< th > Sender< / th >
< th > Status< / th >
< th > Location< / th >
< th > < / th >
< th > < / th >
< / tr >
< / thead >
< tbody > < / tbody >
< / table >
< / div >
2020-10-05 19:31:41 +02:00
< / div >
2020-10-30 01:16:42 +01:00
< div class = "modal details-box" >
< div class = "modal-background" > < / div >
< div class = "modal-card" >
< header class = "modal-card-head" >
< p class = "modal-card-title" > Details< / p >
< button class = "delete" aria-label = "close" > < / button >
< / header >
< section class = "modal-card-body" >
2020-10-31 14:40:10 +01:00
< div class = "columns" >
< div class = "column" >
< div id = "map" > < / div >
< / div >
< div class = "column" >
< table class = "details-text table" >
< tbody > < / tbody >
< / table >
< / div >
< / div >
2020-10-30 01:16:42 +01:00
< / section >
< footer class = "modal-card-foot" >
< button class = "button is-primary" > Open the locker< / button >
< / footer >
2020-10-26 14:07:33 +01:00
< / div >
< / div >
2020-10-08 00:44:02 +02:00
< / div >
2020-10-11 14:50:58 +02:00
< script src = "assets/index.js" > < / script >
2020-11-18 17:49:55 +01:00
< script src = "https://hcaptcha.com/1/api.js" async defer > < / script >
2020-10-04 18:42:05 +02:00
< / body >
< / html >