jepler/textual-totp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

finish converting to horizontal layout. improve interactions.

Browse source
This commit is contained in:
Jeff Epler 2023-12-04 19:24:03 -06:00
parent 556b997ae4
commit 1784ede3a3
No known key found for this signature in database
GPG key ID: D5BF15AB975AB4DE
1 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/ttotp/__main__.py
View file

@ -18,7 +18,7 @@ from textual.app import App, ComposeResult
from textual.widget import Widget
from textual.widgets import Label, Footer, ProgressBar, Button
from textual.binding import Binding
from textual.containers import VerticalScroll
from textual.containers import VerticalScroll, Horizontal
from textual.css.query import DOMQuery
from textual.timer import Timer
@ -131,6 +131,8 @@ class TOTPLabel(Label, can_focus=True):
Binding("s", "show", "Show code", show=True),
Binding("up", "focus_previous", show=False),
Binding("down", "focus_next", show=False),
Binding("k", "focus_previous", show=False),
Binding("j", "focus_next", show=False),
]
def __init__(self, otp: "TOTPData") -> None:
@ -160,6 +162,11 @@ class TOTPLabel(Label, can_focus=True):
for widget in self.related:
widget.add_class(cls)
def on_blur(self) -> None:
self.related_remove_class("otp-focused")
self.otp.value_widget.update("*" * self.otp.totp.digits)
self.shown = False
class TOTPButton(Button, can_focus=False):
def __init__(self, otp: "TOTPData", label: str, classes: str):
@ -213,25 +220,23 @@ class TOTPData:
return (
self.value_widget,
self.name_widget,
self.copy_widget,
self.show_widget,
self.progress_widget,
self.show_widget,
self.copy_widget,
)
class TTOTP(App[None]):
CSS = """
VerticalScroll {
layout: grid;
grid-size: 5;
grid-rows: 1;
grid-columns: 9 1fr 6 6;
}
TOTPLabel:focus { background: $primary-background; }
VerticalScroll { min-height: 1; }
.otp-progress { width: 12; }
.otp-value { width: 9; }
TOTPLabel { width: 1fr; }
Horizontal:focus-within { background: $primary-background; }
Bar > .bar--bar { color: $success; }
Bar { width: 1fr; }
Button { border: none; height: 1; width: 3; min-width: 4 }
Horizontal { height: 1; }
"""
def __init__(self, tokens: Sequence[pyotp.TOTP]) -> None:
@ -266,7 +271,8 @@ class TTOTP(App[None]):
for otp in self.tokens:
data = TOTPData(otp)
self.otp_data.append(data)
yield from data.widgets
with Horizontal():
yield from data.widgets
def action_show(self) -> None:
widget = self.focused