843 lines
46 KiB
Rust
843 lines
46 KiB
Rust
// 設定 → 保險庫: logins, cards and contact info the bots can fill for the person (never seeing
|
||
// passwords, card numbers or security codes). Layout follows the original's vault pane:
|
||
// 「新項目」 menu (登入資訊 / 卡 / 聯絡資訊 · 匯入), tabs with counts, 搜尋保險庫, rows with a
|
||
// tile, title and subtitle, per-type empty states, and a footer note.
|
||
|
||
use super::*;
|
||
use super::sidebar_ui::shorten_width;
|
||
use crate::icons::Icon;
|
||
use crate::vault_store::{self as store, Address, ImportPlan, Item, Kind, RowStatus};
|
||
|
||
#[derive(Clone, Copy, PartialEq, Eq, Default)]
|
||
pub enum VaultTab {
|
||
#[default]
|
||
All,
|
||
Login,
|
||
Card,
|
||
Contact,
|
||
}
|
||
|
||
#[derive(Default, Clone)]
|
||
pub struct LoginForm {
|
||
pub id: Option<String>,
|
||
pub sites: Vec<String>,
|
||
pub username: String,
|
||
pub password: String,
|
||
pub notes: String,
|
||
pub err: String,
|
||
}
|
||
|
||
#[derive(Default, Clone)]
|
||
pub struct CardForm {
|
||
pub id: Option<String>,
|
||
pub number: String,
|
||
pub expiry: String,
|
||
pub csc: String,
|
||
pub show_csc: bool,
|
||
pub holder: String,
|
||
pub nickname: String,
|
||
/// "" = 無帳單地址, "new" = typed below, else a contact's id.
|
||
pub billing_from: String,
|
||
pub billing: Address,
|
||
pub notes: String,
|
||
pub locked: String,
|
||
pub err: String,
|
||
}
|
||
|
||
#[derive(Default, Clone)]
|
||
pub struct ContactForm {
|
||
pub id: Option<String>,
|
||
pub label: String,
|
||
pub name: String,
|
||
pub address: Address,
|
||
pub phones: Vec<String>,
|
||
pub emails: Vec<String>,
|
||
pub notes: String,
|
||
pub err: String,
|
||
}
|
||
|
||
#[derive(Default)]
|
||
pub struct ImportState {
|
||
pub picking: Option<Arc<Mutex<Option<Vec<PathBuf>>>>>,
|
||
pub file: String,
|
||
pub plan: Option<ImportPlan>,
|
||
pub err: String,
|
||
/// Rows still to save (indexes into plan.rows), and how many there were.
|
||
pub queue: Vec<usize>,
|
||
pub total: usize,
|
||
pub stop: bool,
|
||
pub done: Option<(usize, usize, Vec<(String, String)>)>,
|
||
}
|
||
|
||
pub enum VaultDialog {
|
||
ViewLogin(String),
|
||
Login(LoginForm),
|
||
Card(CardForm),
|
||
Contact(ContactForm),
|
||
Remove(String, String, Kind),
|
||
Import(ImportState),
|
||
}
|
||
|
||
#[derive(Default)]
|
||
pub struct VaultUi {
|
||
pub tab: VaultTab,
|
||
pub search: String,
|
||
pub items: Option<Result<Vec<Item>, String>>,
|
||
pub dialog: Option<VaultDialog>,
|
||
pub note: String,
|
||
}
|
||
|
||
fn kind_label(k: Kind) -> &'static str {
|
||
match k {
|
||
Kind::Login => "登入資訊",
|
||
Kind::Card => "卡片",
|
||
Kind::Contact => "聯絡資訊",
|
||
}
|
||
}
|
||
|
||
fn kind_icon(k: Kind) -> Icon {
|
||
match k {
|
||
Kind::Login => Icon::Key,
|
||
Kind::Card => Icon::CreditCard,
|
||
Kind::Contact => Icon::Person,
|
||
}
|
||
}
|
||
|
||
impl App {
|
||
fn vault_items(&mut self) -> Vec<Item> {
|
||
if self.vault.items.is_none() {
|
||
self.vault.items = Some(if self.demo { Ok(demo_items()) } else { store::list() });
|
||
}
|
||
match self.vault.items.as_ref() {
|
||
Some(Ok(v)) => v.clone(),
|
||
_ => vec![],
|
||
}
|
||
}
|
||
|
||
fn vault_refresh(&mut self) {
|
||
self.vault.items = None;
|
||
}
|
||
|
||
pub(super) fn vault_page(&mut self, ui: &mut egui::Ui) {
|
||
let p = self.pal;
|
||
let items = self.vault_items();
|
||
// Header: title and 「新項目」.
|
||
ui.horizontal(|ui| {
|
||
ui.label(RichText::new(t("保險庫")).strong().size(FONT_XL));
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
let open = self.vault.dialog.is_some();
|
||
let b = ui.add_enabled(!open, primary_button("新項目", p));
|
||
egui::Popup::menu(&b).show(|ui| {
|
||
ui.set_min_width(menu_ui::MENU_W);
|
||
ui.spacing_mut().item_spacing.y = 0.0;
|
||
if menu_ui::item(ui, p, Icon::Key, "登入資訊").clicked() {
|
||
self.vault.dialog = Some(VaultDialog::Login(LoginForm { sites: vec![String::new()], ..Default::default() }));
|
||
ui.close();
|
||
}
|
||
if menu_ui::item(ui, p, Icon::CreditCard, "卡").clicked() {
|
||
self.vault.dialog = Some(VaultDialog::Card(CardForm::default()));
|
||
ui.close();
|
||
}
|
||
if menu_ui::item(ui, p, Icon::Person, "聯絡資訊").clicked() {
|
||
self.vault.dialog = Some(VaultDialog::Contact(ContactForm { phones: vec![String::new()], emails: vec![String::new()], ..Default::default() }));
|
||
ui.close();
|
||
}
|
||
menu_ui::sep(ui, p);
|
||
if menu_ui::item(ui, p, Icon::FileText, "匯入").clicked() {
|
||
self.vault.dialog = Some(VaultDialog::Import(ImportState::default()));
|
||
ui.close();
|
||
}
|
||
});
|
||
});
|
||
});
|
||
hint(ui, "Bot 可以看到登入資訊和聯絡資訊，以便替你填寫", p);
|
||
ui.add_space(10.0);
|
||
if let Some(Err(e)) = &self.vault.items {
|
||
crate::icons::label(ui, Icon::Alert, &format!("{}：{e}", t("讀不到保險庫")), 13.0, p.danger);
|
||
return;
|
||
}
|
||
// Tabs with counts, and the search box.
|
||
let count = |k: Option<Kind>| items.iter().filter(|i| k.map(|k| i.kind == k).unwrap_or(true)).count();
|
||
ui.horizontal(|ui| {
|
||
ui.spacing_mut().item_spacing.x = 4.0;
|
||
for (tab, label, k) in [(VaultTab::All, "全部", None), (VaultTab::Login, "登入資訊", Some(Kind::Login)), (VaultTab::Card, "卡片", Some(Kind::Card)), (VaultTab::Contact, "聯絡資訊", Some(Kind::Contact))] {
|
||
let on = self.vault.tab == tab;
|
||
let text = format!("{} {}", t(label), count(k));
|
||
let b = egui::Button::new(RichText::new(text).size(FONT_SM).color(if on { p.text } else { p.text2 })).fill(if on { p.active } else { Color32::TRANSPARENT }).corner_radius(8).min_size(vec2(0.0, 28.0));
|
||
if ui.add(b).clicked() {
|
||
self.vault.tab = tab;
|
||
}
|
||
}
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
Frame::new().fill(p.hover).corner_radius(8).inner_margin(Margin::symmetric(8, 4)).show(ui, |ui| {
|
||
ui.horizontal(|ui| {
|
||
let (r, _) = ui.allocate_exact_size(vec2(14.0, 18.0), egui::Sense::hover());
|
||
crate::icons::paint(ui.painter(), egui::Rect::from_center_size(r.center(), vec2(13.0, 13.0)), Icon::Search, p.text3);
|
||
let resp = ui.add(egui::TextEdit::singleline(&mut self.vault.search).hint_text(t("搜尋保險庫")).frame(Frame::NONE).desired_width(150.0));
|
||
if resp.has_focus() && ui.input(|i| i.key_pressed(Key::Escape)) {
|
||
self.vault.search.clear();
|
||
}
|
||
if !self.vault.search.is_empty() && ui.add(egui::Button::new(RichText::new("×").color(p.text3)).frame(false)).on_hover_text(t("清除搜尋")).clicked() {
|
||
self.vault.search.clear();
|
||
}
|
||
});
|
||
});
|
||
});
|
||
});
|
||
ui.add_space(8.0);
|
||
let q = self.vault.search.trim().to_lowercase();
|
||
let want = |i: &&Item| match self.vault.tab {
|
||
VaultTab::All => true,
|
||
VaultTab::Login => i.kind == Kind::Login,
|
||
VaultTab::Card => i.kind == Kind::Card,
|
||
VaultTab::Contact => i.kind == Kind::Contact,
|
||
};
|
||
let shown: Vec<&Item> = items.iter().filter(want).filter(|i| q.is_empty() || i.haystack().contains(&q)).collect();
|
||
let mut open = None;
|
||
setting_card(ui, p, |ui| {
|
||
if shown.is_empty() {
|
||
let text = if !q.is_empty() {
|
||
format!("找不到與「{}」相符的結果", self.vault.search.trim())
|
||
} else {
|
||
match self.vault.tab {
|
||
VaultTab::All => "尚未儲存任何內容。透過新項目新增登入資訊、卡片或聯絡資訊。",
|
||
VaultTab::Login => "尚無登入資訊。透過新項目新增一筆，或從 CSV 匯入。",
|
||
VaultTab::Card => "尚無已儲存的卡片。透過新項目新增一張。",
|
||
VaultTab::Contact => "還沒有聯絡資訊。透過新項目新增。",
|
||
}
|
||
.to_string()
|
||
};
|
||
ui.add_space(6.0);
|
||
ui.label(RichText::new(t(&text)).color(p.text3).size(FONT_SM));
|
||
ui.add_space(6.0);
|
||
return;
|
||
}
|
||
// While searching 「全部」, results are grouped by kind.
|
||
let grouped = !q.is_empty() && self.vault.tab == VaultTab::All;
|
||
let mut last_kind = None;
|
||
for it in shown {
|
||
if grouped && last_kind != Some(it.kind) {
|
||
ui.add_space(4.0);
|
||
ui.label(RichText::new(t(kind_label(it.kind))).size(FONT_XS).color(p.text3));
|
||
last_kind = Some(it.kind);
|
||
}
|
||
if self.vault_row(ui, it, p).clicked() {
|
||
open = Some(it.clone());
|
||
}
|
||
}
|
||
});
|
||
if let Some(it) = open {
|
||
self.vault.dialog = Some(match it.kind {
|
||
Kind::Login => VaultDialog::ViewLogin(it.id.clone()),
|
||
Kind::Card => VaultDialog::Card(CardForm {
|
||
id: Some(it.id.clone()),
|
||
expiry: format!("{:02}/{:02}", it.exp_month, it.exp_year % 100),
|
||
holder: it.holder.clone(),
|
||
nickname: it.nickname.clone(),
|
||
billing_from: if it.billing.is_empty() { String::new() } else { "new".into() },
|
||
billing: it.billing.clone(),
|
||
notes: it.notes.clone(),
|
||
locked: format!("{} •••• {}", it.brand, it.last4),
|
||
..Default::default()
|
||
}),
|
||
Kind::Contact => VaultDialog::Contact(ContactForm {
|
||
id: Some(it.id.clone()),
|
||
label: it.title.clone(),
|
||
name: it.name.clone(),
|
||
address: it.address.clone(),
|
||
phones: if it.phones.is_empty() { vec![String::new()] } else { it.phones.clone() },
|
||
emails: if it.emails.is_empty() { vec![String::new()] } else { it.emails.clone() },
|
||
notes: it.notes.clone(),
|
||
..Default::default()
|
||
}),
|
||
});
|
||
}
|
||
ui.add_space(8.0);
|
||
let has_cards = items.iter().any(|i| i.kind == Kind::Card);
|
||
hint(
|
||
ui,
|
||
if has_cards { "Bot 絕對看不到已儲存卡片的卡號或安全碼。它可以看到登入資訊和聯絡資訊，以便替你填寫。" } else { "Bot 可以看到登入資訊和聯絡資訊，以便替你填寫" },
|
||
p,
|
||
);
|
||
hint(ui, "每次填入前都會先問你。資料加密存在這台電腦上，金鑰放在系統鑰匙圈。登入時保險庫沒有的網站，也會找 macOS 鑰匙圈和 1Password（裝了 op 指令並登入時）。", p);
|
||
if !self.vault.note.is_empty() {
|
||
ui.label(RichText::new(&self.vault.note).size(FONT_XS).color(p.text2));
|
||
}
|
||
}
|
||
|
||
fn vault_row(&self, ui: &mut egui::Ui, it: &Item, p: Palette) -> egui::Response {
|
||
let (rect, r) = ui.allocate_exact_size(vec2(ui.available_width(), 48.0), egui::Sense::click());
|
||
if r.hovered() {
|
||
ui.painter().rect_filled(rect, 10, p.hover);
|
||
}
|
||
let tile = egui::Rect::from_min_size(rect.left_center() + vec2(6.0, -16.0), vec2(32.0, 32.0));
|
||
ui.painter().rect_filled(tile, 8, p.active);
|
||
crate::icons::paint(ui.painter(), tile.shrink(8.0), kind_icon(it.kind), p.text2);
|
||
let title = shorten_width(ui, &it.display_title(), rect.width() - 90.0, FONT_SM);
|
||
let sub = if it.subtitle().is_empty() && !it.notes.is_empty() { format!("{}{}", t("提示："), it.notes) } else { it.subtitle() };
|
||
let sub = shorten_width(ui, &sub, rect.width() - 90.0, FONT_XS);
|
||
let x = tile.right() + 12.0;
|
||
ui.painter().text(egui::pos2(x, rect.center().y - 9.0), egui::Align2::LEFT_CENTER, title, egui::FontId::proportional(FONT_SM), p.text);
|
||
ui.painter().text(egui::pos2(x, rect.center().y + 10.0), egui::Align2::LEFT_CENTER, sub, egui::FontId::proportional(FONT_XS), p.text3);
|
||
crate::icons::paint(ui.painter(), egui::Rect::from_center_size(rect.right_center() - vec2(16.0, 0.0), vec2(14.0, 14.0)), Icon::ChevronRight, p.text3);
|
||
r.on_hover_cursor(egui::CursorIcon::PointingHand)
|
||
}
|
||
|
||
/// The open vault dialog, if any (called every frame from the settings window).
|
||
pub(super) fn vault_dialogs(&mut self, ctx: &egui::Context) {
|
||
let p = self.pal;
|
||
let Some(d) = self.vault.dialog.take() else { return };
|
||
let items = self.vault_items();
|
||
let mut next: Option<VaultDialog> = None;
|
||
let mut saved = false;
|
||
match d {
|
||
VaultDialog::ViewLogin(id) => {
|
||
let Some(it) = items.iter().find(|i| i.id == id).cloned() else { return };
|
||
let title = it.sites.first().map(|s| store::registrable_domain(&store::host_of(s))).unwrap_or_else(|| it.display_title());
|
||
let mut keep = true;
|
||
let close = dialog(ctx, "vault-view", &title, 440.0, true, p, |ui| {
|
||
dialog_body(ui, "vault-view-body", dialog_max_height(ctx) - 120.0, |ui| {
|
||
field_label(ui, "網站", p);
|
||
ui.horizontal(|ui| {
|
||
ui.label(it.sites.join("、"));
|
||
if let Some(first) = it.sites.first() {
|
||
if ui.add(egui::Button::new(RichText::new(t("開啟")).size(FONT_XS)).corner_radius(6)).on_hover_text(format!("{} {}", t("開啟"), first)).clicked() {
|
||
let url = if first.contains("://") { first.clone() } else { format!("https://{first}") };
|
||
let _ = crate::preview::system_open(&url).spawn();
|
||
}
|
||
}
|
||
});
|
||
if !it.username.is_empty() {
|
||
field_label(ui, "使用者名稱", p);
|
||
ui.label(&it.username);
|
||
}
|
||
field_label(ui, "密碼", p);
|
||
ui.label("••••••••••••••").on_hover_text(t("已儲存的密碼，已隱藏"));
|
||
if !it.notes.is_empty() {
|
||
field_label(ui, "提示", p);
|
||
ui.label(&it.notes);
|
||
}
|
||
});
|
||
dialog_footer(ui, p, |ui| {
|
||
if ui.add(danger_button("移除", p)).clicked() {
|
||
next = Some(VaultDialog::Remove(it.id.clone(), it.display_title(), Kind::Login));
|
||
}
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
if ui.add(primary_button("完成", p)).clicked() {
|
||
keep = false;
|
||
}
|
||
if ui.add(secondary_button("編輯")).clicked() {
|
||
next = Some(VaultDialog::Login(LoginForm { id: Some(it.id.clone()), sites: it.sites.clone(), username: it.username.clone(), notes: it.notes.clone(), ..Default::default() }));
|
||
}
|
||
});
|
||
});
|
||
});
|
||
if next.is_none() && keep && !close {
|
||
next = Some(VaultDialog::ViewLogin(id));
|
||
}
|
||
}
|
||
VaultDialog::Login(mut f) => {
|
||
let title = match &f.id {
|
||
Some(_) => format!("{} {} {}", t("編輯"), f.sites.first().map(|s| store::registrable_domain(&store::host_of(s))).unwrap_or_default(), t("的登入資訊")),
|
||
None => t("新登入資訊"),
|
||
};
|
||
let mut keep = true;
|
||
let close = dialog(ctx, "vault-login", &title, 480.0, false, p, |ui| {
|
||
dialog_body(ui, "vault-login-body", dialog_max_height(ctx) - 120.0, |ui| {
|
||
field_label(ui, "網站", p);
|
||
let mut drop = None;
|
||
let n = f.sites.len();
|
||
for (i, s) in f.sites.iter_mut().enumerate() {
|
||
ui.horizontal(|ui| {
|
||
ui.add(egui::TextEdit::singleline(s).hint_text("example.com").desired_width(ui.available_width() - if n > 1 { 34.0 } else { 0.0 }));
|
||
if n > 1 && ui.add(egui::Button::new("×").frame(false)).on_hover_text(t("移除")).clicked() {
|
||
drop = Some(i);
|
||
}
|
||
});
|
||
let d = store::registrable_domain(&store::host_of(s));
|
||
if !d.is_empty() {
|
||
ui.label(RichText::new(format!("在 {d} 及其子網域上填入")).size(FONT_XS).color(p.text3));
|
||
}
|
||
}
|
||
if let Some(i) = drop {
|
||
f.sites.remove(i);
|
||
}
|
||
if f.sites.len() < store::MAX_SITES && ui.add(egui::Button::new(RichText::new(t("新增網站")).size(FONT_XS)).frame(false)).clicked() {
|
||
f.sites.push(String::new());
|
||
}
|
||
field_label(ui, "使用者名稱或電子郵件（選填）", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.username).hint_text("name@example.com").desired_width(f32::INFINITY));
|
||
field_label(ui, "密碼", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.password).password(true).hint_text(if f.id.is_some() { "••••••••••••••（留空就不變）" } else { "" }).desired_width(f32::INFINITY));
|
||
field_label(ui, "提示（選填）", p);
|
||
ui.add(egui::TextEdit::multiline(&mut f.notes).desired_rows(2).hint_text(t("告訴 Bot 何時使用此項目")).char_limit(store::MAX_NOTES).desired_width(f32::INFINITY));
|
||
if f.id.is_none() {
|
||
let host = f.sites.first().map(|s| store::host_of(s)).unwrap_or_default();
|
||
hint(ui, if host.is_empty() { t("Bot 可以使用此登入資訊替你登入") } else { format!("Bot 可以使用此登入資訊替你登入 {host}") }, p);
|
||
}
|
||
if !f.err.is_empty() {
|
||
ui.label(RichText::new(&f.err).size(FONT_XS).color(p.danger));
|
||
}
|
||
});
|
||
dialog_footer(ui, p, |ui| {
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
let ok = f.sites.iter().any(|s| !s.trim().is_empty()) && (f.id.is_some() || !f.password.is_empty());
|
||
if ui.add_enabled(ok, primary_button("儲存登入資訊", p)).clicked() {
|
||
let r = if self.demo { Ok(String::new()) } else { store::put_login(store::LoginInput { id: f.id.clone(), sites: f.sites.clone(), username: f.username.clone(), password: f.password.clone(), notes: f.notes.clone() }) };
|
||
match r {
|
||
Ok(_) => {
|
||
keep = false;
|
||
saved = true;
|
||
}
|
||
Err(e) => f.err = e,
|
||
}
|
||
}
|
||
if ui.add(secondary_button("取消")).clicked() {
|
||
keep = false;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
if keep && !close {
|
||
next = Some(VaultDialog::Login(f));
|
||
}
|
||
}
|
||
VaultDialog::Card(mut f) => {
|
||
let editing = f.id.is_some();
|
||
let title = if editing { format!("{} {}", t("編輯"), f.locked) } else { t("新卡片") };
|
||
let contacts: Vec<Item> = items.iter().filter(|i| i.kind == Kind::Contact && !i.address.is_empty()).cloned().collect();
|
||
let mut keep = true;
|
||
let close = dialog(ctx, "vault-card", &title, 480.0, false, p, |ui| {
|
||
dialog_body(ui, "vault-card-body", dialog_max_height(ctx) - 120.0, |ui| {
|
||
field_label(ui, "卡號", p);
|
||
if editing {
|
||
ui.horizontal(|ui| {
|
||
crate::icons::label(ui, Icon::Lock, &f.locked, 13.0, p.text2);
|
||
ui.label(RichText::new(t("已鎖定")).size(FONT_XS).color(p.text3));
|
||
});
|
||
ui.label(RichText::new(t("若要變更卡號，請移除此卡片後重新新增")).size(FONT_XS).color(p.text3));
|
||
} else {
|
||
ui.add(egui::TextEdit::singleline(&mut f.number).hint_text("1234 5678 9012 3456").desired_width(f32::INFINITY));
|
||
let d = store::digits(&f.number);
|
||
if d.len() >= 12 {
|
||
let (msg, col) = if store::luhn_ok(&d) { (store::card_brand(&d).to_string(), p.text3) } else { (t("請輸入有效的卡號"), p.danger) };
|
||
ui.label(RichText::new(msg).size(FONT_XS).color(col));
|
||
}
|
||
}
|
||
ui.horizontal(|ui| {
|
||
ui.vertical(|ui| {
|
||
field_label(ui, "有效期限", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.expiry).hint_text(t("月 / 年")).desired_width(110.0));
|
||
});
|
||
if !editing {
|
||
ui.vertical(|ui| {
|
||
field_label(ui, "安全碼（選填）", p);
|
||
ui.horizontal(|ui| {
|
||
ui.add(egui::TextEdit::singleline(&mut f.csc).password(!f.show_csc).hint_text(t("3 或 4 位數字")).desired_width(110.0));
|
||
let icon = if f.show_csc { Icon::EyeOff } else { Icon::Eye };
|
||
if crate::icons::button(ui, icon, 16.0, p.text2, p.hover).on_hover_text(t(if f.show_csc { "隱藏安全碼" } else { "顯示安全碼" })).clicked() {
|
||
f.show_csc = !f.show_csc;
|
||
}
|
||
});
|
||
});
|
||
}
|
||
});
|
||
field_label(ui, "持卡人姓名（選填）", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.holder).char_limit(store::MAX_TITLE).desired_width(f32::INFINITY));
|
||
field_label(ui, "暱稱（選填）", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.nickname).hint_text(t("例如：旅行")).char_limit(store::MAX_TITLE).desired_width(f32::INFINITY));
|
||
field_label(ui, "帳單地址", p);
|
||
let current = if f.billing_from.is_empty() { t("無帳單地址") } else if f.billing_from == "new" { t("輸入地址") } else { contacts.iter().find(|c| c.id == f.billing_from).map(|c| c.display_title()).unwrap_or_default() };
|
||
egui::ComboBox::from_id_salt("vault-billing").selected_text(current).width(240.0).show_ui(ui, |ui| {
|
||
ui.selectable_value(&mut f.billing_from, String::new(), t("無帳單地址"));
|
||
for c in &contacts {
|
||
if ui.selectable_label(f.billing_from == c.id, format!("{} · {}", c.display_title(), c.address.one_line())).clicked() {
|
||
f.billing_from = c.id.clone();
|
||
f.billing = c.address.clone();
|
||
}
|
||
}
|
||
if ui.selectable_label(f.billing_from == "new", t("新增帳單地址")).clicked() {
|
||
f.billing_from = "new".into();
|
||
}
|
||
});
|
||
if f.billing_from == "new" {
|
||
address_fields(ui, &mut f.billing, p);
|
||
}
|
||
field_label(ui, "提示（選填）", p);
|
||
ui.add(egui::TextEdit::multiline(&mut f.notes).desired_rows(2).hint_text(t("告訴 Bot 何時使用此項目")).char_limit(store::MAX_NOTES).desired_width(f32::INFINITY));
|
||
hint(ui, "Bot 永遠不會看到卡號和安全碼。每次付款填卡前都會問你。", p);
|
||
if !f.err.is_empty() {
|
||
ui.label(RichText::new(&f.err).size(FONT_XS).color(p.danger));
|
||
}
|
||
});
|
||
dialog_footer(ui, p, |ui| {
|
||
if let Some(id) = f.id.clone() {
|
||
if ui.add(danger_button("移除", p)).clicked() {
|
||
next = Some(VaultDialog::Remove(id, f.locked.clone(), Kind::Card));
|
||
}
|
||
}
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
if ui.add(primary_button("儲存卡片", p)).clicked() {
|
||
let billing = if f.billing_from.is_empty() { Address::default() } else { f.billing.clone() };
|
||
let r = if self.demo {
|
||
Ok(String::new())
|
||
} else {
|
||
store::put_card(store::CardInput { id: f.id.clone(), number: f.number.clone(), expiry: f.expiry.clone(), csc: f.csc.clone(), holder: f.holder.clone(), nickname: f.nickname.clone(), billing, notes: f.notes.clone() })
|
||
};
|
||
match r {
|
||
Ok(_) => {
|
||
keep = false;
|
||
saved = true;
|
||
}
|
||
Err(e) => f.err = e,
|
||
}
|
||
}
|
||
if ui.add(secondary_button("取消")).clicked() {
|
||
keep = false;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
if next.is_none() && keep && !close {
|
||
next = Some(VaultDialog::Card(f));
|
||
}
|
||
}
|
||
VaultDialog::Contact(mut f) => {
|
||
let title = if f.id.is_some() { t("編輯聯絡資訊") } else { t("新增聯絡資訊") };
|
||
let mut keep = true;
|
||
let close = dialog(ctx, "vault-contact", &title, 500.0, false, p, |ui| {
|
||
dialog_body(ui, "vault-contact-body", dialog_max_height(ctx) - 120.0, |ui| {
|
||
field_label(ui, "姓名", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.name).desired_width(f32::INFINITY));
|
||
address_fields(ui, &mut f.address, p);
|
||
rows_editor(ui, "手機", "新增手機號碼", &mut f.phones, store::valid_phone, "請輸入有效的電話號碼", p);
|
||
rows_editor(ui, "電子郵件地址", "新增電子郵件", &mut f.emails, store::valid_email, "請輸入有效的電子郵件地址", p);
|
||
field_label(ui, "標籤（選填）", p);
|
||
ui.add(egui::TextEdit::singleline(&mut f.label).hint_text(t("例如：住家、公司")).desired_width(f32::INFINITY));
|
||
field_label(ui, "提示（選填）", p);
|
||
ui.add(egui::TextEdit::multiline(&mut f.notes).desired_rows(2).hint_text(t("告訴 Bot 何時使用此項目")).char_limit(store::MAX_NOTES).desired_width(f32::INFINITY));
|
||
if !f.err.is_empty() {
|
||
ui.label(RichText::new(&f.err).size(FONT_XS).color(p.danger));
|
||
}
|
||
});
|
||
dialog_footer(ui, p, |ui| {
|
||
if let Some(id) = f.id.clone() {
|
||
if ui.add(danger_button("移除", p)).clicked() {
|
||
let name = if f.label.trim().is_empty() { f.name.clone() } else { f.label.clone() };
|
||
next = Some(VaultDialog::Remove(id, name, Kind::Contact));
|
||
}
|
||
}
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
if ui.add(primary_button("儲存聯絡資訊", p)).clicked() {
|
||
let r = if self.demo {
|
||
Ok(String::new())
|
||
} else {
|
||
store::put_contact(store::ContactInput { id: f.id.clone(), label: f.label.clone(), name: f.name.clone(), address: f.address.clone(), phones: f.phones.clone(), emails: f.emails.clone(), notes: f.notes.clone() })
|
||
};
|
||
match r {
|
||
Ok(_) => {
|
||
keep = false;
|
||
saved = true;
|
||
}
|
||
Err(e) => f.err = e,
|
||
}
|
||
}
|
||
if ui.add(secondary_button("取消")).clicked() {
|
||
keep = false;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
if next.is_none() && keep && !close {
|
||
next = Some(VaultDialog::Contact(f));
|
||
}
|
||
}
|
||
VaultDialog::Remove(id, name, kind) => {
|
||
let (q, body) = match kind {
|
||
Kind::Login => (t("要移除這筆登入資訊嗎？"), format!("Bot 將無法再用它登入 {name}")),
|
||
Kind::Card => (format!("要移除「{name}」嗎？"), t("Bot 將無法再使用這張卡片付款")),
|
||
Kind::Contact => (format!("要移除「{name}」嗎？"), t("Bot 將無法再使用此聯絡資訊")),
|
||
};
|
||
let mut keep = true;
|
||
let close = dialog(ctx, "vault-remove", &q, 420.0, true, p, |ui| {
|
||
dialog_body(ui, "vault-remove-body", 200.0, |ui| {
|
||
ui.label(body);
|
||
});
|
||
dialog_footer(ui, p, |ui| {
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
if ui.add(danger_button("移除", p)).clicked() {
|
||
if !self.demo {
|
||
if let Err(e) = store::remove(&id) {
|
||
self.vault.note = format!("{}：{e}", t("無法移除。請重試。"));
|
||
}
|
||
}
|
||
keep = false;
|
||
saved = true;
|
||
}
|
||
if ui.add(secondary_button("取消")).clicked() {
|
||
keep = false;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
if keep && !close {
|
||
next = Some(VaultDialog::Remove(id, name, kind));
|
||
}
|
||
}
|
||
VaultDialog::Import(mut st) => {
|
||
if self.vault_import(ctx, &mut st) {
|
||
next = Some(VaultDialog::Import(st));
|
||
} else {
|
||
// Only when it closed: marking saved every frame reloaded the whole
|
||
// vault list on every repaint while the import dialog was open.
|
||
saved = true;
|
||
}
|
||
}
|
||
}
|
||
self.vault.dialog = next;
|
||
if saved {
|
||
self.vault_refresh();
|
||
}
|
||
}
|
||
|
||
/// 從 CSV 匯入. Returns false when the dialog should close.
|
||
fn vault_import(&mut self, ctx: &egui::Context, st: &mut ImportState) -> bool {
|
||
let p = self.pal;
|
||
// A file was picked (the picker runs off the window's thread).
|
||
if let Some(slot) = st.picking.clone() {
|
||
if let Some(files) = slot.lock().unwrap().take() {
|
||
st.picking = None;
|
||
if let Some(f) = files.into_iter().next() {
|
||
st.file = f.file_name().map(|n| n.to_string_lossy().to_string()).unwrap_or_default();
|
||
st.err.clear();
|
||
st.plan = None;
|
||
match std::fs::metadata(&f).map(|m| m.len()) {
|
||
Ok(n) if n > store::MAX_IMPORT_BYTES => st.err = t("該檔案太大。請選擇小於 5 MB 的 CSV 檔案。"),
|
||
Ok(_) => match std::fs::read(&f).map(|b| String::from_utf8_lossy(&b).to_string()) {
|
||
Ok(text) => match store::plan_import(&text) {
|
||
Ok(plan) => st.plan = Some(plan),
|
||
Err(e) => st.err = e,
|
||
},
|
||
Err(_) => st.err = t("無法讀取該檔案。請再試一次"),
|
||
},
|
||
Err(_) => st.err = t("無法讀取該檔案。請再試一次"),
|
||
}
|
||
}
|
||
} else {
|
||
ctx.request_repaint_after(std::time::Duration::from_millis(200));
|
||
}
|
||
}
|
||
// Saving: a few rows per frame so the progress bar moves and 停止匯入 works.
|
||
if !st.queue.is_empty() {
|
||
if st.stop {
|
||
let left = st.queue.len();
|
||
st.queue.clear();
|
||
if let Some(d) = st.done.as_mut() {
|
||
d.2.push((String::new(), format!("匯入在所有項目儲存完成前就已停止（{left} 個沒有匯入）")));
|
||
}
|
||
} else if let Some(plan) = st.plan.as_ref() {
|
||
let take: Vec<usize> = st.queue.drain(..st.queue.len().min(20)).collect();
|
||
for i in take {
|
||
let row = &plan.rows[i];
|
||
let d = st.done.get_or_insert((0, 0, vec![]));
|
||
match if self.demo { Ok(()) } else { store::import_row(row) } {
|
||
Ok(()) if row.kind == Kind::Card => d.1 += 1,
|
||
Ok(()) => d.0 += 1,
|
||
Err(e) => d.2.push((row.label.clone(), e)),
|
||
}
|
||
}
|
||
ctx.request_repaint();
|
||
}
|
||
}
|
||
let mut keep = true;
|
||
let close = dialog(ctx, "vault-import", "從 CSV 匯入", 560.0, false, p, |ui| {
|
||
dialog_body(ui, "vault-import-body", dialog_max_height(ctx) - 140.0, |ui| {
|
||
let importing = !st.queue.is_empty();
|
||
if let (Some((logins, cards, fails)), false) = (&st.done, importing) {
|
||
// Summary.
|
||
let line = if *cards > 0 { format!("已匯入 {logins} 筆登入資訊和 {cards} 張卡片") } else { format!("已匯入 {logins} 筆登入資訊") };
|
||
crate::icons::label(ui, Icon::CircleCheck, &line, 14.0, p.text);
|
||
if let Some(plan) = &st.plan {
|
||
let dup = plan.count(|s| *s == RowStatus::AlreadySaved);
|
||
if dup > 0 {
|
||
ui.label(RichText::new(format!("已略過保險庫中已有的 {dup} 個項目")).size(FONT_SM).color(p.text2));
|
||
}
|
||
}
|
||
if !fails.is_empty() {
|
||
ui.label(RichText::new(format!("{} 個項目無法匯入", fails.len())).size(FONT_SM).color(p.danger));
|
||
for (name, e) in fails.iter().take(30) {
|
||
ui.label(RichText::new(if name.is_empty() { e.clone() } else { format!("{name}：{e}") }).size(FONT_XS).color(p.text3));
|
||
}
|
||
}
|
||
return;
|
||
}
|
||
if importing {
|
||
let done = st.total - st.queue.len();
|
||
ui.label(format!("正在匯入第 {done} 個，共 {} 個…", st.total));
|
||
ui.add(egui::ProgressBar::new(done as f32 / st.total.max(1) as f32));
|
||
return;
|
||
}
|
||
match &st.plan {
|
||
None => {
|
||
ui.label(t("從 1Password、Chrome、Edge、Safari、Apple Passwords、Firefox、Bitwarden 或 LastPass 匯出的 CSV 檔案匯入登入資訊"));
|
||
ui.label(RichText::new(t("從 LastPass 匯出的檔案會一併匯入卡片")).size(FONT_XS).color(p.text3));
|
||
ui.label(RichText::new(t("檔案只會在這部裝置上讀取，絕不會上傳")).size(FONT_XS).color(p.text3));
|
||
if st.picking.is_some() {
|
||
ui.label(RichText::new(t("正在等你選檔案…")).size(FONT_XS).color(p.text3));
|
||
}
|
||
}
|
||
Some(plan) => {
|
||
crate::icons::label(ui, Icon::FileText, &format!("{}：{}", t(plan.format.banner()), st.file), 13.0, p.text2);
|
||
ui.add_space(4.0);
|
||
let ready = plan.count(|s| *s == RowStatus::Ready);
|
||
let dup = plan.count(|s| *s == RowStatus::AlreadySaved);
|
||
let bad = plan.count(|s| matches!(s, RowStatus::Error(_)));
|
||
let skip = plan.count(|s| matches!(s, RowStatus::Skipped(_)));
|
||
ui.label(RichText::new(format!("{ready} 個項目已就緒 · {dup} 個項目已在你的保險庫中 · {bad} 個項目有錯誤 · 已略過 {skip} 個項目")).size(FONT_SM));
|
||
ui.add_space(6.0);
|
||
ui.label(RichText::new(t("此檔案中的項目")).size(FONT_XS).color(p.text3));
|
||
for r in plan.rows.iter().take(300) {
|
||
ui.horizontal(|ui| {
|
||
let (rr, _) = ui.allocate_exact_size(vec2(16.0, 18.0), egui::Sense::hover());
|
||
crate::icons::paint(ui.painter(), rr.shrink(2.0), kind_icon(r.kind), p.text3);
|
||
ui.label(RichText::new(&r.label).size(FONT_SM));
|
||
ui.label(RichText::new(&r.secondary).size(FONT_XS).color(p.text3));
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
let (s, c) = match &r.status {
|
||
RowStatus::Ready => (t("已就緒"), p.text3),
|
||
RowStatus::AlreadySaved => (t("已在你的保險庫中"), p.text3),
|
||
RowStatus::Error(e) => (t(e), p.danger),
|
||
RowStatus::Skipped(e) => (t(e), p.text3),
|
||
};
|
||
ui.label(RichText::new(s).size(FONT_XS).color(c));
|
||
});
|
||
});
|
||
}
|
||
if plan.rows.len() > 300 {
|
||
ui.label(RichText::new(format!("…還有 {} 列", plan.rows.len() - 300)).size(FONT_XS).color(p.text3));
|
||
}
|
||
}
|
||
}
|
||
if !st.err.is_empty() {
|
||
ui.label(RichText::new(&st.err).size(FONT_XS).color(p.danger));
|
||
}
|
||
});
|
||
dialog_footer(ui, p, |ui| {
|
||
ui.with_layout(Layout::right_to_left(Align::Center), |ui| {
|
||
if !st.queue.is_empty() {
|
||
if ui.add(secondary_button("停止匯入")).clicked() {
|
||
st.stop = true;
|
||
}
|
||
return;
|
||
}
|
||
if st.done.is_some() {
|
||
if ui.add(primary_button("完成", p)).clicked() {
|
||
keep = false;
|
||
}
|
||
return;
|
||
}
|
||
let ready: Vec<usize> = st.plan.as_ref().map(|pl| pl.rows.iter().enumerate().filter(|(_, r)| r.status == RowStatus::Ready).map(|(i, _)| i).collect()).unwrap_or_default();
|
||
if st.plan.is_some() && ui.add_enabled(!ready.is_empty(), primary_button(&format!("匯入 {} 個項目", ready.len()), p)).clicked() {
|
||
st.total = ready.len();
|
||
st.queue = ready;
|
||
st.done = Some((0, 0, vec![]));
|
||
}
|
||
let pick = if st.plan.is_some() { "選擇其他檔案" } else { "選擇 CSV 檔案" };
|
||
if ui.add_enabled(st.picking.is_none(), if st.plan.is_some() { secondary_button(pick) } else { primary_button(pick, p) }).clicked() {
|
||
let slot = Arc::new(Mutex::new(None));
|
||
st.picking = Some(slot.clone());
|
||
std::thread::spawn(move || {
|
||
let files = crate::attach::pick_files();
|
||
*slot.lock().unwrap() = Some(files);
|
||
});
|
||
}
|
||
if ui.add(secondary_button("取消")).clicked() {
|
||
keep = false;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
keep && !close
|
||
}
|
||
}
|
||
|
||
/// The six address fields.
|
||
fn address_fields(ui: &mut egui::Ui, a: &mut Address, p: Palette) {
|
||
field_label(ui, "街道地址", p);
|
||
ui.add(egui::TextEdit::singleline(&mut a.line1).desired_width(f32::INFINITY));
|
||
field_label(ui, "公寓、套房或單位（選填）", p);
|
||
ui.add(egui::TextEdit::singleline(&mut a.line2).desired_width(f32::INFINITY));
|
||
ui.horizontal(|ui| {
|
||
let w = (ui.available_width() - 8.0) / 2.0;
|
||
ui.vertical(|ui| {
|
||
field_label(ui, "城市", p);
|
||
ui.add(egui::TextEdit::singleline(&mut a.city).desired_width(w));
|
||
});
|
||
ui.vertical(|ui| {
|
||
field_label(ui, "州/省/地區", p);
|
||
ui.add(egui::TextEdit::singleline(&mut a.region).desired_width(w));
|
||
});
|
||
});
|
||
ui.horizontal(|ui| {
|
||
let w = (ui.available_width() - 8.0) / 2.0;
|
||
ui.vertical(|ui| {
|
||
field_label(ui, "郵遞區號", p);
|
||
ui.add(egui::TextEdit::singleline(&mut a.postal).desired_width(w));
|
||
});
|
||
ui.vertical(|ui| {
|
||
field_label(ui, "國家/地區", p);
|
||
ui.add(egui::TextEdit::singleline(&mut a.country).desired_width(w));
|
||
});
|
||
});
|
||
}
|
||
|
||
/// Phone or email rows: the first is the main one; others can become it or be removed.
|
||
fn rows_editor(ui: &mut egui::Ui, label: &str, add: &str, rows: &mut Vec<String>, valid: fn(&str) -> bool, bad: &str, p: Palette) {
|
||
if rows.is_empty() {
|
||
rows.push(String::new());
|
||
}
|
||
let mut drop = None;
|
||
let mut main = None;
|
||
for i in 0..rows.len() {
|
||
field_label(ui, &if i == 0 { t(label) } else { format!("{} {}", t(label), i + 1) }, p);
|
||
ui.horizontal(|ui| {
|
||
let extra = if i > 0 { 110.0 } else { 0.0 };
|
||
ui.add(egui::TextEdit::singleline(&mut rows[i]).desired_width(ui.available_width() - extra));
|
||
if i > 0 {
|
||
if ui.add(egui::Button::new(RichText::new(t("設為主要")).size(FONT_XS)).frame(false)).clicked() {
|
||
main = Some(i);
|
||
}
|
||
if ui.add(egui::Button::new("×").frame(false)).on_hover_text(t("移除")).clicked() {
|
||
drop = Some(i);
|
||
}
|
||
}
|
||
});
|
||
let v = rows[i].trim();
|
||
if !v.is_empty() && !valid(v) {
|
||
ui.label(RichText::new(t(bad)).size(FONT_XS).color(p.danger));
|
||
} else if !v.is_empty() && rows[..i].iter().any(|r| r.trim() == v) {
|
||
ui.label(RichText::new(t("上方已列出")).size(FONT_XS).color(p.text3));
|
||
}
|
||
}
|
||
if let Some(i) = main {
|
||
let v = rows.remove(i);
|
||
rows.insert(0, v);
|
||
}
|
||
if let Some(i) = drop {
|
||
rows.remove(i);
|
||
}
|
||
if rows.len() < store::MAX_ROWS && ui.add(egui::Button::new(RichText::new(t(add)).size(FONT_XS)).frame(false)).clicked() {
|
||
rows.push(String::new());
|
||
}
|
||
}
|
||
|
||
/// Screenshot mode: a few made-up items.
|
||
fn demo_items() -> Vec<Item> {
|
||
vec![
|
||
Item { id: "d1".into(), kind: Kind::Login, title: "github.com".into(), sites: vec!["github.com".into()], username: "me@example.com".into(), notes: "工作用的帳號".into(), ..Default::default() },
|
||
Item { id: "d2".into(), kind: Kind::Login, title: "momoshop.com.tw".into(), sites: vec!["momoshop.com.tw".into()], username: "0912xxx678".into(), ..Default::default() },
|
||
Item { id: "d3".into(), kind: Kind::Card, title: "Visa".into(), brand: "Visa".into(), last4: "4242".into(), nickname: "旅行".into(), exp_month: 8, exp_year: 2029, ..Default::default() },
|
||
Item { id: "d4".into(), kind: Kind::Contact, title: "住家".into(), name: "王小明".into(), address: Address { line1: "信義路五段 7 號".into(), city: "台北市".into(), postal: "110".into(), country: "台灣".into(), ..Default::default() }, phones: vec!["0912-345-678".into()], ..Default::default() },
|
||
]
|
||
}
|