27dbd455-244c-48ab-8e37-1ece9db5723e

Build # 27dbd455-244c-48ab-8e37-1ece9db5723e

Build Type

push

circleci

Committed by GitHub

Commit Message

MNTOR-983: Settings page frontend (#2765)

Run Details

282 of 1281 branches covered (22.01%)

Branch coverage included in aggregate %.

86 of 86 new or added lines in 3 files covered. (100.0%)

959 of 3457 relevant lines covered (27.74%)

4.5 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/client/js/partials/settings.js

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

const settingsAlertOptionsInputs = document.getElementsByClassName('js-settings-alert-options-input')

if (settingsAlertOptionsInputs?.length) {
  for (const inputElement of settingsAlertOptionsInputs) {
    inputElement.addEventListener('change', async event => {
      try {
        const communicationOption = event.target.getAttribute('data-alert-option')
        const csrfToken = document.querySelector('.js-settings[data-csrf-token]')

        const response = await fetch('/api/v1/user/update-comm-option', {
          headers: {
            'Content-Type': 'application/json',
            'x-csrf-token': csrfToken
          },
          mode: 'same-origin',
          method: 'POST',
          body: JSON.stringify({ communicationOption })
        })

        if (response && response.redirected === true) {
          throw response.error
        }
      } catch (err) {
        throw new Error(`Updating communication option failed: ${err}`)
      }
      event.preventDefault()
      return false
    })
  }
}

const settingsAddEmail = document.querySelector('.js-settings-add-email-opener')
if (settingsAddEmail) {
  settingsAddEmail.addEventListener('click', async _ => {
    try {
      const addEmailDialog = document.getElementById('js-settings-modal')
      addEmailDialog.showModal()
    } catch (err) {
      console.error(`Error: ${err}`)
    }
  })
}

const settingsClose = document.getElementById('js-settings-close')
if (settingsClose) {
  settingsClose.addEventListener('click', async _ => {
    try {
      const addEmailDialog = document.getElementById('js-settings-modal')
      addEmailDialog.close()
    } catch (err) {
      console.error(`Error: ${err}`)
    }
  })
}

const settingsAddVerification = document.getElementById('js-settings-modal-send-verification')
if (settingsAddVerification) {
  settingsAddVerification.addEventListener('click', async _ => {
    const email = document.getElementById('js-settings-email-modal-input').value
    const csrfToken = document.querySelector('.js-settings[data-csrf-token]')

    const response = await fetch('/api/v1/user/email', {
      headers: {
        'Content-Type': 'application/json',
        'x-csrf-token': csrfToken
      },
      mode: 'same-origin',
      method: 'POST',
      body: JSON.stringify({ email })
    })

    if (!response?.ok) {
      throw new Error(`Sending verification email failed: ${response?.error}`)
    }

    const addEmailDialogContent = document.getElementById('js-settings-modal-content')
    // TODO: Localize string below
    addEmailDialogContent.textContent = `Verify the link sent to ${email} to add it to Firefox Monitor. Manage all email addresses in Settings.`

    const addEmailDialogControls = document.getElementById('js-settings-modal-controls')
    addEmailDialogControls.hidden = true

    const addEmailDialog = document.getElementById('js-settings-modal')
    addEmailDialog.addEventListener('close', _ => {
      addEmailDialogControls.hidden = false
      return window.location.reload(true)
    }, { once: true })
  })
}

const settingsRemoveEmailButtons = document.getElementsByClassName('js-remove-email-button')
if (settingsRemoveEmailButtons?.length) {
  for (const removeEmailButton of settingsRemoveEmailButtons) {
    removeEmailButton.addEventListener('click', async event => {
      try {
        const subscriberId = event.target.getAttribute('data-subscriber-id')
        const emailId = event.target.getAttribute('data-email-id')
        const csrfToken = document.querySelector('.js-settings[data-csrf-token]')

        const response = await fetch('/api/v1/user/remove-email', {
          headers: {
            'Content-Type': 'application/json',
            'x-csrf-token': csrfToken
          },
          mode: 'same-origin',
          method: 'POST',
          body: JSON.stringify({ emailId, subscriberId })
        })

        if (response && response.redirected === true) {
          return window.location.reload(true)
        }
      } catch (err) {
        console.error(`Error: ${err}`)
      }
    })
  }
}

const settingsResendEmailLinks = document.getElementsByClassName('js-settings-resend-email')
if (settingsResendEmailLinks?.length) {
  for (const resendEmailLink of settingsResendEmailLinks) {
    resendEmailLink.addEventListener('click', async event => {
      try {
        const emailId = event.target.getAttribute('data-email-id')
        const csrfToken = document.querySelector('.js-settings[data-csrf-token]')

        const response = await fetch('/api/v1/user/resend-email', {
          headers: {
            'Content-Type': 'application/json',
            'x-csrf-token': csrfToken
          },
          mode: 'same-origin',
          method: 'POST',
          body: JSON.stringify({ emailId })
        })

        if (response?.redirected) {
          throw response.error
        }
      } catch (err) {
        throw new Error(`Re-sending verification email failed: ${err}`)
      }
      event.preventDefault()
      return false
    })
  }
}

1	/* This Source Code Form is subject to the terms of the Mozilla Public
2	* License, v. 2.0. If a copy of the MPL was not distributed with this
3	* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5	const settingsAlertOptionsInputs = document.getElementsByClassName('js-settings-alert-options-input')	×
6
7	if (settingsAlertOptionsInputs?.length) {	×
8	for (const inputElement of settingsAlertOptionsInputs) {	×
9	inputElement.addEventListener('change', async event => {	×
10	try {	×
11	const communicationOption = event.target.getAttribute('data-alert-option')	×
12	const csrfToken = document.querySelector('.js-settings[data-csrf-token]')	×
13
14	const response = await fetch('/api/v1/user/update-comm-option', {	×
15	headers: {
16	'Content-Type': 'application/json',
17	'x-csrf-token': csrfToken
18	},
19	mode: 'same-origin',
20	method: 'POST',
21	body: JSON.stringify({ communicationOption })
22	})
23
24	if (response && response.redirected === true) {	×
25	throw response.error	×
26	}
27	} catch (err) {
28	throw new Error(`Updating communication option failed: ${err}`)	×
29	}
30	event.preventDefault()	×
31	return false	×
32	})
33	}
34	}
35
36	const settingsAddEmail = document.querySelector('.js-settings-add-email-opener')	×
37	if (settingsAddEmail) {	×
38	settingsAddEmail.addEventListener('click', async _ => {	×
39	try {	×
40	const addEmailDialog = document.getElementById('js-settings-modal')	×
41	addEmailDialog.showModal()	×
42	} catch (err) {
43	console.error(`Error: ${err}`)	×
44	}
45	})
46	}
47
48	const settingsClose = document.getElementById('js-settings-close')	×
49	if (settingsClose) {	×
50	settingsClose.addEventListener('click', async _ => {	×
51	try {	×
52	const addEmailDialog = document.getElementById('js-settings-modal')	×
53	addEmailDialog.close()	×
54	} catch (err) {
55	console.error(`Error: ${err}`)	×
56	}
57	})
58	}
59
60	const settingsAddVerification = document.getElementById('js-settings-modal-send-verification')	×
61	if (settingsAddVerification) {	×
62	settingsAddVerification.addEventListener('click', async _ => {	×
63	const email = document.getElementById('js-settings-email-modal-input').value	×
64	const csrfToken = document.querySelector('.js-settings[data-csrf-token]')	×
65
66	const response = await fetch('/api/v1/user/email', {	×
67	headers: {
68	'Content-Type': 'application/json',
69	'x-csrf-token': csrfToken
70	},
71	mode: 'same-origin',
72	method: 'POST',
73	body: JSON.stringify({ email })
74	})
75
76	if (!response?.ok) {	×
77	throw new Error(`Sending verification email failed: ${response?.error}`)	×
78	}
79
80	const addEmailDialogContent = document.getElementById('js-settings-modal-content')	×
81	// TODO: Localize string below
82	addEmailDialogContent.textContent = `Verify the link sent to ${email} to add it to Firefox Monitor. Manage all email addresses in Settings.`	×
83
84	const addEmailDialogControls = document.getElementById('js-settings-modal-controls')	×
85	addEmailDialogControls.hidden = true	×
86
87	const addEmailDialog = document.getElementById('js-settings-modal')	×
88	addEmailDialog.addEventListener('close', _ => {	×
89	addEmailDialogControls.hidden = false	×
90	return window.location.reload(true)	×
91	}, { once: true })
92	})
93	}
94
95	const settingsRemoveEmailButtons = document.getElementsByClassName('js-remove-email-button')	×
96	if (settingsRemoveEmailButtons?.length) {	×
97	for (const removeEmailButton of settingsRemoveEmailButtons) {	×
98	removeEmailButton.addEventListener('click', async event => {	×
99	try {	×
100	const subscriberId = event.target.getAttribute('data-subscriber-id')	×
101	const emailId = event.target.getAttribute('data-email-id')	×
102	const csrfToken = document.querySelector('.js-settings[data-csrf-token]')	×
103
104	const response = await fetch('/api/v1/user/remove-email', {	×
105	headers: {
106	'Content-Type': 'application/json',
107	'x-csrf-token': csrfToken
108	},
109	mode: 'same-origin',
110	method: 'POST',
111	body: JSON.stringify({ emailId, subscriberId })
112	})
113
114	if (response && response.redirected === true) {	×
115	return window.location.reload(true)	×
116	}
117	} catch (err) {
118	console.error(`Error: ${err}`)	×
119	}
120	})
121	}
122	}
123
124	const settingsResendEmailLinks = document.getElementsByClassName('js-settings-resend-email')	×
125	if (settingsResendEmailLinks?.length) {	×
126	for (const resendEmailLink of settingsResendEmailLinks) {	×
127	resendEmailLink.addEventListener('click', async event => {	×
128	try {	×
129	const emailId = event.target.getAttribute('data-email-id')	×
130	const csrfToken = document.querySelector('.js-settings[data-csrf-token]')	×
131
132	const response = await fetch('/api/v1/user/resend-email', {	×
133	headers: {
134	'Content-Type': 'application/json',
135	'x-csrf-token': csrfToken
136	},
137	mode: 'same-origin',
138	method: 'POST',
139	body: JSON.stringify({ emailId })
140	})
141
142	if (response?.redirected) {	×
143	throw response.error	×
144	}
145	} catch (err) {
146	throw new Error(`Re-sending verification email failed: ${err}`)	×
147	}
148	event.preventDefault()	×
149	return false	×
150	})
151	}
152	}

mozilla / blurts-server / 27dbd455-244c-48ab-8e37-1ece9db5723e

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous