RGBCube/GDUS
1
Fork 0
mirror of https://github.com/RGBCube/GDUS synced 2025-07-29 05:57:45 +00:00
Code Issues Activity Actions

Simplify CSS

Browse source
This commit is contained in:
RGBCube 2023-12-15 15:00:16 +03:00
parent 8409349649
commit 75df22e23d
No known key found for this signature in database
1 changed files with 43 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

55
src/view.rs
View file

@ -30,16 +30,23 @@ async fn view(data: Data<SqlitePool>) -> web::Result<Markup> {
.await .await
.expect("Failed to fetch reminders."); .expect("Failed to fetch reminders.");
let formatted_reminders: Vec<(String, String)> = reminders println!("{reminders:?}");
let formatted_reminders: Vec<(i64, String, String)> = reminders
.into_iter() .into_iter()
.map(|(date_time, message)| { .map(|(date_time, message)| {
let local_time = Local.from_local_datetime(&date_time).unwrap(); let local_time = Local.from_local_datetime(&date_time).unwrap();
(local_time.format("%Y/%m/%d %H:%M").to_string(), message) (
local_time.timestamp() as i64,
local_time.format("%Y/%m/%d %H:%M").to_string(),
message,
)
}) })
.collect(); .collect();
Ok(html! { Ok(html! {
(DOCTYPE) (DOCTYPE)
style {r#" style {r#"
body { body {
font-family: sans; font-family: sans;
@ -48,12 +55,12 @@ async fn view(data: Data<SqlitePool>) -> web::Result<Markup> {
padding: 20px; padding: 20px;
} }
ul#reminders { ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
ul#reminders li { ul li {
background-color: #fff; background-color: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@ -61,13 +68,13 @@ async fn view(data: Data<SqlitePool>) -> web::Result<Markup> {
margin-bottom: 20px; margin-bottom: 20px;
} }
ul#reminders li h3 { ul li h3 {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 18px; font-size: 18px;
color: #333; color: #333;
} }
ul#reminders li p { ul li p {
color: #666; color: #666;
} }
"#} "#}
@ -75,16 +82,40 @@ async fn view(data: Data<SqlitePool>) -> web::Result<Markup> {
ul id="reminders" { ul id="reminders" {
@for reminder in formatted_reminders { @for reminder in formatted_reminders {
li { li {
h3 { (reminder.0) } p class="timestamp" data-timestamp=(reminder.0) style="display: none;" {}
p { (reminder.1) } h3 { (reminder.1) }
p { (reminder.2) }
} }
} }
} }
script defer {(PreEscaped(r#" script defer {(PreEscaped(r##"
setInterval(function() { setInterval(() => {
location.reload(); location.reload();
}, 5000);
"#))} const reminders = Array.from(
document
.querySelectorAll("#reminders .timestamp")
)
.map(timestampItem => ({
content: timestampItem
.parentNode
.querySelector("p:not(.timestamp)")
.textContent,
timestamp: +timestampItem.getAttribute("data-timestamp"),
}));
const currentTime = Math.floor(Date.now() / 1000);
reminders.forEach(reminder => {
const differenceSeconds = currentTime - reminder.timestamp;
if (differenceSeconds < 1 * 60) {
// new Audio("/beep.mp3").play();
alert("Geldi! " + reminder.content);
}
});
}, 1 * 60 * 1000);
"##))}
}) })
} }