╭─────────────╮ │scroll to top│ ╰─────────────╯ ╭ UserSettings.zig ─────────────────────────────────────────────╮ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────────────────────────────────────────────╯
╭ find file ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╮ ╭────╮ ╭ clone ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╮ │ │ │http│ ssh │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯ ╰────╯ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯
141 .min_size = .{ .width = constraint.min_size.width, .height = null }, 142 .max_size = constraint.max_size, 143 }, root_focus); 144 } 145 146 pub fn input(self: *View, allocator: std.mem.Allocator, key: Key, root_focus: *Focus) !void { 147 const focused = root_focus.grandchild_id orelse return; 148 const cur = std.mem.indexOfScalar(usize, &self.control_ids, focused) orelse return; 149 const submit_id = self.control_ids[self.control_ids.len - 1]; 150 const on_submit = focused == submit_id; 151 const direction = inp.vertDirection(key); 152 const up = direction == .up or key == .back_tab; 153 if (up or direction == .down or key == .tab) { 154 // up from the first control is the sub header's, through `atTop` 155 if (up and cur == 0) return; 156 const next = if (up) cur - 1 else cur + 1; 157 if (next == self.control_ids.len) return; 158 root_focus.setFocus(self.control_ids[next]); 159 if (self.session.is_terminal) if (self.controlRect(next)) |rect| ui.widget.scrollToCenteredRect(self.formScroll(), rect); 160 return; 161 } 162 switch (key) { 163 .enter => if (on_submit) return self.submitForm(allocator), 164 .mouse => |mouse| if (inp.leftClickOn(root_focus, submit_id, mouse)) return self.submitForm(allocator), 165 else => {}, 166 } 167 if (!on_submit) try (try self.formInput(focused)).input(allocator, key, root_focus); 168 } 169 170 // the boxes holding the form's inputs: the form itself and the password box 171 fn formBoxes(self: *View) [2]*wgt.Box(ui.Widget) { 172 const form = self.formBox(); 173 return .{ form, &form.children.values()[passwords_index].widget.box }; 174 } 175 176 fn formField(self: *View, name: []const u8) !*wgt.TextInput { 177 for (self.formBoxes()) |box| for (box.children.values()) |*child| switch (child.widget) { 178 .text_input => |*text_input| if (std.mem.eql(u8, text_input.options.name, name)) return text_input, 179 else => {}, 180 }; 181 return error.MissingFormField; 182 } 183 184 fn formInput(self: *View, id: usize) !*wgt.TextInput { 185 for (self.formBoxes()) |box| if (box.children.getPtr(id)) |child| return &child.widget.text_input; 186 return error.MissingFormField; 187 } 188 189 // the rect of the control at `index` in the form's space; a password's is 190 // offset by its box 191 fn controlRect(self: *View, index: usize) ?layout.IRect { 192 const form, const passwords = self.formBoxes(); 193 return switch (index) { 194 0 => form.children.values()[0].rect, 195 self.control_ids.len - 1 => form.children.values()[submit_index].rect, 196 else => { 197 const outer = form.children.values()[passwords_index].rect orelse return null; 198 const inner = passwords.children.values()[index - 1].rect orelse return null; 199 return .{ .x = outer.x + inner.x, .y = outer.y + inner.y, .size = inner.size }; 200 }, 201 }; 202 } 203 204 // update the user. this is the terminal path; the web posts the form to 205 // the user route. 206 fn submitForm(self: *View, allocator: std.mem.Allocator) !void { 207 if (comptime wasm) return; 208 const io = self.session.io orelse return; 209 const users_dir = self.session.users_dir orelse return; 210 const admin_repo = self.session.admin_repo orelse return; 211 const user_id = self.session.userId() orelse return; 212 213 const email = try (try self.formField("email")).text(allocator); 214 defer allocator.free(email); 215 const current_password = try (try self.formField("current_password")).text(allocator); 216 defer allocator.free(current_password); 217 const new_password = try (try self.formField("new_password")).text(allocator); 218 defer allocator.free(new_password); 219 const new_password_again = try (try self.formField("new_password_again")).text(allocator); 220 defer allocator.free(new_password_again); 221 222 evt.updateUser(io, allocator, users_dir, admin_repo, &user_id, email, current_password, new_password, new_password_again) catch |err| switch (err) { 223 // the account was removed under them 224 error.NotFound => return ui.UserNotifications.logOut(self.session), 225 else => { 226 const failure = ui.Session.FormFeedback.UserFailure.fromError(err) orelse return err; 227 const aa = self.session.arena.allocator(); 228 self.session.data.form_feedback = .{ .user_settings = .{ .failure = failure, .fields = .{ .email = try aa.dupe(u8, email) } } }; 229 return; 230 }, 231 }; 232 233 // reload the page with the saved email and the password fields cleared 234 self.session.haxy_moment = try evt.currentMoment(evt.admin_repo_opts, admin_repo); 235 try self.session.loadUser(); 236 try self.session.navigate(self.session.data.current_page); 237 } 238 239 fn formScroll(self: *View) *wgt.Scroll(ui.Widget) { 240 return &self.box.children.values()[scroll_index].widget.scroll; 241 } 242 243 fn formBox(self: *View) *wgt.Box(ui.Widget) { 244 return &self.formScroll().child.center.child.box; 245 } 246 247 pub fn clearGrid(self: *View) void { 248 self.box.clearGrid(); 249 } 250 251 pub fn getGrid(self: View) ?Grid { 252 return self.box.getGrid(); 253 } 254 255 pub fn getFocus(self: *View) *Focus { 256 return self.box.getFocus(); 257 } 258 259 // up leaves the view from the first control 260 pub fn atTop(self: *View, root_focus: *Focus) bool { 261 return root_focus.grandchild_id == self.control_ids[0]; 262 } 263 }; 264