imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Put backup details in a table

Browse source
This commit is contained in:
J. Ryan Stinnett 2020-09-04 14:09:34 +01:00
parent 217f145910
commit 2fbb551035
3 changed files with 36 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/views/settings/_SecureBackupPanel.scss
View file

@ -35,3 +35,15 @@ limitations under the License.
.mx_SecureBackupPanel_buttonRow {
margin: 1em 0;
}
.mx_SecureBackupPanel_statusList {
border-spacing: 0;
td {
padding: 0;
&:first-of-type {
padding-inline-end: 1em;
}
}
}

24
src/components/views/settings/SecureBackupPanel.js
View file

@ -174,6 +174,7 @@ export default class SecureBackupPanel extends React.PureComponent {
} = this.state;
let statusDescription;
let extraDetailsTableRows;
let extraDetails;
let actions;
if (error) {
@ -316,9 +317,18 @@ export default class SecureBackupPanel extends React.PureComponent {
</AccessibleButton>;
}
extraDetailsTableRows = <>
<tr>
<td>{_t("Backup version:")}</td>
<td>{backupInfo.version}</td>
</tr>
<tr>
<td>{_t("Algorithm:")}</td>
<td>{backupInfo.algorithm}</td>
</tr>
</>;
extraDetails = <>
<div>{_t("Backup version: ")}{backupInfo.version}</div>
<div>{_t("Algorithm: ")}{backupInfo.algorithm}</div>
{uploadStatus}
<div>{backupSigStatuses}</div>
<div>{trustedLocally}</div>
@ -359,9 +369,15 @@ export default class SecureBackupPanel extends React.PureComponent {
{statusDescription}
<details>
<summary>{_t("Advanced")}</summary>
<div>{_t("Backup key stored: ")}{
<table className="mx_SecureBackupPanel_statusList"><tbody>
<tr>
<td>{_t("Backup key stored:")}</td>
<td>{
backupKeyStored === true ? _t("in secret storage") : _t("not stored")
}</div>
}</td>
</tr>
{extraDetailsTableRows}
</tbody></table>
{extraDetails}
</details>
{actions}