Changes proposed in this Pull Request
- This PR introduces a vertical nav to show three links for managing a Titan account:
- A link to the embedded console (if that feature is enabled with the
titan/iframe-control-panel
flag) OR the external Titan console (when the feature is not enabled)
- A link to manage the subscription (if we have the subscription ID)
- A link to pay for more mailboxes
- This PR also introduces a standalone component at
titan/manage
to wrap the embedded control panel, as we need a way to signal when we are loading the dedicated management path.
- As a final change, this PR tweaks the way the “Back” button in the Email Management screen determines where it should go back to, as the changes result in additional paths being possible
Note: For now, I haven’t added any styles, as I want some feedback on the core approach first.
Testing instructions
Note 1: The nav section of this feature is currently behind the titan/phase-2
feature flag, but the new titan/manage
path is not protected by that feature flag, as it’s highly unlikely anyone gets to that URL, and it doesn’t expose any new functionality anyway.
Note 2: The PR takes into account the titan/iframe-control-panel
feature flag as well:
- If both this flag and the
titan/phase-2
flags are enabled, the clicking on the Titan nav option for “Manage your email settings and accounts” should load the new titan/manage
page and show the embedded management console.
- If the
titan/iframe-control-panel
flag is disabled, but the titan/phase-2
flag is enabled, clicking on “Manage your email settings and accounts” should immediately launch the external control panel.
- Ensure that you’re working against a sandboxed back end that has Store Sandbox enabled and has the update from D55163-code.
- If you don’t have a domain where you have purchased Titan:
a. Enable the titan/phase-2
feature flag in the UI by adding ?flags=titan/phase-2
to the URL you’re using (either locally or on calypso.live).
b. Purchase Titan for a domain you own.
- Ensure the
titan/phase-2
and titan/iframe-control-panel
flags are enabled.
- For the domain above, navigate to the domain management screen and click on the “Manage your email accounts” option.
- Verify that you see a list containing three links, one for management/configuration, one for billing, and one for adding accounts.
- Confirm that clicking on all three links works and takes you to the correct page. Ensure that clicking the Back button works correctly in all three cases. (Note that you should see the iframed control panel.)
- Disable the
titan/iframe-control-panel
flag and keep the titan/phase-2
flag enabled. (You can do this by adding ?flags=titan/phase-2,-titan/iframe-control-panel
to the URL.)
- Repeat steps 4-6, and verify that you’re launched into the full management console for that link.
- Disable both flags. (You can add
?flags=-titan/phase-2,-titan/iframe-control-panel
to the URL to make this happen.)
- Repeat step 4.
- You should be taken to a page showing a basic description and a button to log into the control panel.
- Enable
titan/iframe-control-panel
and disable titan/phase-2
.
- Repeat step 4.
- You should be taken to a page that loads the embedded management console.
And then repeat these steps (especially those involving navigation) starting from the all domains view.
Unfortunately, no screenshots were provided by the developer.