mirror of
https://github.com/System-End/hackatime.git
synced 2026-04-19 16:38:23 +00:00
667d3a7c93
* Imports are back!! * Settings UI v3 * Use Inertia forms for heartbeat imports * Update app/javascript/pages/Users/Settings/Data.svelte Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> * Update Bundle * Fix broken Form/Button markup in Data.svelte settings page * Update JS deps * Greptile fixes * Remove dead code --------- Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
88 lines
2.6 KiB
Svelte
88 lines
2.6 KiB
Svelte
<script lang="ts">
|
|
import { Checkbox } from "bits-ui";
|
|
import { onMount } from "svelte";
|
|
import Button from "../../../components/Button.svelte";
|
|
import SectionCard from "./components/SectionCard.svelte";
|
|
import SettingsShell from "./Shell.svelte";
|
|
import type { NotificationsPageProps } from "./types";
|
|
|
|
let {
|
|
active_section,
|
|
section_paths,
|
|
page_title,
|
|
heading,
|
|
subheading,
|
|
settings_update_path,
|
|
user,
|
|
errors,
|
|
}: NotificationsPageProps = $props();
|
|
|
|
let csrfToken = $state("");
|
|
let weeklySummaryEmailEnabled = $state(false);
|
|
|
|
$effect(() => {
|
|
weeklySummaryEmailEnabled = user.weekly_summary_email_enabled;
|
|
});
|
|
|
|
onMount(() => {
|
|
csrfToken =
|
|
document
|
|
.querySelector("meta[name='csrf-token']")
|
|
?.getAttribute("content") || "";
|
|
});
|
|
</script>
|
|
|
|
<SettingsShell
|
|
{active_section}
|
|
{section_paths}
|
|
{page_title}
|
|
{heading}
|
|
{subheading}
|
|
{errors}
|
|
>
|
|
<SectionCard
|
|
id="user_email_notifications"
|
|
title="Email Notifications"
|
|
description="Control which product emails Hackatime sends to your linked email addresses."
|
|
>
|
|
<form
|
|
id="notifications-settings-form"
|
|
method="post"
|
|
action={settings_update_path}
|
|
class="space-y-4"
|
|
>
|
|
<input type="hidden" name="_method" value="patch" />
|
|
<input type="hidden" name="authenticity_token" value={csrfToken} />
|
|
|
|
<div id="user_weekly_summary_email">
|
|
<label class="flex items-center gap-3 text-sm text-surface-content">
|
|
<input
|
|
type="hidden"
|
|
name="user[weekly_summary_email_enabled]"
|
|
value="0"
|
|
/>
|
|
<Checkbox.Root
|
|
bind:checked={weeklySummaryEmailEnabled}
|
|
name="user[weekly_summary_email_enabled]"
|
|
value="1"
|
|
class="inline-flex h-4 w-4 min-w-4 items-center justify-center rounded border border-surface-200 bg-darker text-on-primary transition-colors data-[state=checked]:border-primary data-[state=checked]:bg-primary"
|
|
>
|
|
{#snippet children({ checked })}
|
|
<span class={checked ? "text-[10px]" : "hidden"}>✓</span>
|
|
{/snippet}
|
|
</Checkbox.Root>
|
|
Weekly coding summary email (sent Fridays at 5:30 PM GMT)
|
|
</label>
|
|
<p class="mt-2 text-xs text-muted">
|
|
Includes your weekly coding time, top projects, and top languages.
|
|
</p>
|
|
</div>
|
|
</form>
|
|
|
|
{#snippet footer()}
|
|
<Button type="submit" form="notifications-settings-form">
|
|
Save notification settings
|
|
</Button>
|
|
{/snippet}
|
|
</SectionCard>
|
|
</SettingsShell>
|