From 988a648b89376d01162c94116530b72642e99672 Mon Sep 17 00:00:00 2001 From: none Date: Thu, 19 Jan 2023 10:00:23 +0100 Subject: [PATCH] change styling also add placeholder settings page Co-authored-by: Peeentaa --- library | 2 +- src-tauri/tauri.conf.json | 2 +- src/images/menu.png | Bin 0 -> 994 bytes src/images/security_lock_locked.png | Bin 2028 -> 1917 bytes src/images/security_lock_unlocked.png | Bin 2094 -> 1944 bytes src/images/settings.png | Bin 0 -> 1073 bytes src/index.html | 12 ++-- src/main.js | 53 ++++++++++------ src/settings.html | 14 +++++ src/style.css | 87 +++++++++++++++++++++----- 10 files changed, 132 insertions(+), 38 deletions(-) create mode 100644 src/images/menu.png create mode 100644 src/images/settings.png create mode 100644 src/settings.html diff --git a/library b/library index 31b8e5b..26aeb75 160000 --- a/library +++ b/library @@ -1 +1 @@ -Subproject commit 31b8e5bf0ab8b561ffeafb07432a382000323f7a +Subproject commit 26aeb75bd1c6d002b9dc0af5cce3d66ac9f11204 diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json index 7369f6c..31a55c0 100644 --- a/src-tauri/tauri.conf.json +++ b/src-tauri/tauri.conf.json @@ -62,7 +62,7 @@ { "fullscreen": false, "height": 600, - "resizable": false, + "resizable": true, "title": "IPass", "width": 880, "theme": "Dark" diff --git a/src/images/menu.png b/src/images/menu.png new file mode 100644 index 0000000000000000000000000000000000000000..c708b89b784adee6dedcc2daafca892ea45f14f0 GIT binary patch literal 994 zcmX9+3rtgI6s`kHffX2J1dACD?O+n-NI{5G2DPn#P&>H62Q~o~D6$8dbU0vx^2&mY zf)MDSN0+WCUjQZbO z1D)mNWk3P|_JYfqO!%4rSN0VsyTUK%55wb7uAkzY0%AHP0MUIO8m}2FG#sy&Io%~Bfqa0uTK&{Rb zN4zJ=drvbQb;so{!!5~13a=24i4(`?^l9C%QQ=|Znb>0&#I(rV!nle7LIc0J^nip) zS;~s8MEp6?|sIKh`BadsuGIPZK*zX6I zZoL>ff>wGE&6i`h_p>}Qf*o64zpCW^6vH_6sf;HYj+uFqYZ6dSXGm;bDVMNg`XF^b zXHUzCf(}}>yp3i%*L5x=xMZh%umSBtxb*&BHDj=GlG))`Kq)zt@-k?K-%FW&SY3w` zvU`fd&!EZV%XFUBf9F(?{z^%83z0BQK1;J@hUIu9#-GPdl{_B9c*VDQO0J27?MSMm zytb+zb@**ti_Wjun}^)*L-uNC+nAjh*U&)mgz4h`&quwlpRD@TJ{j7&)j=i&Mx+|B zoE)yQ`DTH(3O{R2I*{w@$FgtZ%I_Y^3RCoD#Tw%Bd4&0*&!TBX%^^23sl@f950Ec^ zzQg8ZPkc0Wk#x|Aji;w(qH*TA*|%K!7P fly4qQtTwy6fq};DPt}X`V;4Fv+ZAodW;>2B}FzK~#9!?AqCqoFEi{;bVi+0&b|SaXs(< zlu1ohQprT7Hx+cwcR5va(Z2|Sf&*N4K|hvJ@>^u8DhrB`!RfIW^wR_@EwqmVX+2fap8jvQOpGYu?C*{@dfJFpcq^xVfZYHFcvo zaDltmKdJ|~>rx%Hz`fru3I-41fjnY?*5FsF0iJN@5UB(Y&G>~fg(rpLU~55%c4B}R zTqN540MGnDyAEEIpZXrW*gjpx$4hr7+z0 z?S=Ag2sAsN*36#G0xd3x8Gmd>d$tg$J#PT}Gw}@^VRFw6ihbiXf+IHvThsyb zvfO@q(oSb$fuBVj_Ek7ti);69iWUB6fZZtf$3iv!r-j|z-0z1j#0*@=4HMg6|$6|Ly_4{RorM0~eFq0}2B8 z3X{+S7=I{$%K+@dbk%XH*s+&29f5CqxGLB=XeQ z3x_;tY7rZJN^C^k1l=$(cGLjv&}E}Y@J)$mRHyl&0&rdYm}P`3N@S^uiTNLZ>%14Z zm1NF}kog;+XhejYGortF`LVQ#a5stZFu=Yjz<*En?ruj>APB?o=QIkoKsN%~B4+#k zuX2-3c9We+b(;n-+i;M2il924p)801<_*@&O*q$JE3F>``ox4lskM77nln(;ypQ0$0_E z2H1gZ77fsXZIBFbsKC}r2B^VTb%FsV@P9ck7+?gSI|>Gv06xiQfCpcad=bnEY^!L1 z6>L#7zzuAZXaEncUiM%pFJKD70cw;>2jKuYqS#&fj8M)!3N`X4MRV;y)}Ivs1hQ2FKn=R20boWU zuK?hLLX!f30fmABfISLD`2byoLals&8l{qafCoxB`P=1BC^m@)7*H&T2WU|&iU&w2 zwn_)^4#j%u027$JaDV`&Q8+*Z(|=t!Km(>I93X*dl?|YNr|1YS=S2eq?VF_+um#Zo zE!Y;(0NURh^bU>*y<~vSAKCmtFu*sGJ{l}!00v+H24DaNU;qYS00v+H24DaNU;tYJ z_+8!I|@YF zHgDiyS4r6MoqQ=iUel@)!i|lj($CPLN{_0+NOVW=IfVa0KIS9L(2&Xxb?|QGX69qm zIZgfyt%t?P9eT4sv*sNBTUr-}E6ZS(FzOsj|0`U#30}uPetgt*I|rybDr4+FK-_)B zgPU8a{~G*oF0gMb7M=VIiMp!s9GLkqXRTxA0FAFSl8WaOumW_E=vfrV00000NkvXX Hu0mjf+K3>F delta 1859 zcmV-J2fXCX!3#Q-4DaT~I=mFSXZSyXbtBtxft%0YCe(%K3=mt*o>{% zLePr*2jK6CFCdBOiaen34_+fka*=RE&2T{oaul2`(54)94u!QZ<9L>-GYxj42LOKv z*dW6w=aNcOWj7e&wGsqq@QMo(WU^M|vm!S`y{yS7RO5!+bfqmvg%W!qe_P%_yl@U6 zVkLOR0Ws1*g@rJd_%ZLO!kKuM_@*jR;FFP~fnPBX1ex$k1A^I7XW|CGGExvLle!j{ z^4}Ckcx3=#+DBf+ZT$@V8ie_fe;&%E9!P5G-_3bU>emV$ll`99wB)YDj_j{zYhUgd z969@NVQfhoVg4L!96=-<53ig+p!5G8Ao%xG1YRus-?tkHG!>8Oy73jFL#3bPvpz2w-~pkesWs zu^9e{#hkJ_bi-ttdks(zT|71cKF1H7D(dWXR{>Hxdz)PYR}{E;lue%c0a82Z9UnIm z%yFiB>ITRv$H2`or@tuqu{1MKn16sN7(grv@Qb}W-c1w;;yC_mbwxzLT@es1iaES} z|0lepmt1mfcc*`712gk|0{KXy><(E4_)sApV2_`xd#(NCYVSWpu<9px_3!2F?=7C( zs&8^X;fmv6@U+bRIO(hZ+rg%IO6hs+XVUmq;=%3R=x5ch%HVNzbGY?CR)3uLcvM$E z%UUm00mG01yBG5Pyhu`00mG01yBG5Pyhv(9KgxCBuVZsm(0H>3t;U^{A*zg z@4X~|Ly!O4?s7>0$1Oh9)p7s=pX@9JAVr{F20(&fR|x;V>tR&fVt zL9}5GumDlT8=wKzzF-Y-1%Fw~8XyH(#Tj6^0$Iu#U<0~U!5E+coyiyj)SxqK#sCdK z$N3HzLD%Js0rC!H1Lt1>KY+}!1~`MPVGS^Xs^tAJz2#`yhF4L_Z1fcG~O`2I&3J43-U%3CRWgP}hIR(}jYiZ63g075H+ zgA{-hzOIx4a0@Pm2?01GP%Q+YLLe&yK>CPGzCxfu2Ed3=r3`>JvMD42;0?hV5dal} zSrGs!f;kBQvE89T0>BC3Itc(RB4q*qc8Jsn0H_ej3IJFjlH(6h>=7yD4{##JL)Zh{ z5X8@K~x2GL6H01b#T<^UE%HFE$5q6>3?1VoNE z06i=`@CFb+DO!WdWUK+K^kL~9WR^8R3bLLvKra2g!OXxAq2vruWNWf)$r#`paeo?& zqyP$_01BW03ZMWApa2S>01BW03NR@E@n?cB>6RHS8EJLg>qSu83N= z6p|jV1ECjiU>a)cp_e4!3P#kk4n(woV~Bb46ED{b+=4Xo?Mw0T?nby#IjN_;OWo@n z!~N2jxxa*Jm4BuLf24+q$~sc@I%~l{X&%jmy_ooEkWZ68!erOOH7(T7A<9M{-uy=` zuz5Q#c`?Wa`567b@Hln)y%x#WJtRrdOC9HF7-RoKSuQ44jQ5*OKAU%ytei__GExS8 x@*|wKd7K#~siLcR9&B7uDs^UJRJx4)7slGqi^C&R(hL9q002ovPDHLkV1m!iS5W`} diff --git a/src/images/security_lock_unlocked.png b/src/images/security_lock_unlocked.png index c96a4241b0b53f11d52d39af7a936d92e94346d5..cd7c66ea3151398a7117e3aff452595f0fea716e 100644 GIT binary patch literal 1944 zcmcJQ=U3AS7KVRGNFlU<)P$1Il`#U+MH3P_N(T`Z3;~wn3?O|5TtdmvL5ft7DxtRp z1tm@ZK|rJ{EFc6y>59_T!14#om;JEkJm)^|xA)w0Kinj1OA|gM8VLXZpP8wlEdYSd zA_zc0&UB~V$^J~P*4OQg&YbWl{QpE&%`MZj0_hN2OFJL}?y_dCvzI75*22t{Uoe=y zOZ{AZPs;A9Z%N-J+qIBk0Dujf85-C}%x=A(%PLnz(U!Ehz}#@%B-+6b!YBVXj@zGe z1{0C%#=EW~eNMYPy6(C}EQZnhD}JK{Kbk@=LPSK$UfXXc!5^>o9`%c)`!??2eJ#1W z%4R}3@_$*V@74)FD%E556rp}gv+8`f#OLXoU{%Lp3MAc%X|iElRT@A>75h<|(Db_M z16|Qnkw)XZX6+t!Er0VRwUe(kV%@12oo=@r5r5gm!Bp`j$0@wytMmTV(1W0Pdr(&r z4_^L~B1dIf3a9KIOsMeR@- zI&@|)EH=4-Qas_EufXI4!k|Y4tC(ELqZ-mJv!bA{TobM(wz5{`5kZnaY?D?V`;EG9 z@l>#EQX!7vsuDuoU%?tM!s?3Y!!$mdGO|NYN;*<1h|*gc7c=cu$WgnM!hgQL-1{1@ zXV7N2&nKqz#yI}Zx55uIxaHce^du{`c?23O$~zakJ3!|Ou=^UMQ6CXd%fuY-+lm{| zmw&XayWb;K+<;UHwT(B^4a$u2Knii9ezY48rRpw{k`@_a=bu}Y9!5D=6r_P6&ZeLu ziScrndd(GnMQyA;lD7mpjY`uEtxIRIt5H33V zY`==)!(Stduj|h8({C)8hg^J{8buA#*Rx{^DrB4s!VUTx^-?ctOi0-nzvD{`;9D4D zn^fsskB2VB4hPPhyVIo>tHc+Vk?Mr+wWKNCge8FG22Hozcxrfm`kAeMc=WIHIUmx* zyL888cqF>iXxiT2Io6iXa1sLqZ6&=zulqkf2Je`g&K5Y?!Nn5;NFJR46P;wG$hS|z z;) zS|_Ur*YEc1wK}0FiHx2pFWSh%{UWh!DZOCdrJmp&AfxBal1A>ED;pNby4s=%>>N2b0B>YRt=H`9r#@zsk zwjU5_jtQr(cU41*)9`&OdW^*^o?H$`n*20%sh-Hz(3Jc94-8|^J~XA5<6N>db^4cH zTgT13y&UETH)bVc7~p079qc9G6N-5laB2F&`w6IZpWvxpyx!wVZg$&paH9=0FzjgJ zdm|jX`#M&XCa1ow2k5uDY5<19db^Olo`3r70dQfL8PFey&=mlVxHu0$DrXDPY;emX zG$n4Phu8WkYAzq7H_)!B#sYM;1tDGJ5r>xm1p6uqHhkZuARyM4p3i{opi-s)5EY`y z;;PB~;ibHdLaqQ(Lk*g`#AM|#FBw5|Uqjp|LAg*b;n!s|5b>F;3&Y(F`*^|Y7R^Y6{58HfzoNP>Z)|CGw^+jk}pJq6~Gh#9(AY!Q1nefy~aqf z2|_V$w1E?E=by6yjbZ0X!4!ihXM_Bt8cZ?LY64M=UpPRB8Ki754MvAS0Ujh2dbVxy zPv9e+iXjjaY*h%v4BPbR&ZsylG9VN#X^djT)h%e8R(@ z##;e#^uN8FG?K`1^N6l}{&XJUE{-hi#|dP^x&B1i51i!v=fLAy^3=Ewm%Q$kju*Mn zQg&%8NJd#zp?8WEhOG0TS>2(+fq%qgGPhRMBtAuF-;}3xaQ^CuO`ch_(C(5>7*J0JhP+Nyn_ zIcB4pBa;~EIpp83bnL(LM!Zfo+$r>%oIF}QW8>!Pb4b8c221XoX<$hJA=ivQm?x+H Q>;nR3MwW(+Bueam0gcyJ2mk;8 literal 2094 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 SPcZ@W6N9I#pUXO@geCx*7*dk} literal 0 HcmV?d00001 diff --git a/src/index.html b/src/index.html index 800d55a..2eda5b8 100644 --- a/src/index.html +++ b/src/index.html @@ -10,9 +10,14 @@ -

IPass

-

Locked

- Lock +

IPass

+
+ +
+
Locked
+
Lock
+
+

@@ -32,6 +37,5 @@
- diff --git a/src/main.js b/src/main.js index 34160a3..261d95c 100644 --- a/src/main.js +++ b/src/main.js @@ -14,7 +14,23 @@ window.addEventListener("DOMContentLoaded", () => { }); async function startup() { - + + let select = document.querySelector(".select"); + select.addEventListener("click", function(){ + this.enabled = !this.enabled + if(this.enabled) { + this.classList.add("open") + } else { + this.classList.remove("open") + } + + for(let cont of document.querySelectorAll(".select > div")) { + cont.style.display=(this.enabled && "block") || "none" + } + document.querySelector('#table_div').style.marginTop=(this.enabled && "8em") || "0px"; + }); + + document.querySelector("#createEntry_actions > button").addEventListener("click",createEntry); let entries = await invoke("get_entries"); @@ -57,7 +73,7 @@ async function startup() { setTimeout(function(){ input.style.borderColor = originalColor; },250) - + console.log('Text copied to clipboard'); }, function(err) { @@ -70,7 +86,7 @@ async function startup() { console.error('Failed to copy text: ', err); }); }); - + } } @@ -79,11 +95,11 @@ let entry_priority = 1 function buildEntry(entry) { entry_priority++; - + let nameDiv = document.createElement("div"); nameDiv.setAttribute("class", "entry_name"); nameDiv.setAttribute("id",`${entry.replaceAll(" ","-")}_name`) - + let nameInput = document.createElement("input"); nameInput.setAttribute("type", "text"); nameInput.setAttribute("placeholder", "New Entry Name"); @@ -92,11 +108,11 @@ function buildEntry(entry) { nameInput.setAttribute("unselectable", "on") nameInput.setAttribute("tabindex",entry_priority) nameDiv.appendChild(nameInput); - + let userDiv = document.createElement("div"); userDiv.setAttribute("class", "entry_user"); userDiv.setAttribute("id",`${entry.replaceAll(" ","-")}_user`) - + let userInput = document.createElement("input"); userInput.setAttribute("type", "password"); userInput.setAttribute("placeholder", "New Username"); @@ -105,11 +121,11 @@ function buildEntry(entry) { userInput.setAttribute("unselectable", "on") userInput.setAttribute("tabindex",entry_priority) userDiv.appendChild(userInput); - + let passDiv = document.createElement("div"); passDiv.setAttribute("class", "entry_pass"); passDiv.setAttribute("id",`${entry.replaceAll(" ","-")}_pass`) - + let passInput = document.createElement("input"); passInput.setAttribute("type", "password"); passInput.setAttribute("placeholder", "New Password"); @@ -118,7 +134,7 @@ function buildEntry(entry) { passInput.setAttribute("unselectable", "on") userInput.setAttribute("tabindex",entry_priority) passDiv.appendChild(passInput); - + let showButton = document.createElement("button"); showButton.innerText = "Show"; showButton.addEventListener("click",showEntry.bind(showButton, entry),false); @@ -135,12 +151,12 @@ function buildEntry(entry) { actionDiv.appendChild(showButton) actionDiv.appendChild(editButton) actionDiv.setAttribute("id",`${entry.replaceAll(" ","-")}_actions`) - + document.getElementById("table_entries").appendChild(nameDiv) document.getElementById("table_users").appendChild(userDiv) document.getElementById("table_pwds").appendChild(passDiv) document.getElementById("table_actions").appendChild(actionDiv) - + } async function editEntry(entry) { @@ -157,7 +173,7 @@ async function editEntry(entry) { entry_user.value = info[0]; entry_pass.value = info[1]; - + entry_user.removeAttribute("readonly"); entry_user.setAttribute("unselectable", "off") entry_user.type = "text"; @@ -185,8 +201,8 @@ async function editEntry(entry) { alert("Could not edit entry!") return; } - - + + entry_user.setAttribute("readonly", true); entry_user.setAttribute("unselectable", "off") entry_user.type = "password" @@ -272,7 +288,7 @@ async function createEntry() { } else { alert("A critical error occured during entry creation"); } - + } async function toggleLock() { @@ -285,8 +301,9 @@ async function toggleLock() { if(master_pw == "" || master_pw == null)return; } - document.getElementById("lockLabel").innerText = txt; + document.getElementById("lockImg").title = txt; + document.getElementById("lockImg").alt = txt; document.getElementById("lockImg").src = src; - + lock_status = !lock_status; } \ No newline at end of file diff --git a/src/settings.html b/src/settings.html new file mode 100644 index 0000000..750cbd9 --- /dev/null +++ b/src/settings.html @@ -0,0 +1,14 @@ + + + + + + + + Settings + + +

IPass

+ + + \ No newline at end of file diff --git a/src/style.css b/src/style.css index b6d7f13..fe5cc60 100644 --- a/src/style.css +++ b/src/style.css @@ -73,7 +73,7 @@ input:not([readonly]){ } h1 { - text-align: center; + margin-left: 2em; } button { @@ -89,18 +89,6 @@ button { outline: none; } -#lockImg { - position: absolute; - top: 1em; - right: 1em; -} - -#lockLabel { - position: absolute; - top: 1em; - right: 4em; -} - #table_div { display: flex; flex-direction: row; @@ -139,4 +127,75 @@ input[type="password"] { flex-direction: column; border: 3px double var(--fg-color); border-radius: 5%; -} \ No newline at end of file +} + +#table_actions > div { + display: flex; + flex-direction: row; + justify-content: center; +} + +#table_actions > div > button { + margin-left: 3px; +} + +#table_div > div > div { + margin-bottom: 5px; +} + +#createEntry_actions > button { + width: 100%; +} + +#title { + cursor: pointer; +} + +.select { + padding: 5px 10px; + border: none; + color: white; + cursor: pointer; + position: absolute; + right: 1em; + top: 1em; + height: 50px; + width: 50px; + + /* hide the default dropdown arrow */ + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + + +.select > div{ + display: none; + position: absolute; + top: 4em; +} +.select > div > div{ + width: 60px; +} + +a.nostyle:link { + text-decoration: inherit; + color: inherit; +} + +a.nostyle:visited { + text-decoration: inherit; + color: inherit; +} + +/* +.select{ + transform: rotate(0deg); + transition: transform 1s linear; +} + +.select.open{ + transform: rotate(180deg); + transition: transform 1s linear; +} +*/ \ No newline at end of file