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