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

changelog: dialog for changelog

Browse source
This commit is contained in:
muerwre 2018-12-07 17:38:49 +07:00
parent b719b3f1a2
commit 65e549a5af
12 changed files with 218 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/components/dialogs/AppInfoDialog.jsx Normal file
View file

@ -0,0 +1,74 @@
// @flow
import React from 'react';
import { Scroll } from '$components/Scroll';
import { APP_INFO } from '$constants/app_info';
export const AppInfoDialog = () => (
<div className="dialog-content">
<div className="dialog-head">
<div className="dialog-head-title">
Orchid Map
</div>
<div className="small gray">
версия{' '}
{(APP_INFO.VERSION || 1)}.
{(APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0)}
</div>
<div className="small app-info-list">
<div>
Исходный код:{' '}
<a href="//github.com/muerwre/orchidMap" target="_blank">github.com/muerwre/orchidMap</a>
</div>
</div>
<div className="small app-info-list">
<div>
Frontend:{' '}
<a href="//reactjs.org/" target="_blank">ReactJS</a>,{' '}
<a href="//leafletjs.com" target="_blank">Leaflet</a>,{' '}
<a href="//www.liedman.net/leaflet-routing-machine/" target="_blank">Leaflet Routing Machine</a>{' '}
</div>
<div>
Backend:{' '}
<a href="//project-osrm.org/" target="_blank">OSRM</a>,{' '}
<a href="//nodejs.org/" target="_blank">NodeJS</a>,{' '}
<a href="//expressjs.com/" target="_blank">ExpressJS</a>,{' '}
<a href="//mongodb.com/" target="_blank">MongoDB</a>
</div>
</div>
</div>
<Scroll className="dialog-shader">
<div>
<div className="app-info-changelog">
<h2>История изменений</h2>
{
[...Object.keys(APP_INFO.CHANGELOG)].reverse().map((version, i) => (
<div className="app-info-changelog-item" key={version}>
<div className="app-info-number">{version}.</div>
<div className="app-info-version">
{
APP_INFO.CHANGELOG[version].map((release, y) => (
<div className="app-info-release" key={release}>
<div className="app-info-number">{APP_INFO.CHANGELOG[version].length - y}.</div>
<div className="app-info-build">
{
APP_INFO.CHANGELOG[version][y].map((build, z) => (
<div className="app-info-change" key={build}>
<div className="app-info-number">{(z)}.</div>
<span>{APP_INFO.CHANGELOG[version][y][z]}</span>
</div>
))
}
</div>
</div>
))
}
</div>
</div>
))
}
</div>
</div>
</Scroll>
</div>
);