github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-02 03:00:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Rami Berman
2022-01-06 18:06:23 +02:00
parent cf750a5b9f
commit ff88b49c06
10 changed files with 88 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/App.sass
View File

@@ -5,14 +5,4 @@ body
.mizuApp
color: $font-color
width: 100%
.centeredForm
max-width: 500px
text-align: center
display: flex
flex-direction: column
margin: 0 auto
.form-input, .form-button
margin-top: 20px
width: 100%

5
ui/src/EntApp.tsx
View File

@@ -8,6 +8,7 @@ import {toast} from "react-toastify";
import InstallPage from "./components/InstallPage";
import LoginPage from "./components/LoginPage";
import LoadingOverlay from "./components/LoadingOverlay";
import AuthPageBase from './components/AuthPageBase';
const api = Api.getInstance();
@@ -75,10 +76,10 @@ const EntApp = () => {
pageComponent = <TrafficPage onTLSDetected={onTLSDetected}/>;
break;
case Page.Setup:
pageComponent = <InstallPage onFirstLogin={() => setIsFirstLogin(true)}/>;
pageComponent = <AuthPageBase><InstallPage onFirstLogin={() => setIsFirstLogin(true)}/></AuthPageBase>;
break;
case Page.Login:
pageComponent = <LoginPage/>;
pageComponent = <AuthPageBase><LoginPage/></AuthPageBase>;
break;
default:
pageComponent = <div>Unknown Error</div>;

16
ui/src/components/AuthPageBase.tsx Normal file
View File

@@ -0,0 +1,16 @@
import React from "react";
import background from "./assets/authBackground.png";
import logo from './assets/MizuEntLogoFull.svg';
import "./style/AuthBasePage.sass";
export const AuthPageBase: React.FC = ({children}) => {
return <div className="authContainer" style={{background: `url(${background})`, backgroundSize: "cover"}}>
<div className="authHeader">
<img src={logo}/>
</div>
{children}
</div>;
};
export default AuthPageBase;

3
ui/src/components/LoginPage.tsx
View File

@@ -4,6 +4,7 @@ import { toast } from "react-toastify";
import { MizuContext, Page } from "../EntApp";
import Api from "../helpers/api";
import LoadingOverlay from "./LoadingOverlay";
import './style/Common.sass';
const api = Api.getInstance();
@@ -38,7 +39,7 @@ const LoginPage: React.FC = () => {
return <div className="centeredForm">
{isLoading && <LoadingOverlay/>}
<p>Welcome to Mizu, please login to continue</p>
<div className="title">Login</div>
<TextField className="form-input" label="Username" variant="standard" fullWidth value={username} onChange={e => setUsername(e.target.value)} />
<TextField className="form-input" label="Password" variant="standard" type="password" fullWidth value={password} onChange={e => setPassword(e.target.value)} />
<Button className="form-button" variant="contained" fullWidth onClick={onFormSubmit}>Login</Button>

3
ui/src/components/SettingsModal/SettingModal.tsx
View File

@@ -2,6 +2,7 @@ import React, {useEffect, useMemo, useState} from "react";
import {Modal, Backdrop, Fade, Box, Button} from "@material-ui/core";
import {modalStyle} from "../Filters";
import Checkbox from "../UI/Checkbox";
import '../style/Common.sass';
import './SettingsModal.sass';
import Api from "../../helpers/api";
import spinner from "../assets/spinner.svg";
@@ -120,7 +121,7 @@ export const SettingsModal: React.FC<SettingsModalProps> = ({isOpen, onClose, is
<Fade in={isOpen}>
<Box sx={modalStyle} style={{width: "40vw", maxWidth: 600, height: "70vh", padding: 0, display: "flex", justifyContent: "space-between", flexDirection: "column"}}>
<div style={{padding: 32, paddingBottom: 0}}>
<div className="settingsTitle">Tapping Settings</div>
<div className="title">Tapping Settings</div>
<div className="settingsSubtitle" style={{marginTop: 20}}>
Please choose from below the namespaces for tapping, traffic for namespaces selected will be displayed
</div>

5
ui/src/components/SettingsModal/SettingsModal.sass
View File

@@ -1,10 +1,5 @@
@import "../../variables.module"
.settingsTitle
font-size: 28px
color: $blue-gray
font-weight: 600
.settingsSubtitle
font-size: 14px
color: $light-gray

31
ui/src/components/assets/MizuEntLogoFull.svg Normal file
View File

@@ -0,0 +1,31 @@
<svg width="260" height="146" viewBox="0 0 260 146" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50.5684 89.1243H36.3639L26.9321 66.0935C26.7048 65.4538 26.2503 64.2943 25.5685 62.6149C24.9624 60.8556 24.2427 58.8964 23.4094 56.7373C22.6518 54.4982 21.8563 52.2191 21.023 49.9C20.1897 47.581 19.4321 45.4618 18.7503 43.5426C18.7503 51.3373 18.6475 46.7868 18.4094 54.5782C18.4094 59.0173 14.8865 62.6149 10.6811 62.6149H10.2362C5.56284 62.6149 1.86923 58.4328 2.19637 53.5119L4.59996 17.3574C4.95347 12.0399 9.14316 7.91683 14.1931 7.91683H14.5754C18.6754 7.91683 22.3624 10.5518 23.8851 14.5701L39.0912 54.6981C39.6215 56.1375 40.3033 58.1767 41.1366 60.8157C42.0457 63.3746 42.9169 66.1735 43.7503 69.2123C44.5836 66.2535 45.4169 63.4946 46.2503 60.9356C47.1594 58.2967 47.9169 56.2175 48.523 54.6981L63.7981 14.3878C65.2791 10.4796 68.8651 7.91683 72.8528 7.91683C78.0153 7.91683 82.2834 12.1638 82.5879 17.6038L86.5911 89.1243H68.9775L68.2957 72.8109C68.2199 71.2915 68.1442 69.2923 68.0684 66.8133C68.0684 64.3343 68.0684 61.7353 68.0684 59.0164C68.0684 56.2175 68.0684 53.4586 68.0684 50.7397C68.1442 47.9408 68.1821 45.5418 68.1821 43.5426C67.576 45.2219 66.8942 47.1411 66.1366 49.3003C65.4548 51.3794 64.7351 53.4186 63.9775 55.4178C63.2199 57.417 62.5002 59.2963 61.8184 61.0556C61.1366 62.7349 60.6063 64.0544 60.2275 65.014L50.5684 89.1243Z" fill="#205CF5"/>
<path d="M101.591 86.6053C98.6363 83.4863 97.7834 80.3678 97.7834 76.0496V38.3846C97.7834 33.1511 101.803 28.9084 106.761 28.9084C111.719 28.9084 115.738 33.1511 115.738 38.3846V70.6517C115.738 72.491 116.003 73.7305 116.533 74.3702C117.064 75.01 117.859 75.3299 118.92 75.3299C119.526 75.3299 130.19 75.2899 130.796 75.2099C131.402 75.05 130.53 75.2899 130.682 75.2099L123.465 86.7253C123.389 86.8053 123.049 87.0052 122.442 87.3251C121.836 87.565 121.041 87.8848 120.056 88.2847C115.341 87.445 111.705 88.5246 107.666 89.143C104.091 89.1243 102.955 88.0448 101.591 86.6053ZM106.988 0C110.17 0 112.594 0.999599 114.261 2.9988C115.927 4.998 116.761 7.51699 116.761 10.5558C116.761 13.6745 115.889 16.2735 114.147 18.3527C112.48 20.4318 109.942 21.4714 106.533 21.4714C103.352 21.4714 100.889 20.4718 99.147 18.4726C97.4804 16.3934 96.647 13.9544 96.647 11.1555C96.647 7.95681 97.5183 5.31787 99.2607 3.23871C101.003 1.07957 103.579 0 106.988 0Z" fill="#205CF5"/>
<path d="M126.778 89.1243V78.5686L148.369 43.0628C146.93 43.1427 145.566 43.2227 144.278 43.3027C142.991 43.3027 141.703 43.3027 140.415 43.3027H135.512C132.304 43.3027 129.562 40.8646 129.017 37.5275C128.322 33.2754 131.424 29.3882 135.512 29.3882H160.826C165.557 29.3882 169.392 33.4365 169.392 38.4303C169.392 40.125 168.941 41.7856 168.09 43.2226L148.938 75.5698C149.922 75.4898 150.869 75.4498 151.778 75.4498C152.763 75.3698 153.786 75.3299 154.847 75.3299H194.088V89.1243H126.778Z" fill="#205CF5"/>
<path d="M207.269 38.3846C207.269 33.1511 211.289 28.9084 216.247 28.9084C221.205 28.9084 225.224 33.1511 225.224 38.3846V60.2159C225.224 65.014 223.75 86.1255 237.273 86.3654C237.879 89.5641 226.099 85.8856 226.932 87.8049C227.841 90.1239 223.065 86.3654 226.133 89.1243L237.273 98.3606C221.591 98.3606 215.678 88.4446 214.997 87.3251C214.391 86.4454 213.784 85.3259 213.178 83.9664C212.572 82.527 212.424 82.6869 212.046 80.8476C210.076 84.6061 208.977 85.8731 205.227 87.8049C202.666 89.1243 198.103 89.1243 194.088 89.1243C191.133 89.1243 185.909 89.1243 184.091 89.1243C182.046 88.0847 181.019 85.9656 179.656 84.2063C178.368 82.367 177.421 80.1679 176.815 77.6089C176.284 75.05 176.019 72.1711 176.019 68.9724V38.4446C176.019 33.1779 180.064 28.9084 185.053 28.9084C190.043 28.9084 194.088 33.1779 194.088 38.4446V66.4534C194.088 69.2523 194.391 71.5314 194.997 73.2907C195.678 74.97 196.891 75.8097 198.633 75.8097C200.754 75.8097 203.409 74.8101 205.227 71.8512C207.046 68.8125 207.269 64.1743 207.269 58.8964V38.3846Z" fill="#205CF5"/>
<path d="M107.5 78.5686H129.091V89.1243H107.5V78.5686Z" fill="#205CF5"/>
<path d="M15.9222 72.5261C14.4156 70.7167 12.2242 69.8121 9.34795 69.8121C6.26629 69.8121 3.93792 70.7891 2.36285 72.7432C0.78778 74.6249 0.000244141 77.0132 0.000244141 79.9081C0.000244141 82.4412 0.753539 84.6486 2.26013 86.5303C3.8352 88.3396 6.06085 89.2443 8.93706 89.2443C12.0187 89.2443 14.3129 88.3034 15.8194 86.4217C17.3945 84.54 18.182 82.1879 18.182 79.3653C18.182 76.6152 17.4288 74.3354 15.9222 72.5261Z" fill="#205CF5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M218.864 65.014C222.002 65.014 224.546 67.6992 224.546 71.0116C224.546 80.259 230.619 86.3654 236.591 86.3654C242.562 86.3654 248.636 80.259 248.636 71.0116C248.636 67.6992 251.18 65.014 254.318 65.014C257.456 65.014 260 67.6992 260 71.0116C260 85.3483 250.2 98.3606 236.591 98.3606C222.982 98.3606 213.182 85.3483 213.182 71.0116C213.182 67.6992 215.726 65.014 218.864 65.014Z" fill="#205CF5"/>
<rect y="107.643" width="140.446" height="38.3575" rx="4" fill="#205CF5"/>
<path d="M21.2161 131.456C21.6367 131.456 21.9845 131.6 22.2595 131.889C22.5507 132.161 22.6963 132.481 22.6963 132.85C22.6963 133.25 22.5507 133.579 22.2595 133.835C21.9845 134.091 21.6367 134.22 21.2161 134.22H13.0873C12.6667 134.22 12.3109 134.083 12.0197 133.811C11.7447 133.523 11.6072 133.17 11.6072 132.754V118.864C11.6072 118.447 11.7447 118.103 12.0197 117.83C12.3109 117.542 12.6667 117.398 13.0873 117.398H21.2161C21.6367 117.398 21.9845 117.534 22.2595 117.806C22.5507 118.063 22.6963 118.399 22.6963 118.816C22.6963 119.216 22.5588 119.545 22.2838 119.801C22.0088 120.041 21.6529 120.161 21.2161 120.161H14.6403V124.247H20.1242C20.5448 124.247 20.8926 124.383 21.1676 124.655C21.4588 124.911 21.6043 125.248 21.6043 125.664C21.6043 126.065 21.4668 126.393 21.1918 126.65C20.9168 126.89 20.561 127.01 20.1242 127.01H14.6403V131.456H21.2161Z" fill="white"/>
<path d="M32.1903 121.123C33.8403 121.123 34.9808 121.611 35.6117 122.588C36.2426 123.55 36.558 124.887 36.558 126.602V132.754C36.558 133.17 36.4205 133.523 36.1455 133.811C35.8705 134.083 35.5227 134.22 35.1021 134.22C34.6815 134.22 34.3337 134.083 34.0587 133.811C33.7837 133.523 33.6462 133.17 33.6462 132.754V126.602C33.6462 125.721 33.4602 125.032 33.0881 124.535C32.7161 124.022 32.0771 123.766 31.1712 123.766C30.2329 123.766 29.4969 124.038 28.9631 124.583C28.4293 125.112 28.1623 125.785 28.1623 126.602V132.754C28.1623 133.17 28.0248 133.523 27.7498 133.811C27.4748 134.083 27.127 134.22 26.7064 134.22C26.2858 134.22 25.938 134.083 25.663 133.811C25.388 133.523 25.2505 133.17 25.2505 132.754V122.829C25.2505 122.412 25.388 122.068 25.663 121.795C25.938 121.507 26.2858 121.363 26.7064 121.363C27.127 121.363 27.4748 121.507 27.7498 121.795C28.0248 122.068 28.1623 122.412 28.1623 122.829V123.237C28.5991 122.661 29.1653 122.164 29.8609 121.747C30.5727 121.331 31.3491 121.123 32.1903 121.123Z" fill="white"/>
<path d="M45.9656 131.504C46.1921 131.504 46.3943 131.616 46.5723 131.84C46.7664 132.049 46.8634 132.329 46.8634 132.682C46.8634 133.114 46.6208 133.483 46.1355 133.787C45.6664 134.075 45.1325 134.22 44.534 134.22C43.531 134.22 42.6818 134.011 41.9862 133.595C41.3067 133.162 40.967 132.257 40.967 130.879V124.247H39.8508C39.4626 124.247 39.1391 124.118 38.8803 123.862C38.6214 123.606 38.492 123.285 38.492 122.901C38.492 122.532 38.6214 122.228 38.8803 121.988C39.1391 121.731 39.4626 121.603 39.8508 121.603H40.967V120.065C40.967 119.649 41.1045 119.304 41.3795 119.032C41.6707 118.744 42.0266 118.599 42.4472 118.599C42.8516 118.599 43.1913 118.744 43.4663 119.032C43.7413 119.304 43.8788 119.649 43.8788 120.065V121.603H45.6017C45.9899 121.603 46.3134 121.731 46.5723 121.988C46.8311 122.244 46.9605 122.564 46.9605 122.949C46.9605 123.317 46.8311 123.63 46.5723 123.886C46.3134 124.126 45.9899 124.247 45.6017 124.247H43.8788V130.759C43.8788 131.096 43.9678 131.344 44.1458 131.504C44.3237 131.648 44.5663 131.72 44.8737 131.72C45.0031 131.72 45.1811 131.688 45.4075 131.624C45.6017 131.544 45.7877 131.504 45.9656 131.504Z" fill="white"/>
<path d="M61.1627 127.491C61.1465 127.875 60.9928 128.188 60.7017 128.428C60.4105 128.668 60.0708 128.789 59.6825 128.789H51.6751C51.8692 129.734 52.3141 130.479 53.0097 131.023C53.7053 131.552 54.4898 131.816 55.3634 131.816C56.0266 131.816 56.5443 131.76 56.9163 131.648C57.2884 131.52 57.5796 131.392 57.7899 131.264C58.0163 131.12 58.17 131.023 58.2509 130.975C58.5421 130.831 58.8171 130.759 59.0759 130.759C59.4156 130.759 59.7068 130.879 59.9495 131.12C60.1921 131.36 60.3134 131.64 60.3134 131.961C60.3134 132.393 60.087 132.786 59.634 133.138C59.1811 133.507 58.5744 133.819 57.8141 134.075C57.0538 134.332 56.2854 134.46 55.509 134.46C54.1501 134.46 52.9611 134.18 51.942 133.619C50.9391 133.058 50.1626 132.289 49.6126 131.312C49.0626 130.319 48.7876 129.205 48.7876 127.971C48.7876 126.594 49.0787 125.384 49.6611 124.343C50.2435 123.301 51.0119 122.508 51.9663 121.964C52.9207 121.403 53.9398 121.123 55.0237 121.123C56.0913 121.123 57.0943 121.411 58.0325 121.988C58.9869 122.564 59.7472 123.341 60.3134 124.319C60.8796 125.296 61.1627 126.353 61.1627 127.491ZM55.0237 123.766C53.1472 123.766 52.0391 124.639 51.6994 126.385H58.0568V126.217C57.9921 125.544 57.6605 124.968 57.0619 124.487C56.4634 124.006 55.784 123.766 55.0237 123.766Z" fill="white"/>
<path d="M70.3368 121.123C70.8221 121.123 71.2265 121.259 71.55 121.531C71.8897 121.803 72.0596 122.124 72.0596 122.492C72.0596 122.989 71.9302 123.365 71.6713 123.622C71.4125 123.862 71.1051 123.982 70.7493 123.982C70.5066 123.982 70.2316 123.926 69.9243 123.814C69.8757 123.798 69.7625 123.766 69.5845 123.718C69.4228 123.67 69.2448 123.646 69.0507 123.646C68.6301 123.646 68.2257 123.774 67.8375 124.03C67.4492 124.287 67.1257 124.679 66.8669 125.208C66.6242 125.721 66.5029 126.337 66.5029 127.058V132.754C66.5029 133.17 66.3654 133.523 66.0904 133.811C65.8154 134.083 65.4676 134.22 65.047 134.22C64.6264 134.22 64.2786 134.083 64.0036 133.811C63.7286 133.523 63.5911 133.17 63.5911 132.754V122.829C63.5911 122.412 63.7286 122.068 64.0036 121.795C64.2786 121.507 64.6264 121.363 65.047 121.363C65.4676 121.363 65.8154 121.507 66.0904 121.795C66.3654 122.068 66.5029 122.412 66.5029 122.829V123.141C66.875 122.484 67.4088 121.988 68.1044 121.651C68.8 121.299 69.5441 121.123 70.3368 121.123Z" fill="white"/>
<path d="M80.8336 121.123C81.9498 121.123 82.9609 121.411 83.8668 121.988C84.7727 122.548 85.4844 123.333 86.0021 124.343C86.5359 125.352 86.8028 126.498 86.8028 127.779C86.8028 129.061 86.544 130.214 86.0263 131.24C85.5087 132.249 84.7969 133.042 83.891 133.619C83.0013 134.18 82.0145 134.46 80.9307 134.46C80.1542 134.46 79.4182 134.308 78.7226 134.003C78.0432 133.683 77.477 133.298 77.024 132.85V137.56C77.024 137.976 76.8865 138.321 76.6115 138.593C76.3365 138.882 75.9887 139.026 75.5681 139.026C75.1475 139.026 74.7997 138.89 74.5247 138.617C74.2497 138.345 74.1122 137.992 74.1122 137.56V122.829C74.1122 122.412 74.2497 122.068 74.5247 121.795C74.7997 121.507 75.1475 121.363 75.5681 121.363C75.9887 121.363 76.3365 121.507 76.6115 121.795C76.8865 122.068 77.024 122.412 77.024 122.829V122.925C77.4123 122.444 77.9542 122.028 78.6498 121.675C79.3454 121.307 80.0733 121.123 80.8336 121.123ZM80.4697 131.816C81.505 131.816 82.3542 131.432 83.0175 130.663C83.6807 129.894 84.0123 128.933 84.0123 127.779C84.0123 126.626 83.6807 125.672 83.0175 124.92C82.3704 124.151 81.5211 123.766 80.4697 123.766C79.4182 123.766 78.5608 124.151 77.8976 124.92C77.2343 125.672 76.9027 126.626 76.9027 127.779C76.9027 128.933 77.2343 129.894 77.8976 130.663C78.5608 131.432 79.4182 131.816 80.4697 131.816Z" fill="white"/>
<path d="M95.9761 121.123C96.4614 121.123 96.8658 121.259 97.1894 121.531C97.5291 121.803 97.6989 122.124 97.6989 122.492C97.6989 122.989 97.5695 123.365 97.3107 123.622C97.0519 123.862 96.7445 123.982 96.3886 123.982C96.146 123.982 95.871 123.926 95.5636 123.814C95.5151 123.798 95.4018 123.766 95.2239 123.718C95.0621 123.67 94.8842 123.646 94.6901 123.646C94.2695 123.646 93.8651 123.774 93.4768 124.03C93.0886 124.287 92.7651 124.679 92.5062 125.208C92.2636 125.721 92.1422 126.337 92.1422 127.058V132.754C92.1422 133.17 92.0047 133.523 91.7297 133.811C91.4547 134.083 91.1069 134.22 90.6863 134.22C90.2658 134.22 89.918 134.083 89.643 133.811C89.368 133.523 89.2305 133.17 89.2305 132.754V122.829C89.2305 122.412 89.368 122.068 89.643 121.795C89.918 121.507 90.2658 121.363 90.6863 121.363C91.1069 121.363 91.4547 121.507 91.7297 121.795C92.0047 122.068 92.1422 122.412 92.1422 122.829V123.141C92.5143 122.484 93.0481 121.988 93.7437 121.651C94.4393 121.299 95.1835 121.123 95.9761 121.123Z" fill="white"/>
<path d="M102.494 132.754C102.494 133.17 102.356 133.523 102.081 133.811C101.806 134.083 101.458 134.22 101.038 134.22C100.617 134.22 100.269 134.083 99.9942 133.811C99.7192 133.523 99.5817 133.17 99.5817 132.754V122.829C99.5817 122.412 99.7192 122.068 99.9942 121.795C100.269 121.507 100.617 121.363 101.038 121.363C101.458 121.363 101.806 121.507 102.081 121.795C102.356 122.068 102.494 122.412 102.494 122.829V132.754ZM101.013 119.801C100.463 119.801 100.075 119.713 99.8486 119.537C99.6222 119.36 99.5089 119.048 99.5089 118.599V118.143C99.5089 117.694 99.6303 117.382 99.8729 117.206C100.116 117.029 100.504 116.941 101.038 116.941C101.604 116.941 102 117.029 102.227 117.206C102.453 117.382 102.566 117.694 102.566 118.143V118.599C102.566 119.064 102.445 119.384 102.202 119.561C101.976 119.721 101.58 119.801 101.013 119.801Z" fill="white"/>
<path d="M104.734 132.225C104.588 132.033 104.515 131.792 104.515 131.504C104.515 131.088 104.726 130.735 105.146 130.447C105.373 130.302 105.607 130.23 105.85 130.23C106.19 130.23 106.513 130.383 106.821 130.687C107.306 131.184 107.807 131.552 108.325 131.792C108.859 132.033 109.498 132.153 110.242 132.153C111.504 132.105 112.135 131.632 112.135 130.735C112.135 130.27 111.916 129.918 111.48 129.678C111.059 129.437 110.396 129.197 109.49 128.957C108.552 128.7 107.783 128.444 107.185 128.188C106.602 127.931 106.093 127.547 105.656 127.034C105.235 126.506 105.025 125.801 105.025 124.92C105.025 124.151 105.243 123.486 105.68 122.925C106.133 122.348 106.716 121.908 107.427 121.603C108.155 121.283 108.924 121.123 109.732 121.123C110.557 121.123 111.382 121.275 112.207 121.579C113.032 121.884 113.68 122.332 114.149 122.925C114.359 123.181 114.464 123.47 114.464 123.79C114.464 124.159 114.31 124.463 114.003 124.703C113.777 124.879 113.518 124.968 113.227 124.968C112.871 124.968 112.58 124.855 112.353 124.631C112.062 124.279 111.682 123.998 111.213 123.79C110.76 123.582 110.242 123.478 109.66 123.478C108.43 123.478 107.816 123.918 107.816 124.799C107.816 125.152 107.929 125.44 108.155 125.664C108.382 125.873 108.665 126.041 109.005 126.169C109.36 126.281 109.854 126.425 110.485 126.602C111.358 126.842 112.086 127.09 112.669 127.347C113.251 127.603 113.744 127.996 114.149 128.524C114.553 129.053 114.755 129.75 114.755 130.615C114.755 131.4 114.521 132.089 114.052 132.682C113.583 133.258 112.976 133.699 112.232 134.003C111.504 134.308 110.752 134.46 109.975 134.46C108.907 134.46 107.913 134.284 106.991 133.931C106.068 133.579 105.316 133.01 104.734 132.225Z" fill="white"/>
<path d="M128.839 127.491C128.823 127.875 128.669 128.188 128.378 128.428C128.087 128.668 127.747 128.789 127.359 128.789H119.352C119.546 129.734 119.991 130.479 120.686 131.023C121.382 131.552 122.166 131.816 123.04 131.816C123.703 131.816 124.221 131.76 124.593 131.648C124.965 131.52 125.256 131.392 125.466 131.264C125.693 131.12 125.847 131.023 125.927 130.975C126.219 130.831 126.494 130.759 126.752 130.759C127.092 130.759 127.383 130.879 127.626 131.12C127.869 131.36 127.99 131.64 127.99 131.961C127.99 132.393 127.763 132.786 127.311 133.138C126.858 133.507 126.251 133.819 125.491 134.075C124.73 134.332 123.962 134.46 123.185 134.46C121.827 134.46 120.638 134.18 119.619 133.619C118.616 133.058 117.839 132.289 117.289 131.312C116.739 130.319 116.464 129.205 116.464 127.971C116.464 126.594 116.755 125.384 117.338 124.343C117.92 123.301 118.688 122.508 119.643 121.964C120.597 121.403 121.616 121.123 122.7 121.123C123.768 121.123 124.771 121.411 125.709 121.988C126.663 122.564 127.424 123.341 127.99 124.319C128.556 125.296 128.839 126.353 128.839 127.491ZM122.7 123.766C120.824 123.766 119.716 124.639 119.376 126.385H125.733V126.217C125.669 125.544 125.337 124.968 124.738 124.487C124.14 124.006 123.461 123.766 122.7 123.766Z" fill="white"/>
<path d="M197.292 135.295C197.357 135.332 197.411 135.385 197.449 135.449C197.486 135.513 197.506 135.586 197.505 135.66C197.505 135.734 197.485 135.807 197.447 135.871C197.408 135.935 197.354 135.987 197.288 136.023L195.39 137.086L195.376 137.077L192.426 138.766C192.297 138.84 192.15 138.878 192.001 138.878C191.852 138.878 191.706 138.84 191.577 138.766L187.762 136.587C187.247 136.293 186.82 135.87 186.522 135.362C186.225 134.853 186.069 134.276 186.069 133.688V121.13C186.07 120.537 186.229 119.956 186.531 119.444C186.834 118.933 187.268 118.51 187.79 118.219L187.981 118.112C188.079 118.057 188.195 118.043 188.303 118.073C188.412 118.102 188.504 118.173 188.56 118.27C188.596 118.333 188.615 118.404 188.614 118.476V133.961C188.614 134.034 188.633 134.107 188.67 134.171C188.707 134.235 188.761 134.288 188.825 134.325L190.945 135.546C191.009 135.583 191.082 135.602 191.156 135.602C191.231 135.602 191.304 135.583 191.368 135.546L191.395 135.531C191.46 135.494 191.513 135.441 191.551 135.378C191.588 135.314 191.608 135.242 191.608 135.168C191.608 135.095 191.588 135.022 191.551 134.959C191.513 134.895 191.46 134.842 191.395 134.805L189.67 133.821C189.605 133.784 189.552 133.731 189.515 133.667C189.478 133.603 189.458 133.53 189.459 133.457V117.743C189.459 117.595 189.498 117.449 189.574 117.321C189.65 117.193 189.758 117.087 189.889 117.015L191.369 116.186C191.467 116.132 191.583 116.118 191.691 116.147C191.8 116.177 191.892 116.248 191.948 116.344C191.984 116.407 192.003 116.477 192.002 116.549V132.034C192.002 132.108 192.021 132.18 192.058 132.244C192.096 132.308 192.149 132.361 192.214 132.398L197.292 135.295Z" fill="#B1C0E1"/>
<path d="M196.037 130.722C195.94 130.666 195.868 130.575 195.839 130.468C195.809 130.361 195.824 130.246 195.879 130.15C195.917 130.084 195.972 130.03 196.039 129.992L200.266 127.54C200.33 127.503 200.383 127.449 200.42 127.385C200.456 127.321 200.475 127.249 200.475 127.176V112.425C200.475 112.315 200.453 112.206 200.411 112.104C200.368 112.002 200.306 111.91 200.227 111.832C200.148 111.754 200.055 111.692 199.952 111.65C199.849 111.608 199.738 111.586 199.627 111.586C199.477 111.586 199.329 111.625 199.2 111.701L195.389 113.903L193.277 115.087C193.147 115.16 193.038 115.266 192.963 115.394C192.887 115.522 192.847 115.667 192.847 115.815V131.582C192.847 131.656 192.866 131.728 192.903 131.792C192.94 131.856 192.994 131.91 193.058 131.947L198.347 134.979C198.478 135.053 198.626 135.092 198.778 135.091C198.929 135.09 199.077 135.049 199.207 134.972L200.701 134.084C200.764 134.046 200.817 133.993 200.853 133.929C200.889 133.865 200.907 133.793 200.906 133.72C200.906 133.647 200.886 133.575 200.848 133.512C200.811 133.449 200.758 133.396 200.694 133.36L196.037 130.722ZM195.595 116.717L197.291 115.709C197.356 115.671 197.429 115.65 197.504 115.65C197.579 115.649 197.653 115.668 197.718 115.704C197.784 115.741 197.838 115.794 197.875 115.858C197.913 115.922 197.933 115.995 197.932 116.069V125.745C197.932 125.819 197.912 125.892 197.875 125.956C197.837 126.02 197.783 126.073 197.718 126.109L196.022 127.064C195.957 127.101 195.884 127.12 195.81 127.119C195.736 127.119 195.663 127.099 195.599 127.062C195.535 127.025 195.482 126.973 195.445 126.909C195.408 126.845 195.388 126.773 195.388 126.7V117.078C195.389 117.005 195.408 116.934 195.444 116.871C195.48 116.808 195.532 116.755 195.595 116.717Z" fill="#B1C0E1"/>
<path d="M201.323 112.919V127.64C201.323 127.714 201.304 127.787 201.267 127.851C201.229 127.915 201.176 127.968 201.111 128.005L197.718 129.948C197.654 129.985 197.6 130.038 197.563 130.101C197.526 130.165 197.507 130.237 197.507 130.31C197.507 130.383 197.526 130.455 197.563 130.519C197.6 130.583 197.654 130.635 197.718 130.672L202.382 133.339C202.446 133.376 202.499 133.429 202.536 133.492C202.574 133.556 202.593 133.628 202.593 133.702C202.593 133.775 202.574 133.847 202.536 133.911C202.499 133.974 202.446 134.027 202.382 134.064L193.483 139.157C193.418 139.193 193.363 139.246 193.326 139.31C193.288 139.374 193.268 139.447 193.268 139.521C193.268 139.595 193.288 139.668 193.326 139.732C193.363 139.796 193.418 139.849 193.483 139.885L198.786 142.884C199.299 143.175 199.88 143.327 200.471 143.327C201.062 143.327 201.643 143.175 202.156 142.884L213.604 136.394C213.992 136.174 214.314 135.857 214.538 135.474C214.763 135.091 214.881 134.657 214.881 134.215V121.147C214.881 120.559 214.724 119.982 214.427 119.473C214.13 118.964 213.702 118.541 213.187 118.247L202.594 112.194C202.465 112.12 202.319 112.081 202.17 112.081C202.021 112.081 201.875 112.12 201.746 112.193C201.617 112.267 201.51 112.372 201.436 112.5C201.362 112.627 201.323 112.772 201.323 112.919V112.919ZM211.703 130.95L204.287 126.699C204.159 126.626 204.052 126.52 203.978 126.393C203.904 126.266 203.865 126.121 203.865 125.975V120.402C203.865 120.328 203.884 120.255 203.921 120.192C203.959 120.128 204.012 120.075 204.077 120.038C204.141 120.001 204.214 119.981 204.289 119.981C204.363 119.981 204.437 120 204.501 120.037L210.651 123.559C211.164 123.854 211.591 124.276 211.887 124.785C212.183 125.293 212.339 125.87 212.339 126.456V130.585C212.34 130.64 212.329 130.695 212.308 130.746C212.286 130.797 212.255 130.843 212.216 130.882C212.177 130.921 212.13 130.952 212.079 130.973C212.027 130.994 211.972 131.005 211.917 131.005C211.842 131.005 211.768 130.986 211.703 130.948V130.95Z" fill="#B1C0E1"/>
<path d="M197.289 136.031L195.39 137.096L195.376 137.088L192.426 138.783C192.297 138.857 192.151 138.896 192.001 138.896C191.852 138.896 191.705 138.857 191.576 138.783L187.761 136.597C187.251 136.303 186.827 135.883 186.532 135.377L188.665 134.157C188.702 134.225 188.757 134.282 188.824 134.321L190.944 135.547C191.008 135.583 191.081 135.603 191.156 135.603C191.23 135.603 191.303 135.583 191.367 135.547L191.394 135.531C191.459 135.495 191.513 135.442 191.551 135.378C191.588 135.314 191.608 135.241 191.608 135.167C191.608 135.093 191.588 135.021 191.551 134.957C191.513 134.893 191.459 134.84 191.394 134.803L189.67 133.815C189.607 133.778 189.554 133.727 189.518 133.664L192.048 132.218C192.085 132.289 192.142 132.348 192.212 132.388L197.292 135.3C197.357 135.336 197.411 135.389 197.449 135.453C197.486 135.517 197.506 135.59 197.506 135.664C197.506 135.738 197.486 135.81 197.449 135.874C197.411 135.938 197.357 135.991 197.292 136.028L197.289 136.031Z" fill="#B1C0E1"/>
<path d="M214.551 135.433C214.328 135.826 214 136.153 213.604 136.377L202.159 142.88C201.647 143.17 201.066 143.323 200.474 143.323C199.883 143.323 199.302 143.17 198.79 142.88L193.487 139.874C193.422 139.837 193.369 139.784 193.331 139.72C193.294 139.656 193.274 139.583 193.274 139.509C193.274 139.436 193.294 139.363 193.331 139.299C193.369 139.235 193.422 139.182 193.487 139.145L200.478 135.134L202.386 134.041C202.451 134.005 202.505 133.952 202.543 133.888C202.58 133.824 202.6 133.751 202.6 133.677C202.6 133.603 202.58 133.53 202.543 133.466C202.505 133.402 202.451 133.349 202.386 133.313L200.478 132.22L197.721 130.641C197.656 130.604 197.602 130.551 197.564 130.487C197.527 130.423 197.507 130.35 197.507 130.276C197.507 130.202 197.527 130.13 197.564 130.066C197.602 130.002 197.656 129.949 197.721 129.912L200.478 128.328L201.115 127.963C201.173 127.93 201.222 127.883 201.258 127.826L214.551 135.433Z" fill="#B1C0E1"/>
<path d="M200.701 134.034L200.474 134.168L199.207 134.922C199.078 134.999 198.93 135.04 198.778 135.041C198.627 135.042 198.478 135.004 198.347 134.929L193.062 131.898C193.03 131.879 193 131.856 192.973 131.83C192.948 131.805 192.926 131.776 192.908 131.745L194.071 131.077L195.99 129.979C195.976 129.99 195.962 130.002 195.95 130.015C195.937 130.027 195.925 130.04 195.915 130.054C195.913 130.056 195.911 130.059 195.91 130.062C195.901 130.073 195.893 130.085 195.886 130.097C195.883 130.102 195.88 130.107 195.878 130.113C195.873 130.121 195.869 130.13 195.866 130.137C195.862 130.145 195.858 130.154 195.856 130.162C195.852 130.172 195.849 130.181 195.846 130.191C195.844 130.196 195.842 130.201 195.842 130.206C195.839 130.219 195.836 130.231 195.835 130.244C195.822 130.328 195.835 130.413 195.872 130.489C195.909 130.565 195.968 130.628 196.042 130.669L200.48 133.182L200.698 133.303C200.796 133.358 200.867 133.449 200.897 133.556C200.927 133.664 200.912 133.778 200.856 133.874C200.82 133.94 200.766 133.995 200.701 134.034Z" fill="#B1C0E1"/>
<path d="M225.728 119.767V135.415C225.728 135.47 225.717 135.525 225.696 135.576C225.674 135.626 225.643 135.672 225.604 135.711C225.565 135.75 225.518 135.781 225.467 135.802C225.415 135.823 225.36 135.834 225.305 135.834H220.165C219.43 135.835 218.724 135.548 218.202 135.036C217.951 134.787 217.751 134.493 217.612 134.17C217.465 133.829 217.392 133.461 217.396 133.09V119.767C217.396 119.712 217.407 119.658 217.428 119.607C217.449 119.556 217.48 119.51 217.519 119.471C217.559 119.432 217.605 119.401 217.657 119.38C217.708 119.359 217.763 119.348 217.819 119.348H219.742C219.798 119.348 219.853 119.359 219.904 119.38C219.956 119.401 220.002 119.432 220.042 119.471C220.081 119.51 220.112 119.556 220.133 119.607C220.154 119.658 220.165 119.712 220.165 119.767V132.671C220.165 132.726 220.176 132.78 220.197 132.831C220.218 132.882 220.249 132.928 220.289 132.967C220.328 133.006 220.375 133.036 220.426 133.058C220.477 133.079 220.532 133.09 220.588 133.09H222.513C222.568 133.09 222.623 133.079 222.675 133.058C222.726 133.036 222.773 133.006 222.812 132.967C222.851 132.928 222.882 132.882 222.904 132.831C222.925 132.78 222.936 132.726 222.936 132.671V119.767C222.936 119.712 222.946 119.658 222.968 119.607C222.989 119.556 223.02 119.51 223.059 119.471C223.098 119.432 223.145 119.401 223.196 119.38C223.248 119.359 223.303 119.348 223.358 119.348H225.305C225.36 119.348 225.415 119.359 225.467 119.38C225.518 119.401 225.565 119.432 225.604 119.471C225.643 119.51 225.674 119.556 225.696 119.607C225.717 119.658 225.728 119.712 225.728 119.767Z" fill="#B1C0E1"/>
<path d="M235.421 122.087V126.203C235.425 126.574 235.351 126.941 235.205 127.283C235.063 127.61 234.859 127.908 234.604 128.16C234.347 128.414 234.043 128.617 233.707 128.756C233.366 128.898 232.999 128.971 232.629 128.97H230.281C230.226 128.97 230.171 128.981 230.119 129.002C230.068 129.023 230.021 129.054 229.982 129.093C229.943 129.132 229.912 129.178 229.891 129.229C229.869 129.279 229.859 129.334 229.859 129.389V135.411C229.859 135.466 229.848 135.521 229.827 135.571C229.805 135.622 229.774 135.668 229.735 135.707C229.696 135.746 229.649 135.777 229.598 135.798C229.546 135.819 229.491 135.83 229.436 135.83H227.512C227.457 135.83 227.402 135.819 227.35 135.798C227.299 135.777 227.252 135.746 227.213 135.707C227.174 135.668 227.143 135.622 227.121 135.571C227.1 135.521 227.089 135.466 227.089 135.411V119.763C227.089 119.708 227.1 119.653 227.121 119.603C227.143 119.552 227.174 119.506 227.213 119.467C227.252 119.428 227.299 119.397 227.35 119.376C227.402 119.355 227.457 119.344 227.512 119.344H232.629C232.999 119.342 233.366 119.415 233.707 119.558C234.04 119.695 234.345 119.894 234.604 120.142C234.863 120.391 235.067 120.69 235.205 121.019C235.349 121.357 235.423 121.721 235.421 122.087ZM232.629 125.785V122.506C232.629 122.451 232.618 122.396 232.597 122.345C232.576 122.295 232.545 122.249 232.505 122.21C232.466 122.171 232.42 122.14 232.368 122.119C232.317 122.098 232.262 122.087 232.206 122.087H230.281C230.226 122.087 230.171 122.098 230.119 122.119C230.068 122.14 230.021 122.171 229.982 122.21C229.943 122.249 229.912 122.295 229.891 122.345C229.869 122.396 229.859 122.451 229.859 122.506V125.785C229.859 125.84 229.869 125.894 229.891 125.945C229.912 125.996 229.943 126.042 229.982 126.081C230.021 126.12 230.068 126.151 230.119 126.172C230.171 126.193 230.226 126.204 230.281 126.204H232.206C232.318 126.204 232.426 126.16 232.505 126.081C232.584 126.003 232.629 125.897 232.629 125.787V125.785Z" fill="#B1C0E1"/>
<path d="M244.91 122.088V133.086C244.912 133.453 244.839 133.816 244.695 134.154C244.556 134.484 244.352 134.782 244.094 135.031C243.834 135.28 243.53 135.478 243.196 135.616C242.855 135.758 242.489 135.831 242.118 135.83H239.348C238.984 135.83 238.623 135.759 238.286 135.622C237.949 135.484 237.643 135.282 237.386 135.027C237.129 134.772 236.925 134.469 236.786 134.136C236.648 133.803 236.577 133.446 236.579 133.086V131.434C236.579 131.379 236.59 131.325 236.611 131.274C236.632 131.223 236.663 131.177 236.702 131.138C236.742 131.099 236.788 131.069 236.84 131.047C236.891 131.026 236.946 131.015 237.002 131.015H238.925C238.981 131.015 239.036 131.026 239.087 131.047C239.139 131.069 239.185 131.099 239.224 131.138C239.264 131.177 239.295 131.223 239.316 131.274C239.337 131.325 239.348 131.379 239.348 131.434V132.666C239.348 132.721 239.359 132.775 239.38 132.826C239.401 132.877 239.432 132.923 239.472 132.962C239.511 133.001 239.557 133.032 239.609 133.053C239.66 133.074 239.715 133.085 239.771 133.085H241.696C241.751 133.085 241.806 133.074 241.858 133.053C241.909 133.032 241.956 133.001 241.995 132.962C242.034 132.923 242.065 132.877 242.086 132.826C242.108 132.775 242.119 132.721 242.118 132.666V129.387C242.119 129.332 242.108 129.277 242.086 129.227C242.065 129.176 242.034 129.13 241.995 129.091C241.956 129.052 241.909 129.021 241.858 129C241.806 128.979 241.751 128.968 241.696 128.968H239.348C238.978 128.969 238.611 128.897 238.27 128.754C237.937 128.617 237.635 128.414 237.384 128.158C237.135 127.903 236.935 127.606 236.794 127.281C236.648 126.939 236.575 126.572 236.579 126.201V122.085C236.577 121.725 236.648 121.368 236.786 121.035C236.925 120.702 237.129 120.4 237.386 120.145C237.643 119.89 237.949 119.688 238.286 119.55C238.623 119.412 238.984 119.341 239.348 119.342H242.118C242.489 119.34 242.855 119.413 243.196 119.556C243.53 119.693 243.834 119.892 244.094 120.14C244.352 120.389 244.556 120.688 244.695 121.017C244.839 121.356 244.912 121.72 244.91 122.088ZM242.118 125.785V122.506C242.119 122.451 242.108 122.397 242.086 122.346C242.065 122.295 242.034 122.249 241.995 122.21C241.956 122.171 241.909 122.14 241.858 122.119C241.806 122.098 241.751 122.087 241.696 122.087H239.771C239.715 122.087 239.66 122.098 239.609 122.119C239.557 122.14 239.511 122.171 239.472 122.21C239.432 122.249 239.401 122.295 239.38 122.346C239.359 122.397 239.348 122.451 239.348 122.506V125.785C239.348 125.84 239.359 125.895 239.38 125.945C239.401 125.996 239.432 126.042 239.472 126.081C239.511 126.12 239.557 126.151 239.609 126.172C239.66 126.193 239.715 126.204 239.771 126.204H241.696C241.808 126.204 241.915 126.16 241.994 126.082C242.073 126.004 242.118 125.898 242.118 125.787V125.785Z" fill="#B1C0E1"/>
<path d="M154.375 133.861V118.529H157.255V124.051C158.143 123.019 159.195 122.503 160.411 122.503C161.737 122.503 162.833 122.995 163.701 123.978C164.569 124.954 165.003 126.359 165.003 128.193C165.003 130.089 164.558 131.55 163.67 132.574C162.789 133.599 161.716 134.112 160.452 134.112C159.83 134.112 159.215 133.955 158.607 133.641C158.006 133.32 157.487 132.85 157.05 132.229V133.861H154.375ZM157.234 128.067C157.234 129.217 157.412 130.068 157.767 130.619C158.266 131.4 158.929 131.79 159.755 131.79C160.391 131.79 160.93 131.515 161.375 130.964C161.825 130.406 162.051 129.531 162.051 128.339C162.051 127.07 161.825 126.157 161.375 125.599C160.924 125.034 160.346 124.752 159.643 124.752C158.952 124.752 158.379 125.027 157.921 125.578C157.463 126.122 157.234 126.951 157.234 128.067Z" fill="#B1C0E0"/>
<path d="M165.966 122.754H169.03L171.633 130.64L174.175 122.754H177.157L173.314 133.442L172.627 135.377C172.375 136.026 172.132 136.521 171.9 136.862C171.674 137.204 171.411 137.479 171.111 137.688C170.817 137.905 170.451 138.072 170.014 138.19C169.584 138.309 169.095 138.368 168.549 138.368C167.995 138.368 167.452 138.309 166.919 138.19L166.663 135.89C167.114 135.98 167.52 136.026 167.882 136.026C168.552 136.026 169.047 135.823 169.368 135.419C169.69 135.022 169.935 134.513 170.106 133.892L165.966 122.754Z" fill="#B1C0E0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
ui/src/components/assets/authBackground.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

12
ui/src/components/style/AuthBasePage.sass Normal file
View File

@@ -0,0 +1,12 @@
.authContainer
height: 100vh
width: 100vw
background-size: cover
float: left
.authHeader
margin: 4% 0
width: 100%
display: flex
align-items: center
justify-content: center

21
ui/src/components/style/Common.sass Normal file
View File

@@ -0,0 +1,21 @@
@import "../../variables.module"
.centeredForm
background-color: $main-background-color
border-radius: 5px
box-shadow: 0 0 20px -4px $light-blue-color
padding: 4% 2%
max-width: 350px
text-align: center
display: flex
flex-direction: column
margin: 0 auto
.form-input, .form-button
margin-top: 20px
.title
font-size: 28px
color: $blue-gray
font-weight: 600