From d05458c7fb48e040b046f74900b0ef24e02a5068 Mon Sep 17 00:00:00 2001 From: Lance Edgar Date: Sat, 1 Jun 2024 13:40:50 -0500 Subject: [PATCH] Add speedbumps for delete, set preferred email/phone in profile view --- tailbone/templates/people/view_profile.mako | 264 +++++++++++++++--- .../themes/butterball/buefy-components.mako | 5 +- 2 files changed, 231 insertions(+), 38 deletions(-) diff --git a/tailbone/templates/people/view_profile.mako b/tailbone/templates/people/view_profile.mako index 0ca42cef..bf94b7fa 100644 --- a/tailbone/templates/people/view_profile.mako +++ b/tailbone/templates/people/view_profile.mako @@ -341,23 +341,21 @@
- - - - - - + + + + + - - - - + + @@ -439,6 +437,72 @@ + <${b}-modal has-modal-card + % if request.use_oruga: + v-model:active="deletePhoneShowDialog" + % else: + :active.sync="deletePhoneShowDialog" + % endif + > +
+ +
+

Delete Phone

+
+ +
+

Really delete this phone number?

+

{{ deletePhoneNumber }}

+
+ +
+ + {{ deletePhoneSaving ? "Working, please wait..." : "Delete" }} + + + Cancel + +
+
+ + + <${b}-modal has-modal-card + % if request.use_oruga: + v-model:active="preferPhoneShowDialog" + % else: + :active.sync="preferPhoneShowDialog" + % endif + > +
+ +
+

Set Preferred Phone

+
+ +
+

Really make this the preferred phone number?

+

{{ preferPhoneNumber }}

+
+ +
+ + {{ preferPhoneSaving ? "Working, please wait..." : "Set Preferred" }} + + + Cancel + +
+
+ + @@ -477,24 +541,21 @@
- - - - - - - - - - - + + + + + + + + <${b}-modal has-modal-card + % if request.use_oruga: + v-model:active="deleteEmailShowDialog" + % else: + :active.sync="deleteEmailShowDialog" + % endif + > +
+ +
+

Delete Email

+
+ +
+

Really delete this email address?

+

{{ deleteEmailAddress }}

+
+ +
+ + {{ deleteEmailSaving ? "Working, please wait..." : "Delete" }} + + + Cancel + +
+
+ + + <${b}-modal has-modal-card + % if request.use_oruga: + v-model:active="preferEmailShowDialog" + % else: + :active.sync="preferEmailShowDialog" + % endif + > +
+ +
+

Set Preferred Email

+
+ +
+

Really make this the preferred email address?

+

{{ preferEmailAddress }}

+
+ +
+ + {{ preferEmailSaving ? "Working, please wait..." : "Set Preferred" }} + + + Cancel + +
+
+ + @@ -1657,6 +1784,16 @@ editPhonePreferred: false, editPhoneSaving: false, + deletePhoneShowDialog: false, + deletePhoneUUID: null, + deletePhoneNumber: null, + deletePhoneSaving: false, + + preferPhoneShowDialog: false, + preferPhoneUUID: null, + preferPhoneNumber: null, + preferPhoneSaving: false, + editEmailShowDialog: false, editEmailUUID: null, editEmailType: null, @@ -1664,6 +1801,17 @@ editEmailPreferred: null, editEmailInvalid: false, editEmailSaving: false, + + deleteEmailShowDialog: false, + deleteEmailUUID: null, + deleteEmailAddress: null, + deleteEmailSaving: false, + + preferEmailShowDialog: false, + preferEmailUUID: null, + preferEmailAddress: null, + preferEmailSaving: false, + % endif } @@ -1843,26 +1991,47 @@ }, deletePhoneInit(phone) { + this.deletePhoneUUID = phone.uuid + this.deletePhoneNumber = phone.number + this.deletePhoneShowDialog = true + }, + + deletePhoneSave() { + this.deletePhoneSaving = true let url = '${url('people.profile_delete_phone', uuid=person.uuid)}' let params = { - phone_uuid: phone.uuid, + phone_uuid: this.deletePhoneUUID, } - this.simplePOST(url, params, response => { this.$emit('profile-changed', response.data) this.refreshTab() + this.deletePhoneShowDialog = false + this.deletePhoneSaving = false + }, response => { + this.deletePhoneSaving = false }) }, preferPhoneInit(phone) { + this.preferPhoneUUID = phone.uuid + this.preferPhoneNumber = phone.number + this.preferPhoneShowDialog = true + }, + + preferPhoneSave() { + this.preferPhoneSaving = true let url = '${url('people.profile_set_preferred_phone', uuid=person.uuid)}' let params = { - phone_uuid: phone.uuid, + phone_uuid: this.preferPhoneUUID, } this.simplePOST(url, params, response => { this.$emit('profile-changed', response.data) this.refreshTab() + this.preferPhoneShowDialog = false + this.preferPhoneSaving = false + }, response => { + this.preferPhoneSaving = false }) }, @@ -1917,26 +2086,47 @@ }, deleteEmailInit(email) { + this.deleteEmailUUID = email.uuid + this.deleteEmailAddress = email.address + this.deleteEmailShowDialog = true + }, + + deleteEmailSave() { + this.deleteEmailSaving = true let url = '${url('people.profile_delete_email', uuid=person.uuid)}' let params = { - email_uuid: email.uuid, + email_uuid: this.deleteEmailUUID, } - this.simplePOST(url, params, response => { this.$emit('profile-changed', response.data) this.refreshTab() + this.deleteEmailShowDialog = false + this.deleteEmailSaving = false + }, response => { + this.deleteEmailSaving = false }) }, preferEmailInit(email) { + this.preferEmailUUID = email.uuid + this.preferEmailAddress = email.address + this.preferEmailShowDialog = true + }, + + preferEmailSave() { + this.preferEmailSaving = true let url = '${url('people.profile_set_preferred_email', uuid=person.uuid)}' let params = { - email_uuid: email.uuid, + email_uuid: this.preferEmailUUID, } this.simplePOST(url, params, response => { this.$emit('profile-changed', response.data) this.refreshTab() + this.preferEmailShowDialog = false + this.preferEmailSaving = false + }, response => { + this.preferEmailSaving = false }) }, diff --git a/tailbone/templates/themes/butterball/buefy-components.mako b/tailbone/templates/themes/butterball/buefy-components.mako index b11e34ea..7553729b 100644 --- a/tailbone/templates/themes/butterball/buefy-components.mako +++ b/tailbone/templates/themes/butterball/buefy-components.mako @@ -365,7 +365,10 @@ // TODO: this does not always work right? this.$refs.input.$el.querySelector('textarea').focus() } else { - this.$refs.input.$el.querySelector('input').focus() + // TODO: pretty sure we can rely on the focus() + // here, but not sure why we weren't already doing that? + //this.$refs.input.$el.querySelector('input').focus() + this.$refs.input.focus() } }, },