mirror of
https://github.com/muerwre/orchidmap-front.git
synced 2025-04-25 19:16:41 +07:00
dialogs: now in separated windows
This commit is contained in:
parent
65e549a5af
commit
789a38a1d0
5 changed files with 17 additions and 10 deletions
|
@ -12,8 +12,10 @@ export const AppInfoDialog = () => (
|
||||||
<div className="small gray">
|
<div className="small gray">
|
||||||
версия{' '}
|
версия{' '}
|
||||||
{(APP_INFO.VERSION || 1)}.
|
{(APP_INFO.VERSION || 1)}.
|
||||||
{(APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0)}
|
{(APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0)}.
|
||||||
|
{(APP_INFO.CHANGELOG[APP_INFO.VERSION][APP_INFO.CHANGELOG[APP_INFO.VERSION].length - 1].length - 1 || 0)}
|
||||||
</div>
|
</div>
|
||||||
|
<hr />
|
||||||
<div className="small app-info-list">
|
<div className="small app-info-list">
|
||||||
<div>
|
<div>
|
||||||
Исходный код:{' '}
|
Исходный код:{' '}
|
||||||
|
@ -50,7 +52,7 @@ export const AppInfoDialog = () => (
|
||||||
<div className="app-info-release" key={release}>
|
<div className="app-info-release" key={release}>
|
||||||
<div className="app-info-number">{APP_INFO.CHANGELOG[version].length - y}.</div>
|
<div className="app-info-number">{APP_INFO.CHANGELOG[version].length - y}.</div>
|
||||||
<div className="app-info-build">
|
<div className="app-info-build">
|
||||||
{
|
{
|
||||||
APP_INFO.CHANGELOG[version][y].map((build, z) => (
|
APP_INFO.CHANGELOG[version][y].map((build, z) => (
|
||||||
<div className="app-info-change" key={build}>
|
<div className="app-info-change" key={build}>
|
||||||
<div className="app-info-number">{(z)}.</div>
|
<div className="app-info-number">{(z)}.</div>
|
||||||
|
|
|
@ -19,9 +19,6 @@ export const UserMenu = ({ userLogout, openAppInfoDialog }: Props) => (
|
||||||
<div className="user-panel-item" onClick={openAppInfoDialog}>
|
<div className="user-panel-item" onClick={openAppInfoDialog}>
|
||||||
О редакторе карт
|
О редакторе карт
|
||||||
</div>
|
</div>
|
||||||
<a className="user-panel-item" href="https://github.com/muerwre/orchidMap" target="_blank" rel="noopener noreferrer">
|
|
||||||
Проект на github
|
|
||||||
</a>
|
|
||||||
<div className="user-panel-item" onClick={userLogout}>
|
<div className="user-panel-item" onClick={userLogout}>
|
||||||
Выйти
|
Выйти
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -16,7 +16,9 @@ const LEFT_DIALOGS = {
|
||||||
};
|
};
|
||||||
|
|
||||||
export const LeftDialog = ({ dialog, dialog_active }: Props) => (
|
export const LeftDialog = ({ dialog, dialog_active }: Props) => (
|
||||||
<div className={classnames('dialog', { active: dialog_active })}>
|
Object.keys(LEFT_DIALOGS).map(item => (
|
||||||
{ dialog && LEFT_DIALOGS[dialog] && React.createElement(LEFT_DIALOGS[dialog]) }
|
<div className={classnames('dialog', { active: dialog_active && (dialog === item) })} key={item}>
|
||||||
</div>
|
{ dialog && LEFT_DIALOGS[item] && React.createElement(LEFT_DIALOGS[item]) }
|
||||||
|
</div>
|
||||||
|
))
|
||||||
);
|
);
|
||||||
|
|
|
@ -192,9 +192,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-info-list {
|
.app-info-list {
|
||||||
padding: 10px 0;
|
padding: 5px 0;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
padding: 2.5px 0;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -126,3 +126,9 @@ h2 {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: none;
|
||||||
|
height: 2px;
|
||||||
|
background: rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue