this repo has no description
tangled.org
1{{ define "title" }}{{ .Tab }} settings{{ end }}
2
3{{ define "content" }}
4 <div class="p-6">
5 <p class="text-xl font-bold dark:text-white">Settings</p>
6 </div>
7 <div class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
8 <section class="w-full grid grid-cols-1 md:grid-cols-4 gap-6">
9 <div class="col-span-1">
10 {{ template "user/settings/fragments/sidebar" . }}
11 </div>
12 <div class="col-span-1 md:col-span-3 flex flex-col gap-6">
13 {{ template "notificationSettings" . }}
14 </div>
15 </section>
16 </div>
17{{ end }}
18
19{{ define "notificationSettings" }}
20 <div class="grid grid-cols-1 md:grid-cols-3 gap-4 items-center">
21 <div class="col-span-1 md:col-span-2">
22 <h2 class="text-sm pb-2 uppercase font-bold">Notification Preferences</h2>
23 <p class="text-gray-500 dark:text-gray-400">
24 Choose which notifications you want to receive when activity happens on your repositories and profile.
25 </p>
26 </div>
27 </div>
28
29 <form hx-put="/settings/notifications" hx-swap="none" class="flex flex-col gap-6">
30
31 <div class="flex flex-col rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700 w-full">
32 <div class="flex items-center justify-between p-2">
33 <div class="flex items-center gap-2">
34 <div class="flex flex-col gap-1">
35 <span class="font-bold">Repository starred</span>
36 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
37 <span>When someone stars your repository.</span>
38 </div>
39 </div>
40 </div>
41 <label class="flex items-center gap-2">
42 <input type="checkbox" name="repo_starred" {{if .Preferences.RepoStarred}}checked{{end}}>
43 </label>
44 </div>
45
46 <div class="flex items-center justify-between p-2">
47 <div class="flex items-center gap-2">
48 <div class="flex flex-col gap-1">
49 <span class="font-bold">New issues</span>
50 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
51 <span>When someone creates an issue on your repository.</span>
52 </div>
53 </div>
54 </div>
55 <label class="flex items-center gap-2">
56 <input type="checkbox" name="issue_created" {{if .Preferences.IssueCreated}}checked{{end}}>
57 </label>
58 </div>
59
60 <div class="flex items-center justify-between p-2">
61 <div class="flex items-center gap-2">
62 <div class="flex flex-col gap-1">
63 <span class="font-bold">Issue comments</span>
64 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
65 <span>When someone comments on an issue you're involved with.</span>
66 </div>
67 </div>
68 </div>
69 <label class="flex items-center gap-2">
70 <input type="checkbox" name="issue_commented" {{if .Preferences.IssueCommented}}checked{{end}}>
71 </label>
72 </div>
73
74 <div class="flex items-center justify-between p-2">
75 <div class="flex items-center gap-2">
76 <div class="flex flex-col gap-1">
77 <span class="font-bold">Issue closed</span>
78 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
79 <span>When an issue on your repository is closed.</span>
80 </div>
81 </div>
82 </div>
83 <label class="flex items-center gap-2">
84 <input type="checkbox" name="issue_closed" {{if .Preferences.IssueClosed}}checked{{end}}>
85 </label>
86 </div>
87
88 <div class="flex items-center justify-between p-2">
89 <div class="flex items-center gap-2">
90 <div class="flex flex-col gap-1">
91 <span class="font-bold">New pull requests</span>
92 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
93 <span>When someone creates a pull request on your repository.</span>
94 </div>
95 </div>
96 </div>
97 <label class="flex items-center gap-2">
98 <input type="checkbox" name="pull_created" {{if .Preferences.PullCreated}}checked{{end}}>
99 </label>
100 </div>
101
102 <div class="flex items-center justify-between p-2">
103 <div class="flex items-center gap-2">
104 <div class="flex flex-col gap-1">
105 <span class="font-bold">Pull request comments</span>
106 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
107 <span>When someone comments on a pull request you're involved with.</span>
108 </div>
109 </div>
110 </div>
111 <label class="flex items-center gap-2">
112 <input type="checkbox" name="pull_commented" {{if .Preferences.PullCommented}}checked{{end}}>
113 </label>
114 </div>
115
116 <div class="flex items-center justify-between p-2">
117 <div class="flex items-center gap-2">
118 <div class="flex flex-col gap-1">
119 <span class="font-bold">Pull request merged</span>
120 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
121 <span>When your pull request is merged.</span>
122 </div>
123 </div>
124 </div>
125 <label class="flex items-center gap-2">
126 <input type="checkbox" name="pull_merged" {{if .Preferences.PullMerged}}checked{{end}}>
127 </label>
128 </div>
129
130 <div class="flex items-center justify-between p-2">
131 <div class="flex items-center gap-2">
132 <div class="flex flex-col gap-1">
133 <span class="font-bold">New followers</span>
134 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
135 <span>When someone follows you.</span>
136 </div>
137 </div>
138 </div>
139 <label class="flex items-center gap-2">
140 <input type="checkbox" name="followed" {{if .Preferences.Followed}}checked{{end}}>
141 </label>
142 </div>
143
144 <div class="flex items-center justify-between p-2">
145 <div class="flex items-center gap-2">
146 <div class="flex flex-col gap-1">
147 <span class="font-bold">Mentions</span>
148 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
149 <span>When someone mentions you.</span>
150 </div>
151 </div>
152 </div>
153 <label class="flex items-center gap-2">
154 <input type="checkbox" name="user_mentioned" {{if .Preferences.UserMentioned}}checked{{end}}>
155 </label>
156 </div>
157
158 <div class="flex items-center justify-between p-2">
159 <div class="flex items-center gap-2">
160 <div class="flex flex-col gap-1">
161 <span class="font-bold">Email notifications</span>
162 <div class="flex text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
163 <span>Receive notifications via email in addition to in-app notifications.</span>
164 </div>
165 </div>
166 </div>
167 <label class="flex items-center gap-2">
168 <input type="checkbox" name="email_notifications" {{if .Preferences.EmailNotifications}}checked{{end}}>
169 </label>
170 </div>
171 </div>
172
173 <div class="flex justify-end pt-2">
174 <button
175 type="submit"
176 class="btn-create flex items-center gap-2 group"
177 >
178 {{ i "save" "w-4 h-4" }}
179 save
180 {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
181 </button>
182 </div>
183 <div id="settings-notifications-success"></div>
184
185 <div id="settings-notifications-error" class="error"></div>
186 </form>
187{{ end }}