"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "src/app/keyring/components/KeyDetails.js" between
mailvelope-4.2.0.tar.gz and mailvelope-4.2.1.tar.gz

About: Mailvelope is a browser extension offering email encryption with PGP (for Firefox and Chrome).

KeyDetails.js  (mailvelope-4.2.0):KeyDetails.js  (mailvelope-4.2.1)
skipping to change at line 183 skipping to change at line 183
} }
this.cleanUpPwdData(); this.cleanUpPwdData();
} }
render() { render() {
const selectedKey = this.state.keys[this.state.selectedKeyIdx]; const selectedKey = this.state.keys[this.state.selectedKeyIdx];
return ( return (
<div className="keyDetails"> <div className="keyDetails">
<div className="card card-clean"> <div className="card card-clean">
<div className="card-header d-flex align-items-center justify-content- between flex-wrap"> <div className="card-header d-flex align-items-center justify-content- between flex-wrap">
<h3>{l10n.map.keydetails_title}</h3> <h3 className="my-2 my-sm-0">{l10n.map.keydetails_title}</h3>
<KeySelect keys={this.state.keys} selectedKeyIdx={this.state.selecte dKeyIdx} onChange={index => this.handleChangeKey(index)} /> <KeySelect keys={this.state.keys} selectedKeyIdx={this.state.selecte dKeyIdx} onChange={index => this.handleChangeKey(index)} />
</div> </div>
<div className="card-body pb-0"> <div className="card-body pb-0">
<div className="row"> <div className="row">
<div className="col-lg-5"> <div className="col-lg-5">
<dl className="row d-flex align-items-center mb-0"> <dl className="row d-flex align-items-center mb-0">
<dt className="col-md-4 col-xl-3 mb-2 text-nowrap">{l10n.map.k eygrid_validity_status}</dt> <dt className="col-md-4 col-xl-3 mb-2 text-nowrap">{l10n.map.k eygrid_validity_status}</dt>
<dd className="col-md-8 col-xl-9"><KeyStatus status={selectedK ey.status} /></dd> <dd className="col-md-8 col-xl-9"><KeyStatus status={selectedK ey.status} /></dd>
<dt className="col-4 col-xl-3 mb-2 text-nowrap">{l10n.map.keyd etails_creation_date}</dt> <dt className="col-4 col-xl-3 mb-2 text-nowrap">{l10n.map.keyd etails_creation_date}</dt>
<dd className="col-md-8 col-xl-9">{moment(selectedKey.crDate). format('L')}</dd> <dd className="col-md-8 col-xl-9">{moment(selectedKey.crDate). format('L')}</dd>
skipping to change at line 270 skipping to change at line 270
<Modal isOpen={this.state.showPwdModal} toggle={() => this.setState(prev State => ({showPwdModal: !prevState.showPwdModal}))} size="small" title={l10n.ma p.keydetails_change_pwd_dialog_title} hideFooter={true} onHide={this.handleHidde nModal}> <Modal isOpen={this.state.showPwdModal} toggle={() => this.setState(prev State => ({showPwdModal: !prevState.showPwdModal}))} size="small" title={l10n.ma p.keydetails_change_pwd_dialog_title} hideFooter={true} onHide={this.handleHidde nModal}>
<form> <form>
<div className="form-group"> <div className="form-group">
<label htmlFor="passwordCurrent">{l10n.map.keydetails_change_pwd_d ialog_old}</label> <label htmlFor="passwordCurrent">{l10n.map.keydetails_change_pwd_d ialog_old}</label>
<input type="password" onChange={this.handleChange} className={`fo rm-control ${this.state.errors.passwordCurrent ? 'is-invalid' : ''} text-monospa ce`} id="passwordCurrent" /> <input type="password" onChange={this.handleChange} className={`fo rm-control ${this.state.errors.passwordCurrent ? 'is-invalid' : ''} text-monospa ce`} id="passwordCurrent" />
{this.state.errors.passwordCurrent && <div className="invalid-feed back">{l10n.map.pwd_dialog_wrong_pwd}</div>} {this.state.errors.passwordCurrent && <div className="invalid-feed back">{l10n.map.pwd_dialog_wrong_pwd}</div>}
</div> </div>
<DefinePassword value={this.state.password} errors={this.state.error s} onChange={this.handleChange} disabled={this.state.success} /> <DefinePassword value={this.state.password} errors={this.state.error s} onChange={this.handleChange} disabled={this.state.success} />
<div className="row btn-bar"> <div className="row btn-bar">
<div className="col-6"> <div className="col-6">
<button type="button" className="btn btn-secondary" onClick={() => this.setState({showPwdModal: false})}>{l10n.map.dialog_cancel_btn}</button> <button type="button" className="btn btn-secondary btn-block" on Click={() => this.setState({showPwdModal: false})}>{l10n.map.dialog_cancel_btn}< /button>
</div> </div>
<div className="col-6"> <div className="col-6">
<button type="button" onClick={this.validateChangePwd} className ="btn btn-primary">{l10n.map.dialog_save_btn}</button> <button type="button" onClick={this.validateChangePwd} className ="btn btn-primary btn-block">{l10n.map.dialog_save_btn}</button>
</div> </div>
</div> </div>
</form> </form>
</Modal> </Modal>
</div> </div>
); );
} }
} }
KeyDetails.contextType = KeyringOptions; KeyDetails.contextType = KeyringOptions;
 End of changes. 3 change blocks. 
3 lines changed or deleted 3 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)