muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

panels: fixed them

Browse source
This commit is contained in:
muerwre 2018-12-07 14:32:35 +07:00
parent d248b679ed
commit b8ba50517b
13 changed files with 171 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/components/dialogs/SaveDialog.jsx
View file

@ -1,5 +1,5 @@
import React from 'react';
import { getUrlData, pushPath } from '$utils/history';
import { getUrlData } from '$utils/history';
import { toTranslit } from '$utils/format';
import { TIPS } from '$constants/tips';
import { MODES } from '$constants/modes';
@ -11,7 +11,8 @@ type Props = {
save_error: String,
save_finished: Boolean,
save_overwriting: Boolean,
save_processing: Boolean,
width: Number,
setMode: Function,
sendSaveRequest: Function,
@ -59,50 +60,50 @@ export class SaveDialog extends React.Component<Props, State> {
render() {
const { title } = this.state;
const { save_error, save_finished, save_overwriting } = this.props;
const { save_error, save_finished, save_overwriting, width } = this.props;
const { host } = getUrlData();
return (
<div className="helper save-helper">
<div className="save-title">
<div className="save-title-input">
<div className="save-title-label">Название</div>
<input type="text" value={title} onChange={this.setTitle} autoFocus readOnly={save_finished} />
</div>
</div>
<div className="save-description">
<div className="save-address-input">
<label className="save-address-label">http://{host}/</label>
<input type="text" value={this.getAddress().substr(0, 32)} onChange={this.setAddress} readOnly={save_finished} />
<div className="control-dialog" style={{ width }}>
<div className="helper save-helper">
<div className="save-title">
<div className="save-title-input">
<div className="save-title-label">Название</div>
<input type="text" value={title} onChange={this.setTitle} autoFocus readOnly={save_finished} />
</div>
</div>
<div className="save-text">
{ save_error || TIPS.SAVE_INFO }
</div>
<div className="save-description">
<div className="save-address-input">
<label className="save-address-label">http://{host}/</label>
<input type="text" value={this.getAddress().substr(0, 32)} onChange={this.setAddress} readOnly={save_finished} />
</div>
<div className="save-buttons">
<div className="save-buttons-text" />
<div>
{ !save_finished &&
<div className="button" onClick={this.cancelSaving}>Отмена</div>
}
{
!save_finished && !save_overwriting &&
<div className="button primary" onClick={this.sendSaveRequest}>Сохранить</div>
}
{
save_overwriting &&
<div className="button danger" onClick={this.forceSaveRequest}>Перезаписать</div>
}
{ save_finished &&
<div className="button success" onClick={this.cancelSaving}>Отлично, спасибо!</div>
}
<div className="save-text">
{ save_error || TIPS.SAVE_INFO }
</div>
<div className="save-buttons">
<div className="save-buttons-text" />
<div>
{ !save_finished &&
<div className="button" onClick={this.cancelSaving}>Отмена</div>
}
{
!save_finished && !save_overwriting &&
<div className="button primary" onClick={this.sendSaveRequest}>Сохранить</div>
}
{
save_overwriting &&
<div className="button danger" onClick={this.forceSaveRequest}>Перезаписать</div>
}
{ save_finished &&
<div className="button success" onClick={this.cancelSaving}>Отлично, спасибо!</div>
}
</div>
</div>
</div>
</div>
</div>
);
}