276 lines
8.8 KiB
Rust
276 lines
8.8 KiB
Rust
use std::time::{Duration, SystemTime};
|
|
|
|
use ely_browser_core::BrowserSnapshot;
|
|
use ely_design_system::colors;
|
|
use ely_domain::{NoteEntry, NoteId};
|
|
use gpui::prelude::FluentBuilder;
|
|
use gpui::{
|
|
AnyElement, Context, InteractiveElement, IntoElement, ParentElement, SharedString,
|
|
StatefulInteractiveElement, Styled, div, px, rgb,
|
|
};
|
|
use gpui_component::{
|
|
IconName, Sizable, StyledExt,
|
|
button::{Button, ButtonVariants},
|
|
scroll::ScrollableElement,
|
|
};
|
|
|
|
use super::{ElyShell, notes_markdown::render_markdown_preview, render_canvas_surface};
|
|
|
|
impl ElyShell {
|
|
pub(super) fn render_notes_page(
|
|
&mut self,
|
|
snapshot: &BrowserSnapshot,
|
|
cx: &mut Context<Self>,
|
|
) -> AnyElement {
|
|
render_canvas_surface(
|
|
div()
|
|
.size_full()
|
|
.p_8()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_5()
|
|
.child(render_notes_header(snapshot))
|
|
.child(self.render_note_entries(snapshot, cx)),
|
|
)
|
|
}
|
|
|
|
fn render_note_entries(
|
|
&mut self,
|
|
snapshot: &BrowserSnapshot,
|
|
cx: &mut Context<Self>,
|
|
) -> AnyElement {
|
|
if snapshot.notes.is_empty() {
|
|
return div()
|
|
.flex_1()
|
|
.border_t_1()
|
|
.border_color(rgb(colors::HAIRLINE))
|
|
.pt_5()
|
|
.text_sm()
|
|
.text_color(rgb(colors::MUTED))
|
|
.child("Notes are empty for this Profile.")
|
|
.into_any_element();
|
|
}
|
|
|
|
div()
|
|
.flex_1()
|
|
.min_h_0()
|
|
.flex()
|
|
.flex_col()
|
|
.overflow_y_scrollbar()
|
|
.border_t_1()
|
|
.border_color(rgb(colors::HAIRLINE))
|
|
.children(
|
|
snapshot
|
|
.notes
|
|
.iter()
|
|
.rev()
|
|
.enumerate()
|
|
.map(|(index, note)| self.render_note_row(index, snapshot, note, cx)),
|
|
)
|
|
.into_any_element()
|
|
}
|
|
|
|
fn render_note_row(
|
|
&mut self,
|
|
index: usize,
|
|
snapshot: &BrowserSnapshot,
|
|
note: &NoteEntry,
|
|
cx: &mut Context<Self>,
|
|
) -> AnyElement {
|
|
let url = note.source_url().clone();
|
|
let open_url = note.source_url().clone();
|
|
let note_id = note.id().clone();
|
|
let space_name = note_space_name(snapshot, note);
|
|
|
|
div()
|
|
.id(SharedString::from(format!("note-{}", note.id().as_str())))
|
|
.py_3()
|
|
.border_b_1()
|
|
.border_color(rgb(colors::HAIRLINE))
|
|
.flex()
|
|
.items_center()
|
|
.justify_between()
|
|
.gap_4()
|
|
.child(
|
|
div()
|
|
.id(SharedString::from(format!("note-open-{}", note.id().as_str())))
|
|
.min_w_0()
|
|
.flex_1()
|
|
.flex()
|
|
.items_center()
|
|
.gap_3()
|
|
.cursor_pointer()
|
|
.hover(|style| style.bg(rgb(colors::CANVAS_SOFT)))
|
|
.active(|style| style.opacity(0.82))
|
|
.on_click(cx.listener(move |shell, _, window, cx| {
|
|
shell.open_url(url.clone(), window, cx);
|
|
}))
|
|
.child(div().text_color(rgb(colors::MUTED_SOFT)).child(IconName::File))
|
|
.child(
|
|
div()
|
|
.min_w_0()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_1()
|
|
.child(
|
|
div()
|
|
.text_sm()
|
|
.font_semibold()
|
|
.truncate()
|
|
.text_color(rgb(colors::INK))
|
|
.child(note.title().to_string()),
|
|
)
|
|
.child(
|
|
div()
|
|
.text_xs()
|
|
.truncate()
|
|
.text_color(rgb(colors::MUTED))
|
|
.child(note.display_url()),
|
|
)
|
|
.child(render_markdown_preview(note.body())),
|
|
),
|
|
)
|
|
.child(
|
|
div()
|
|
.max_w(px(260.0))
|
|
.flex()
|
|
.items_center()
|
|
.justify_end()
|
|
.gap_2()
|
|
.text_xs()
|
|
.font_semibold()
|
|
.text_color(rgb(colors::MUTED))
|
|
.when_some(space_name, |this, space_name| {
|
|
this.child(div().max_w(px(110.0)).truncate().child(space_name))
|
|
})
|
|
.child(note.target_label())
|
|
.child(updated_at_label(note.updated_at())),
|
|
)
|
|
.child(
|
|
Button::new(("open-note-source", index))
|
|
.ghost()
|
|
.xsmall()
|
|
.label("Open")
|
|
.tooltip("Open Note Source")
|
|
.on_click(cx.listener(move |shell, _, window, cx| {
|
|
shell.open_url(open_url.clone(), window, cx);
|
|
})),
|
|
)
|
|
.child(render_remove_note_action(index, note_id, cx))
|
|
.into_any_element()
|
|
}
|
|
}
|
|
|
|
fn render_notes_header(snapshot: &BrowserSnapshot) -> AnyElement {
|
|
div()
|
|
.flex()
|
|
.items_end()
|
|
.justify_between()
|
|
.child(
|
|
div()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_2()
|
|
.child(div().text_size(px(26.0)).text_color(rgb(colors::INK)).child("Notes"))
|
|
.child(
|
|
div()
|
|
.text_sm()
|
|
.text_color(rgb(colors::MUTED))
|
|
.child(format!("Profile: {}", snapshot.active_profile_name)),
|
|
),
|
|
)
|
|
.child(
|
|
div()
|
|
.text_xs()
|
|
.text_color(rgb(colors::MUTED))
|
|
.child(notes_count_label(snapshot.notes.len())),
|
|
)
|
|
.into_any_element()
|
|
}
|
|
|
|
fn note_space_name(snapshot: &BrowserSnapshot, note: &NoteEntry) -> Option<String> {
|
|
snapshot
|
|
.spaces
|
|
.iter()
|
|
.find(|space| space.id() == note.space_id())
|
|
.map(|space| space.name().to_string())
|
|
}
|
|
|
|
fn notes_count_label(count: usize) -> String {
|
|
match count {
|
|
1 => "1 note".to_string(),
|
|
count => format!("{count} notes"),
|
|
}
|
|
}
|
|
|
|
fn render_remove_note_action(
|
|
index: usize,
|
|
note_id: NoteId,
|
|
cx: &mut Context<ElyShell>,
|
|
) -> AnyElement {
|
|
Button::new(("remove-note", index))
|
|
.danger()
|
|
.xsmall()
|
|
.icon(IconName::Delete)
|
|
.label("Remove")
|
|
.tooltip("Remove Note")
|
|
.on_click(cx.listener(move |shell, _, _, cx| {
|
|
shell.remove_note_entry(¬e_id, cx);
|
|
}))
|
|
.into_any_element()
|
|
}
|
|
|
|
fn updated_at_label(updated_at: SystemTime) -> String {
|
|
updated_at_label_for(updated_at, SystemTime::now())
|
|
}
|
|
|
|
fn updated_at_label_for(updated_at: SystemTime, now: SystemTime) -> String {
|
|
let age = now.duration_since(updated_at).unwrap_or(Duration::ZERO);
|
|
if age < Duration::from_secs(60) {
|
|
return "Updated just now".to_string();
|
|
}
|
|
if age < Duration::from_secs(3_600) {
|
|
return format!("Updated {} mins ago", age.as_secs() / 60);
|
|
}
|
|
if age < Duration::from_secs(86_400) {
|
|
return format!("Updated {} hrs ago", age.as_secs() / 3_600);
|
|
}
|
|
if age < Duration::from_secs(604_800) {
|
|
return format!("Updated {} days ago", age.as_secs() / 86_400);
|
|
}
|
|
"Updated earlier".to_string()
|
|
}
|
|
|
|
#[cfg(test)]
|
|
mod tests {
|
|
use std::time::{Duration, SystemTime};
|
|
|
|
use super::updated_at_label_for;
|
|
|
|
#[test]
|
|
fn updated_at_label_formats_recent_entries() {
|
|
let now = SystemTime::UNIX_EPOCH + Duration::from_secs(10_000);
|
|
|
|
assert_eq!(updated_at_label_for(now - Duration::from_secs(20), now), "Updated just now");
|
|
}
|
|
|
|
#[test]
|
|
fn updated_at_label_formats_minutes_hours_days_and_older_entries() {
|
|
let now = SystemTime::UNIX_EPOCH + Duration::from_secs(1_000_000);
|
|
|
|
assert_eq!(updated_at_label_for(now - Duration::from_secs(120), now), "Updated 2 mins ago");
|
|
assert_eq!(
|
|
updated_at_label_for(now - Duration::from_secs(10_800), now),
|
|
"Updated 3 hrs ago"
|
|
);
|
|
assert_eq!(
|
|
updated_at_label_for(now - Duration::from_secs(345_600), now),
|
|
"Updated 4 days ago"
|
|
);
|
|
assert_eq!(
|
|
updated_at_label_for(now - Duration::from_secs(691_200), now),
|
|
"Updated earlier"
|
|
);
|
|
}
|
|
}
|