daxi20/AdGuardHome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added components for web setup

Browse Source
This commit is contained in:
Ildar Kamalov
2019-01-18 20:17:48 +03:00
committed by Eugene Bujak
parent 71259c5f19
commit 5349ec76fd
31 changed files with 1144 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
client/src/install/Setup/Devices.js Normal file
View File

@@ -0,0 +1,68 @@
import React from 'react';
import { Trans } from 'react-i18next';
import Tabs from '../../components/ui/Tabs';
import Icons from '../../components/ui/Icons';
import Controls from './Controls';
const Devices = () => (
<div className="setup__step">
<div className="setup__group">
<div className="setup__subtitle">
<Trans>install_devices_title</Trans>
</div>
<p className="setup__desc">
<Trans>install_devices_desc</Trans>
</p>
<Icons />
<Tabs>
<div label="Router">
<div className="tab__title">
<Trans>install_decices_router</Trans>
</div>
<div className="tab__text">
<Trans>install_decices_router_desc</Trans>
<ol>
<li>
<Trans>install_decices_router_list_1</Trans>
</li>
<li>
<Trans>install_decices_router_list_2</Trans>
</li>
<li>
<Trans>install_decices_router_list_3</Trans>
</li>
</ol>
</div>
</div>
<div label="Windows">
<div className="tab__title">
Windows
</div>
<div className="tab__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti sapiente magnam autem excepturi repellendus, voluptatem officia sint quas nulla maiores velit odit dolore commodi quia reprehenderit vero repudiandae adipisci aliquam.</div>
</div>
<div label="macOS">
<div className="tab__title">
macOS
</div>
<div className="tab__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti sapiente magnam autem excepturi repellendus, voluptatem officia sint quas nulla maiores velit odit dolore commodi quia reprehenderit vero repudiandae adipisci aliquam.</div>
</div>
<div label="Android">
<div className="tab__title">
Android
</div>
<div className="tab__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti sapiente magnam autem excepturi repellendus, voluptatem officia sint quas nulla maiores velit odit dolore commodi quia reprehenderit vero repudiandae adipisci aliquam.</div>
</div>
<div label="iOS">
<div className="tab__title">
iOS
</div>
<div className="tab__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti sapiente magnam autem excepturi repellendus, voluptatem officia sint quas nulla maiores velit odit dolore commodi quia reprehenderit vero repudiandae adipisci aliquam.</div>
</div>
</Tabs>
</div>
<Controls />
</div>
);
export default Devices;