0.0.8
This commit is contained in:
sairaj mote
parent
0b8ea3455d
commit
c74183bd3c
@ -341,6 +341,7 @@ input{
|
||||
color: var(--error-color);
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
padding: 0.6rem 1rem;
|
||||
text-align: left;
|
||||
}
|
||||
.feedback-text:empty{
|
||||
padding: 0;
|
||||
|
||||
1
css/Artboard 1.svg
Normal file
1
css/Artboard 1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><style>.a{opacity:0.1;}.a,.b,.c{isolation:isolate;}.b{opacity:0.12;}.c{opacity:0.14;}.d{fill:#ed1c24;}.e{fill:#f7931e;}.f{fill:#0071bc;}</style></defs><title>Artboard 1</title><path class="a" d="M2374,171.84h0a51.12,51.12,0,0,0-51.12-51.12h-746.7a51.12,51.12,0,0,0-51.12,51.12h0A51.12,51.12,0,0,0,1576.14,223h28.19a24.45,24.45,0,0,1,24.45,24.45h0a24.45,24.45,0,0,1-24.45,24.45H1291.7a58.52,58.52,0,0,0-58.52,58.52h0A58.53,58.53,0,0,0,1291.7,389h123.72A35.56,35.56,0,0,1,1451,424.46h0A35.57,35.57,0,0,1,1415.42,460h0A47.41,47.41,0,0,0,1368,507.4v0h0a47.41,47.41,0,0,0,47.41,47.41H2110.3a47.41,47.41,0,0,0,47.41-47.41h0A47.41,47.41,0,0,0,2110.32,460H1793.24a35.57,35.57,0,0,1-35.56-35.56h0a35.56,35.56,0,0,1,35.56-35.56h230.39a58.52,58.52,0,0,0,58.53-58.53h0a58.52,58.52,0,0,0-58.52-58.52h-63.72a24.45,24.45,0,0,1-24.44-24.45h0A24.46,24.46,0,0,1,1959.92,223h363A51.11,51.11,0,0,0,2374,171.86Z"/><path class="b" d="M367.34,902.54h0a34.5,34.5,0,0,0-34.5-34.5h-504a34.5,34.5,0,0,0-34.5,34.5h0a34.5,34.5,0,0,0,34.5,34.5h19a16.5,16.5,0,0,1,16.5,16.5h0a16.5,16.5,0,0,1-16.5,16.5h-211a39.49,39.49,0,0,0-39.5,39.48v0h0a39.49,39.49,0,0,0,39.48,39.5h83.52a24,24,0,0,1,24,24h0a24,24,0,0,1-24,24h0a32,32,0,0,0-32,32h0a32,32,0,0,0,32,32h469a32,32,0,0,0,32-32h0a32,32,0,0,0-32-32h-214a24,24,0,0,1-24-24h0a24,24,0,0,1,24-24h155.5a39.49,39.49,0,0,0,39.5-39.48v0h0A39.49,39.49,0,0,0,130.86,970h-43a16.5,16.5,0,0,1-16.5-16.5h0A16.5,16.5,0,0,1,87.8,937h245A34.5,34.5,0,0,0,367.34,902.54Z"/><path class="c" d="M1312.2-51.94h0a23.9,23.9,0,0,0-23.9-23.9H939.11a23.9,23.9,0,0,0-23.9,23.9h0A23.9,23.9,0,0,0,939.09-28h13.18a11.44,11.44,0,0,1,11.44,11.4h0A11.45,11.45,0,0,1,952.27-5.17H806.09a27.36,27.36,0,0,0-27.37,27.35v0h0a27.36,27.36,0,0,0,27.36,27.36h57.86a16.65,16.65,0,0,1,16.63,16.63h0a16.65,16.65,0,0,1-16.63,16.63h0A22.16,22.16,0,0,0,841.77,105v0h0a22.18,22.18,0,0,0,22.17,22.17h324.94A22.19,22.19,0,0,0,1211.05,105h0a22.18,22.18,0,0,0-22.17-22.17H1040.61A16.64,16.64,0,0,1,1024,66.19h0a16.65,16.65,0,0,1,16.63-16.63h107.74a27.36,27.36,0,0,0,27.36-27.36h0a27.36,27.36,0,0,0-27.35-27.37h-29.81a11.43,11.43,0,0,1-11.43-11.43h0A11.44,11.44,0,0,1,1118.55-28H1288.3a23.9,23.9,0,0,0,23.9-23.92Z"/><circle class="d" cx="514.18" cy="1071.9" r="89.14"/><circle class="d" cx="1554.5" cy="201.46" r="26.42"/><circle class="e" cx="1949.72" cy="708.18" r="110.16" transform="translate(70.3 1586.08) rotate(-45)"/><circle class="f" cx="1927.18" cy="25.66" r="175.8" transform="translate(546.31 1370.24) rotate(-45)"/><circle class="e" cx="987.16" cy="395.72" r="27.16"/><circle class="f" cx="1342.76" cy="624.58" r="13.06"/><circle class="d" cx="788.63" cy="9.2" r="37.17"/></svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
25
css/main.css
25
css/main.css
@ -254,8 +254,29 @@ button:disabled {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#sign_in_popup::part(background) {
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
#sign_in_page {
|
||||
background: url(sign-in-bg.svg) no-repeat center, linear-gradient(rgba(var(--foreground-color), 1), rgba(var(--foreground-color), 1));
|
||||
background-size: cover;
|
||||
min-height: 100vh;
|
||||
justify-content: flex-start;
|
||||
align-content: center;
|
||||
padding: 0 6vw;
|
||||
}
|
||||
#sign_in_page h1 {
|
||||
line-height: 1.1em;
|
||||
font-weight: 800;
|
||||
font-size: clamp(1.5rem, 8vw, 4rem);
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
#sign_in_page sm-button {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
#sign_in_page p {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#sign_in_popup {
|
||||
text-align: center;
|
||||
}
|
||||
#sign_in_popup h3 {
|
||||
margin-top: 2rem;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -247,10 +247,28 @@ button {
|
||||
}
|
||||
}
|
||||
}
|
||||
#sign_in_popup {
|
||||
&::part(background){
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
#sign_in_page{
|
||||
background: url(sign-in-bg.svg) no-repeat center, linear-gradient(rgba(var(--foreground-color), 1), rgba(var(--foreground-color), 1));
|
||||
background-size: cover;
|
||||
min-height: 100vh;
|
||||
justify-content: flex-start;
|
||||
align-content: center;
|
||||
padding: 0 6vw;
|
||||
h1{
|
||||
line-height: 1.1em;
|
||||
font-weight: 800;
|
||||
font-size: clamp(1.5rem, 8vw, 4rem);
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
sm-button{
|
||||
margin-top: 2rem;
|
||||
}
|
||||
p{
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
#sign_in_popup {
|
||||
text-align: center;
|
||||
h3 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
1
css/sign-in-bg.svg
Normal file
1
css/sign-in-bg.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><style>.a{opacity:0.1;}.a,.b,.c{isolation:isolate;}.b{opacity:0.12;}.c{opacity:0.14;}.d{fill:#ed1c24;}.e{fill:#f7931e;}.f{fill:#0071bc;}</style></defs><title>sign-in-bg</title><path class="a" d="M2374,171.84h0a51.12,51.12,0,0,0-51.12-51.12h-746.7a51.12,51.12,0,0,0-51.12,51.12h0A51.12,51.12,0,0,0,1576.14,223h28.19a24.45,24.45,0,0,1,24.45,24.45h0a24.45,24.45,0,0,1-24.45,24.45H1291.7a58.52,58.52,0,0,0-58.52,58.52h0A58.53,58.53,0,0,0,1291.7,389h123.72A35.56,35.56,0,0,1,1451,424.46h0A35.57,35.57,0,0,1,1415.42,460h0A47.41,47.41,0,0,0,1368,507.4v0h0a47.41,47.41,0,0,0,47.41,47.41H2110.3a47.41,47.41,0,0,0,47.41-47.41h0A47.41,47.41,0,0,0,2110.32,460H1793.24a35.57,35.57,0,0,1-35.56-35.56h0a35.56,35.56,0,0,1,35.56-35.56h230.39a58.52,58.52,0,0,0,58.53-58.53h0a58.52,58.52,0,0,0-58.52-58.52h-63.72a24.45,24.45,0,0,1-24.44-24.45h0A24.46,24.46,0,0,1,1959.92,223h363A51.11,51.11,0,0,0,2374,171.86Z"/><path class="b" d="M367.34,902.54h0a34.5,34.5,0,0,0-34.5-34.5h-504a34.5,34.5,0,0,0-34.5,34.5h0a34.5,34.5,0,0,0,34.5,34.5h19a16.5,16.5,0,0,1,16.5,16.5h0a16.5,16.5,0,0,1-16.5,16.5h-211a39.49,39.49,0,0,0-39.5,39.48v0h0a39.49,39.49,0,0,0,39.48,39.5h83.52a24,24,0,0,1,24,24h0a24,24,0,0,1-24,24h0a32,32,0,0,0-32,32h0a32,32,0,0,0,32,32h469a32,32,0,0,0,32-32h0a32,32,0,0,0-32-32h-214a24,24,0,0,1-24-24h0a24,24,0,0,1,24-24h155.5a39.49,39.49,0,0,0,39.5-39.48v0h0A39.49,39.49,0,0,0,130.86,970h-43a16.5,16.5,0,0,1-16.5-16.5h0A16.5,16.5,0,0,1,87.8,937h245A34.5,34.5,0,0,0,367.34,902.54Z"/><path class="c" d="M1312.2-51.94h0a23.9,23.9,0,0,0-23.9-23.9H939.11a23.9,23.9,0,0,0-23.9,23.9h0A23.9,23.9,0,0,0,939.09-28h13.18a11.44,11.44,0,0,1,11.44,11.4h0A11.45,11.45,0,0,1,952.27-5.17H806.09a27.36,27.36,0,0,0-27.37,27.35v0h0a27.36,27.36,0,0,0,27.36,27.36h57.86a16.65,16.65,0,0,1,16.63,16.63h0a16.65,16.65,0,0,1-16.63,16.63h0A22.16,22.16,0,0,0,841.77,105v0h0a22.18,22.18,0,0,0,22.17,22.17h324.94A22.19,22.19,0,0,0,1211.05,105h0a22.18,22.18,0,0,0-22.17-22.17H1040.61A16.64,16.64,0,0,1,1024,66.19h0a16.65,16.65,0,0,1,16.63-16.63h107.74a27.36,27.36,0,0,0,27.36-27.36h0a27.36,27.36,0,0,0-27.35-27.37h-29.81a11.43,11.43,0,0,1-11.43-11.43h0A11.44,11.44,0,0,1,1118.55-28H1288.3a23.9,23.9,0,0,0,23.9-23.92Z"/><circle class="d" cx="514.18" cy="1071.9" r="89.14"/><circle class="d" cx="1554.5" cy="201.46" r="26.42"/><circle class="e" cx="1949.72" cy="708.18" r="110.16" transform="translate(70.3 1586.08) rotate(-45)"/><circle class="f" cx="1927.18" cy="25.66" r="175.8" transform="translate(546.31 1370.24) rotate(-45)"/><circle class="e" cx="987.16" cy="395.72" r="27.16"/><circle class="f" cx="1342.76" cy="624.58" r="13.06"/><circle class="d" cx="788.63" cy="9.2" r="37.17"/></svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
30
index.html
30
index.html
@ -52,7 +52,7 @@
|
||||
floDapps.setCustomPrivKeyInput(() => {
|
||||
return new Promise((resolve, reject) => {
|
||||
hideLoader()
|
||||
showPopup('sign_in_popup', true)
|
||||
showPage('sign_in_page')
|
||||
let signInBtn = document.getElementById('sign_in_btn'),
|
||||
guestButton = document.getElementById('guest_btn'),
|
||||
privateKeyInput = document.getElementById('get_priv_key_field')
|
||||
@ -81,6 +81,7 @@
|
||||
renderSheetList(logSheet.listSheets())
|
||||
//hide loading screen
|
||||
hideLoader()
|
||||
showPage('home_page')
|
||||
//display add buttons if subAdmin, else hide
|
||||
if (floGlobals.subAdmins.includes(myFloID)) {
|
||||
document.querySelectorAll('.sub-admin-option').forEach(option => option.classList.remove('hide-completely'))
|
||||
@ -139,8 +140,6 @@
|
||||
<button id="sign_in_btn" class="primary-btn expand" type="submit" disabled>
|
||||
Sign In
|
||||
</button>
|
||||
<h5>OR</h5>
|
||||
<sm-button id="guest_btn">Login as guest</sm-button>
|
||||
</sm-popup>
|
||||
|
||||
<!-- User settings popup -->
|
||||
@ -291,6 +290,15 @@
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div id="sign_in_page" class="page grid">
|
||||
<h4>RanchiMall</h4>
|
||||
<h1>LogSheet</h1>
|
||||
<p>Open • Distributed • Reliable</p>
|
||||
<div>
|
||||
<sm-button variant="primary" onclick="showPopup('sign_in_popup')">Sign In</sm-button>
|
||||
<sm-button id="guest_btn">Sign in as guest</sm-button>
|
||||
</div>
|
||||
</div>
|
||||
<header id="main_header" class="grid">
|
||||
<div class="flex align-center space-between">
|
||||
<div class="flex direction-column">
|
||||
@ -305,7 +313,7 @@
|
||||
</svg>
|
||||
</div>
|
||||
</header>
|
||||
<section id="home_page" class="page grid">
|
||||
<section id="home_page" class="page grid hide-completely">
|
||||
<section id="main_section">
|
||||
<header class="flex align-center space-between section-header">
|
||||
<h4>Sheets</h4>
|
||||
@ -652,13 +660,13 @@
|
||||
if (floCrypto.getPubKeyHex(input.value.trim()) || input.value.trim() === '')
|
||||
input.setValidity('')
|
||||
else
|
||||
input.setValidity('Invalid FLO private key.')
|
||||
input.setValidity('Invalid FLO private key!')
|
||||
}
|
||||
else{
|
||||
if(validityState.patternMismatch)
|
||||
input.setValidity('Invalid UPI address.')
|
||||
if(validityState.tooShort || validityState.tooLong)
|
||||
input.setValidity('UPI transaction Id should be 12digits long.')
|
||||
input.setValidity('UPI transaction Id should be 12 digits long.')
|
||||
else
|
||||
input.setValidity('')
|
||||
}
|
||||
@ -872,12 +880,12 @@
|
||||
function showPage(page){
|
||||
allPages.forEach(page => page.classList.add('hide-completely'))
|
||||
document.getElementById(page).classList.remove('hide-completely')
|
||||
if(page === 'sheet_page')
|
||||
mainHeader.classList.add('hide-completely')
|
||||
else
|
||||
mainHeader.classList.remove('hide-completely')
|
||||
if(page === 'home_page')
|
||||
if(page === 'home_page'){
|
||||
tableBody.innerHTML = ''
|
||||
mainHeader.classList.remove('hide-completely')
|
||||
}
|
||||
else
|
||||
mainHeader.classList.add('hide-completely')
|
||||
}
|
||||
|
||||
function signOut() {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user