Bump v5.0.1

New channel bandwidth & Natural Sort of options

Closes reforis#200

See merge request turris/reforis/foris-js!118

.weblate

@@ -0,0 +1,3 @@
+[weblate]
+url = https://hosted.weblate.org/api/
+translation = turris/foris-js

Makefile

@@ -35,11 +35,6 @@ $(VENV_NAME)/bin/activate:
 install-js: package.json
 	npm install --save-dev
 
-watch-js:
-	npm run build:watch
-build-js:
-	npm run build
-
 collect-files:
 	sh scripts/collect_files.sh
 pack: collect-files
@@ -51,6 +46,8 @@ publish-latest: collect-files
 
 lint:
 	npm run lint
+lint-js-fix:
+	npm run lint:fix
 
 test:
 	npm test

README.md

@@ -16,3 +16,29 @@ tagged `beta`. Versions names are based on commit SHA, e.g.
 unnecessary version
 3. Create a merge request from `dev` to `master` branch
 4. New version should be published automatically
+
+## Manually managed dependencies
+Because of `<ForisForm />` component it's required to use exposed `ReactRouterDOM`
+object from `react-router-dom` library. `ReactRouterDOM` is exposed by
+[reForis](https://gitlab.labs.nic.cz/turris/reforis/reforis/blob/master/js/webpack.config.js).
+It can be done by following steps:
+ 
+1. Setting `react-router-dom` as `peerDependencies` and `devDependencies` in `package.json`.
+2. Adding the following rules to `externals` in `webpack.conf.js` of the plugin:
+
+```js
+externals: {
+    ...
+    "react-router-dom": "ReactRouterDOM",
+}
+```
+
+### Docs
+Build or watch docs to get more info about library:
+```bash
+make docs
+```
+or
+```bash
+make docs-watch
+```

babel.config.js

@@ -5,21 +5,5 @@ module.exports = {
     ],
     plugins: [
         "@babel/plugin-transform-runtime",
-        "@babel/plugin-syntax-export-default-from",
-        ["module-resolver", {
-            root: ["./src"],
-            alias: {
-                test: "./test",
-                underscore: "lodash",
-            },
-        }],
     ],
-    env: {
-        development: {
-            ignore: ["**/__tests__/**", "**/__mocks__/**"],
-        },
-        test: {
-            ignore: [],
-        },
-    },
 };

docs/development.md

@@ -0,0 +1,22 @@
+Sooner or later you will face with situation when you want/need to make some changes in the library.
+Then the most important tool for you it's [`npm link`](https://docs.npmjs.com/cli/link).
+
+Please, notice that it will not work if you link library just from root of the repo. It happens due to location of 
+sources `./src`. You need to pack library first `make pack` and then link it from `./dist` directory.
+
+Yeah it's not such comfortable solution for development. But it can fixed by writing small script similar as `make pack`
+but with linking every file and directory from `./src` to the some directory and linking then from it. Notice that you
+need to link `package.json` and `package-lock.json` as well.
+
+So step by step:
+
+```bash
+make pack;
+cd dist;
+npm link;
+
+cd $project_dir/js # Navigate to JS directory of the project where you want to link the library
+npm link foris
+```
+
+And that's it ;)

docs/intro.md

@@ -1 +1,4 @@
-Foris JS library is set of componets and utils for Foris JS application and plugins.
+Foris JS library is set of components and utils for Foris JS application and plugins.
+
+Please notice that all of these components or utils are used in reForis and plugins. If you like to study by example I would
+recommend to full-text search these repos.

jest.config.js

@@ -12,10 +12,13 @@ module.exports = {
         "<rootDir>/src/testUtils",
         "<rootDir>/src/",
     ],
+    moduleNameMapper: {
+        "\\.(css|less)$": "<rootDir>/src/__mocks__/styleMock.js",
+    },
     clearMocks: true,
     collectCoverageFrom: ["src/**/*.{js,jsx}"],
     coverageDirectory: "coverage",
-    testPathIgnorePatterns: ["/node_modules/", "/__fixtures__/"],
+    testPathIgnorePatterns: ["/node_modules/", "/__fixtures__/", "/dist/"],
     verbose: false,
     setupFilesAfterEnv: [
         "@testing-library/react/cleanup-after-each",
@@ -24,8 +27,7 @@ module.exports = {
     globals: {
         TZ: "utc",
     },
-    transform: {
-        "^.+\\.js$": "babel-jest",
-        "^.+\\.css$": "jest-transform-css",
-    },
+    transformIgnorePatterns: [
+        "node_modules/(?!(react-datetime)/)",
+    ],
 };

package.json

@@ -1,70 +1,63 @@
 {
   "name": "foris",
-  "version": "2.0.0",
+  "version": "5.0.1",
   "description": "Set of components and utils for Foris and its plugins.",
   "author": "CZ.NIC, z.s.p.o.",
   "repository": {
     "type": "git",
-    "url": "https://gitlab.labs.nic.cz/turris/reforis/forisjs.git"
+    "url": "https://gitlab.labs.nic.cz/turris/reforis/foris-js.git"
   },
   "keywords": [
     "foris",
     "reforis"
   ],
   "license": "GPL-3.0",
-  "main": "index.js",
+  "main": "./src/index.js",
   "dependencies": {
-    "axios": "^0.19.0",
-    "jest-transform-css": "^2.0.0",
+    "axios": "^0.19.2",
+    "immutability-helper": "3.0.1",
     "moment": "^2.24.0",
-    "moment-timezone": "^0.5.25",
-    "prop-types": "^15.7.2",
+    "qrcode.react": "^0.9.3",
     "react-datetime": "^2.16.3",
-    "react-router": "^5.0.1",
     "react-uid": "^2.2.0"
   },
   "peerDependencies": {
-    "immutability-helper": "3.0.1",
-    "react": "16.9.0",
-    "react-dom": "16.9.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.4.4",
-    "@babel/core": "^7.4.5",
-    "@babel/plugin-proposal-class-properties": "^7.4.4",
-    "@babel/plugin-syntax-export-default-from": "^7.2.0",
-    "@babel/plugin-transform-runtime": "^7.4.4",
-    "@babel/preset-env": "^7.4.5",
-    "@babel/preset-react": "^7.0.0",
-    "@fortawesome/fontawesome-free": "^5.11.2",
-    "@testing-library/react": "^8.0.9",
-    "babel-jest": "^24.8.0",
-    "babel-loader": "^8.0.6",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "babel-plugin-react-transform": "^3.0.0",
-    "babel-polyfill": "^6.26.0",
-    "bootstrap": "^4.3.1",
-    "copy-webpack-plugin": "^5.0.4",
-    "css-loader": "^3.2.0",
-    "eslint": "^6.1.0",
-    "eslint-config-reforis": "^1.0.0",
-    "file-loader": "^4.2.0",
-    "immutability-helper": "3.0.1",
-    "jest": "^24.8.0",
-    "jest-mock-axios": "^3.0.0",
-    "moment": "^2.24.0",
-    "moment-timezone": "^0.5.25",
+    "bootstrap": "4.4.1",
+    "prop-types": "15.7.2",
     "react": "16.9.0",
     "react-dom": "16.9.0",
-    "react-styleguidist": "^9.1.16",
-    "snapshot-diff": "^0.5.1",
-    "style-loader": "^1.0.0",
-    "webpack": "^4.41.0"
+    "react-router-dom": "^5.1.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-transform-runtime": "^7.9.0",
+    "@babel/preset-env": "^7.9.0",
+    "@babel/preset-react": "^7.9.4",
+    "@fortawesome/fontawesome-free": "^5.13.0",
+    "@testing-library/react": "^8.0.9",
+    "babel-loader": "^8.1.0",
+    "babel-polyfill": "^6.26.0",
+    "bootstrap": "^4.5.0",
+    "css-loader": "^3.5.3",
+    "eslint": "^6.8.0",
+    "eslint-config-reforis": "^1.0.0",
+    "file-loader": "^6.0.0",
+    "jest": "^25.2.0",
+    "jest-mock-axios": "^3.2.0",
+    "moment-timezone": "^0.5.28",
+    "prop-types": "15.7.2",
+    "react": "16.9.0",
+    "react-dom": "16.9.0",
+    "react-router-dom": "^5.1.2",
+    "react-styleguidist": "^10.6.2",
+    "snapshot-diff": "^0.7.0",
+    "style-loader": "^1.2.1",
+    "webpack": "^4.43.0"
   },
   "scripts": {
-    "build": "rm -rf dist; babel src --out-dir dist --source-maps inline --copy-files",
-    "build:watch": "babel src --verbose --watch --out-dir dist --source-maps inline --copy-files",
     "lint": "eslint src",
+    "lint:fix": "eslint --fix src",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage --colors",

scripts/collect_files.sh

@@ -1,9 +1,13 @@
 #!/bin/sh
 
 # Collect files
-npm run build
-cp package.json README.md dist
+mkdir -p dist
+cp -rf ./src/* dist
+cp package.json package-lock.json README.md dist
+sed -i 's/\/src//g' dist/package.json # remove ./src from main js file path
+
 cp -rf translations dist
+
 # Remove unwanted files
-rm -rf dist/**/__tests__
+find dist -type d -name __tests__ -exec rm -r {} +
 rm -rf dist/__mocks__

src/__mocks__/styleMock.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+module.exports = {};

src/alertContext/AlertContext.js

@@ -8,8 +8,8 @@
 import React, { useState, useContext, useCallback } from "react";
 import PropTypes from "prop-types";
 
-import { Alert, ALERT_TYPES } from "bootstrap/Alert";
-import { Portal } from "utils/Portal";
+import { Alert, ALERT_TYPES } from "../bootstrap/Alert";
+import { Portal } from "../utils/Portal";
 
 AlertContextProvider.propTypes = {
     children: PropTypes.oneOfType([

src/alertContext/AlertContext.md

@@ -0,0 +1,4 @@
+It provides alert context to children. `AlertContext` allows using `useAlert` in components.
+
+Notice that `<div id="alert-container"/>` should be presented in HTML doc to get it work (In reForis it's already done
+with base Jinja2 templates).

src/alertContext/__tests__/AlertContext.test.js

@@ -6,7 +6,9 @@
  */
 
 import React from "react";
-import { render, getByText, queryByText, fireEvent } from "customTestRender";
+import {
+    render, getByText, queryByText, fireEvent,
+} from "customTestRender";
 
 import { useAlert, AlertContextProvider } from "../AlertContext";
 
@@ -20,7 +22,7 @@ function AlertTest() {
             <button onClick={dismissAlert}>Dismiss alert</button>
         </>
     );
-};
+}
 
 describe("AlertContext", () => {
     let componentContainer;
@@ -29,7 +31,7 @@ describe("AlertContext", () => {
         const { container } = render(
             <AlertContextProvider>
                 <AlertTest />
-            </AlertContextProvider>
+            </AlertContextProvider>,
         );
         componentContainer = container;
     });

src/api/hooks.js

@@ -9,7 +9,7 @@ import {
     useCallback, useEffect, useReducer, useState,
 } from "react";
 
-import { ForisURLs } from "forisUrls";
+import { ForisURLs } from "../utils/forisUrls";
 import {
     API_ACTIONS, API_METHODS, API_STATE, getErrorPayload, HEADERS, TIMEOUT,
 } from "./utils";
@@ -53,10 +53,11 @@ function createAPIHook(method) {
                     payload: result.data,
                 });
             } catch (error) {
+                const errorPayload = getErrorPayload(error);
                 dispatch({
                     type: API_ACTIONS.FAILURE,
                     status: error.response && error.response.status,
-                    payload: getErrorPayload(error),
+                    payload: errorPayload,
                 });
             }
         }, [urlRoot, contentType]);
@@ -80,6 +81,12 @@ function APIReducer(state, action) {
         if (action.status === 403) {
             window.location.assign(ForisURLs.login);
         }
+
+        // Not an API error - should be rethrown.
+        if (action.payload && action.payload.stack && action.payload.message) {
+            throw (action.payload);
+        }
+
         return {
             state: API_STATE.ERROR,
             data: action.payload,

src/api/utils.js

@@ -13,7 +13,7 @@ export const HEADERS = {
     "X-CSRFToken": getCookie("_csrf_token"),
 };
 
-export const TIMEOUT = 5000;
+export const TIMEOUT = 30500;
 
 export const API_ACTIONS = {
     INIT: 1,
@@ -65,9 +65,8 @@ export function getErrorPayload(error) {
     if (error.request) {
         return _("No response received.");
     }
-    /* eslint no-console: "off" */
-    console.error(error);
-    return _("An unknown error occurred. Check the console for more info.");
+    // Return original error because it's not directly related to API request/response.
+    return error;
 }
 
 export function getJSONErrorMessage(error) {

src/bootstrap/Alert.md

@@ -1,4 +1,5 @@
 Bootstrap alert component.
+
 ```jsx
 import {useState} from 'react';
 
@@ -7,14 +8,14 @@ function AlertExample(){
     if (alert)
         return <Alert 
             type='warning' 
-            message='Some warning out there!' 
             onDismiss={()=>setAlert(false)}
-        />;
+        >
+            Some warning out there!        
+        </Alert>;
     return <button 
         className='btn btn-secondary' 
         onClick={()=>setAlert(true)}
     >Show alert again</button>;
 };
 <AlertExample/>
-
 ```

src/bootstrap/Button.js

@@ -8,11 +8,6 @@
 import React from "react";
 import PropTypes from "prop-types";
 
-const OFFSET = 8;
-const SIZE = 3;
-const SIZE_CLASS = ` offset-lg-${OFFSET} col-lg-${SIZE}`;
-const SIZE_CLASS_SM = " col-sm-12";
-
 Button.propTypes = {
     /** Additional class name. */
     className: PropTypes.string,
@@ -32,14 +27,16 @@ Button.propTypes = {
 export function Button({
     className, loading, forisFormSize, children, ...props
 }) {
-    className = className ? `btn ${className}` : "btn btn-primary ";
-    if (forisFormSize) className += SIZE_CLASS + SIZE_CLASS_SM;
+    let buttonClass = className ? `btn ${className}` : "btn btn-primary ";
+    if (forisFormSize) {
+        buttonClass = `${buttonClass} col-sm-12 col-lg-3`;
+    }
 
     const span = loading
         ? <span className="spinner-border spinner-border-sm" role="status" aria-hidden="true" /> : null;
 
     return (
-        <button type="button" className={className} {...props}>
+        <button type="button" className={buttonClass} {...props}>
             {span}
             {" "}
             {span ? " " : null}

src/bootstrap/CheckBox.js

@@ -9,30 +9,25 @@ import React from "react";
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";
 
-import { formFieldsSize } from "./constants";
-
 CheckBox.propTypes = {
     /** Label message */
     label: PropTypes.string.isRequired,
     /** Help text message */
     helpText: PropTypes.string,
-    /** Apply default size (full-width) */
-    useDefaultSize: PropTypes.bool,
     /** Control if checkbox is clickable */
     disabled: PropTypes.bool,
 };
 
 CheckBox.defaultProps = {
-    useDefaultSize: true,
     disabled: false,
 };
 
 export function CheckBox({
-    label, helpText, useDefaultSize, disabled, ...props
+    label, helpText, disabled, ...props
 }) {
     const uid = useUID();
     return (
-        <div className={`form-group ${useDefaultSize ? formFieldsSize : ""}`.trim()}>
+        <div className="form-group">
             <div className="custom-control custom-checkbox ">
                 <input
                     className="custom-control-input"

src/bootstrap/DataTimeInput.css

@@ -0,0 +1,4 @@
+/* Override defaults from "react-datetime" - display picker above input */
+.rdtPicker {
+    bottom: 0;
+}

src/bootstrap/DataTimeInput.js

@@ -10,6 +10,7 @@ import PropTypes from "prop-types";
 import Datetime from "react-datetime/DateTime";
 import moment from "moment/moment";
 import "react-datetime/css/react-datetime.css";
+import "./DataTimeInput.css";
 
 import { Input } from "./Input";
 

src/bootstrap/EmailInput.js

@@ -6,8 +6,8 @@
  */
 
 import React from "react";
-
 import PropTypes from "prop-types";
+
 import { Input } from "./Input";
 
 export const EmailInput = ({ ...props }) => <Input type="email" {...props} />;

src/bootstrap/FileInput.js

@@ -19,6 +19,8 @@ FileInput.propTypes = {
     helpText: PropTypes.string,
     /** Email value. */
     value: PropTypes.string,
+    /** Allow selecting multiple files. */
+    multiple: PropTypes.bool,
 };
 
 export function FileInput({ ...props }) {

src/bootstrap/FileInput.md

@@ -3,13 +3,39 @@ Bootstrap component for file input. Includes label and has predefined sizes and
 All additional `props` are passed to the `<input type="file">` HTML component.
 
 ```js
-import {useState} from 'react';
+import { useState } from 'react';
+
 const [files, setFiles] = useState([]);
 
-<FileInput
-    files={files}
-    label="Some file"
-    helpText="Will be uploaded"
-    onChange={event =>setFiles(event.target.files)}
-/>
+// Note that files is not an array but FileList.
+const label = files.length === 1 ? files[0].name : "Choose file";
+
+<form className="col">
+    <FileInput
+        files={files}
+        label={label}
+        helpText="Will be uploaded"
+        onChange={event=>setFiles(event.target.files)}
+    />
+</form>
+```
+
+### FileInput with multiple files
+```js
+import { useState } from 'react';
+
+const [files, setFiles] = useState([]);
+
+// Note that files is not an array but FileList.
+const label = files.length > 0 ? Array.from(files).map(file=>file.name).join(", ") : "Choose files";
+
+<form className="col">
+    <FileInput
+        files={files}
+        label={label}
+        helpText="Will be uploaded"
+        onChange={event=>setFiles(event.target.files)}
+        multiple
+    />
+</form>
 ```

src/bootstrap/Input.js

@@ -9,8 +9,6 @@ import React from "react";
 import { useUID } from "react-uid";
 import PropTypes from "prop-types";
 
-import { formFieldsSize } from "./constants";
-
 Input.propTypes = {
     type: PropTypes.string.isRequired,
     label: PropTypes.string.isRequired,
@@ -32,7 +30,7 @@ export function Input({
     const uid = useUID();
     const inputClassName = `form-control ${className || ""} ${(error ? "is-invalid" : "")}`.trim();
     return (
-        <div className={`form-group ${formFieldsSize}`}>
+        <div className="form-group">
             <label className={labelClassName} htmlFor={uid}>{label}</label>
             <div className={`input-group ${groupClassName || ""}`.trim()}>
                 <input

src/bootstrap/Modal.css

@@ -0,0 +1,15 @@
+@keyframes modalFade {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.modal.show {
+    display: block;
+    animation-name: modalFade;
+    animation-duration: .3s;
+    background: rgba(0, 0, 0, 0.2);
+}

src/bootstrap/Modal.js

@@ -5,16 +5,19 @@
  * See /LICENSE for more information.
  */
 
-import React, { useEffect, useRef } from "react";
+import React, { useRef } from "react";
 import PropTypes from "prop-types";
 
-import { Portal } from "utils/Portal";
+import { Portal } from "../utils/Portal";
+import { useClickOutside } from "../utils/hooks";
+import "./Modal.css";
 
 Modal.propTypes = {
     /** Is modal shown value */
     shown: PropTypes.bool.isRequired,
     /** Callback to manage modal visibility */
     setShown: PropTypes.func.isRequired,
+    scrollable: PropTypes.bool,
 
     /** Modal content use following: `ModalHeader`, `ModalBody`, `ModalFooter` */
     children: PropTypes.oneOfType([
@@ -23,24 +26,21 @@ Modal.propTypes = {
     ]).isRequired,
 };
 
-export function Modal({ shown, setShown, children }) {
+export function Modal({
+    shown, setShown, scrollable, children,
+}) {
     const dialogRef = useRef();
 
-    useEffect(() => {
-        function handleClickOutsideDialog(e) {
-            if (!dialogRef.current.contains(e.target)) setShown(false);
-        }
-
-        document.addEventListener("mousedown", handleClickOutsideDialog);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutsideDialog);
-        };
-    }, [setShown]);
+    useClickOutside(dialogRef, () => setShown(false));
 
     return (
         <Portal containerId="modal-container">
             <div className={`modal fade ${shown ? "show" : ""}`} role="dialog">
-                <div ref={dialogRef} className="modal-dialog modal-dialog-centered" role="document">
+                <div
+                    ref={dialogRef}
+                    className={`modal-dialog modal-dialog-centered${scrollable ? " modal-dialog-scrollable" : ""}`}
+                    role="document"
+                >
                     <div className="modal-content">
                         {children}
                     </div>

src/bootstrap/Modal.md

@@ -6,8 +6,6 @@ it's required to have an element `<div id={"modal-container"}/>` somewhere on th
     <div id="modal-container"/>
 ```
 
-I have no idea why example doesn't work here but you can investigate HTML code and Foris project.
-
 ```js
 import {ModalHeader, ModalBody, ModalFooter} from './Modal';
 

src/bootstrap/NumberInput.js

@@ -8,7 +8,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 
-import { useConditionalTimeout } from "utils/hooks";
+import { useConditionalTimeout } from "../utils/hooks";
 import { Input } from "./Input";
 import "./NumberInput.css";
 

src/bootstrap/RadioSet.js

@@ -9,8 +9,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";
 
-import { formFieldsSize } from "./constants";
-
 RadioSet.propTypes = {
     /** Name attribute of the input HTML tag. */
     name: PropTypes.string.isRequired,
@@ -19,7 +17,12 @@ RadioSet.propTypes = {
     /** Choices . */
     choices: PropTypes.arrayOf(PropTypes.shape({
         /** Choice lable . */
-        label: PropTypes.string.isRequired,
+        label: PropTypes.oneOfType([
+            PropTypes.string,
+            PropTypes.element,
+            PropTypes.node,
+            PropTypes.arrayOf(PropTypes.node),
+        ]).isRequired,
         /** Choice value . */
         value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
     })).isRequired,
@@ -51,7 +54,7 @@ export function RadioSet({
     });
 
     return (
-        <div className={`form-group ${formFieldsSize}`}>
+        <div className="form-group">
             {label && <label htmlFor={uid} className="d-block">{label}</label>}
             {radios}
             {helpText && <small className="form-text text-muted">{helpText}</small>}
@@ -60,12 +63,17 @@ export function RadioSet({
 }
 
 Radio.propTypes = {
-    label: PropTypes.string.isRequired,
+    label: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.element,
+        PropTypes.node,
+        PropTypes.arrayOf(PropTypes.node),
+    ]).isRequired,
     id: PropTypes.string.isRequired,
     helpText: PropTypes.string,
 };
 
-function Radio({
+export function Radio({
     label, id, helpText, ...props
 }) {
     return (

src/bootstrap/Select.js

@@ -28,12 +28,13 @@ export function Select({
 }) {
     const uid = useUID();
 
-    const options = Object.keys(choices).map(
+    const options = Object.keys(choices).sort(
+        (a, b) => a - b || a.toString().localeCompare(b.toString()),
+    ).map(
         (key) => <option key={key} value={key}>{choices[key]}</option>,
     );
-
     return (
-        <div className="form-group col-sm-12 offset-lg-1 col-lg-10">
+        <div className="form-group">
             <label htmlFor={uid}>{label}</label>
             <select
                 className="custom-select"

src/bootstrap/Spinner.css

@@ -0,0 +1,33 @@
+.spinner-wrapper .spinner-border {
+    width: 4rem;
+    height: 4rem;
+    color: #00a2e2;
+}
+
+.spinner-fs-background {
+    background-color: rgba(2, 2, 2, .5);
+    color: rgb(230, 230, 230);
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    /*
+     * Set to high value to me sure that it always overlaps all components
+     * https://getbootstrap.com/docs/4.3/layout/overview/#z-index
+     */
+    z-index: 1100;
+}
+
+.spinner-fs-wrapper .spinner-border {
+    width: 6rem;
+    height: 6rem;
+}
+
+.spinner-fs-wrapper .spinner-text {
+    margin: 1rem;
+}

src/bootstrap/Spinner.js

@@ -8,6 +8,8 @@
 import React from "react";
 import PropTypes from "prop-types";
 
+import "./Spinner.css";
+
 Spinner.propTypes = {
     /** Children components put into `div` with "spinner-text" class. */
     children: PropTypes.oneOfType([

src/bootstrap/__tests__/Button.test.js

@@ -25,7 +25,7 @@ describe("<Button />", () => {
     });
 
     it("Render button with spinner", () => {
-        const { container } = render(<Button loading={true}>Test Button</Button>);
+        const { container } = render(<Button loading>Test Button</Button>);
         expect(container.firstChild)
             .toMatchSnapshot();
     });

src/bootstrap/__tests__/CheckBox.test.js

@@ -20,7 +20,7 @@ describe("<Checkbox/>", () => {
                 helpText="Some help text"
                 onChange={() => {
                 }}
-            />
+            />,
         );
         expect(container.firstChild)
             .toMatchSnapshot();
@@ -31,7 +31,7 @@ describe("<Checkbox/>", () => {
             <CheckBox
                 label="Test label"
                 helpText="Some help text"
-            />
+            />,
         );
         expect(container.firstChild)
             .toMatchSnapshot();

src/bootstrap/__tests__/NumberInput.test.js

@@ -7,7 +7,9 @@
 
 import React from "react";
 
-import { render, fireEvent, getByLabelText, wait } from "customTestRender";
+import {
+    render, fireEvent, getByLabelText, wait,
+} from "customTestRender";
 
 import { NumberInput } from "../NumberInput";
 
@@ -22,7 +24,7 @@ describe("<NumberInput/>", () => {
                 helpText="Some help text"
                 value={1}
                 onChange={onChangeMock}
-            />
+            />,
         );
         componentContainer = container;
     });
@@ -34,12 +36,12 @@ describe("<NumberInput/>", () => {
     it("Increase number with button", async () => {
         const increaseButton = getByLabelText(componentContainer, "Increase");
         fireEvent.mouseDown(increaseButton);
-        await wait(() => expect(onChangeMock).toHaveBeenCalledWith({"target": {"value": 2}}));
+        await wait(() => expect(onChangeMock).toHaveBeenCalledWith({ target: { value: 2 } }));
     });
 
     it("Decrease number with button", async () => {
         const decreaseButton = getByLabelText(componentContainer, "Decrease");
         fireEvent.mouseDown(decreaseButton);
-        await wait(() => expect(onChangeMock).toHaveBeenCalledWith({"target": {"value": 0}}));
+        await wait(() => expect(onChangeMock).toHaveBeenCalledWith({ target: { value: 0 } }));
     });
 });

src/bootstrap/__tests__/PasswordInput.test.js

@@ -20,7 +20,7 @@ describe("<PasswordInput/>", () => {
                 value="Some password"
                 onChange={() => {
                 }}
-            />
+            />,
         );
         expect(container.firstChild)
             .toMatchSnapshot();

src/bootstrap/__tests__/RadioSet.test.js

@@ -14,30 +14,30 @@ import { RadioSet } from "../RadioSet";
 const TEST_CHOICES = [
     {
         label: "label",
-        value: "value"
+        value: "value",
     },
     {
         label: "another label",
-        value: "another value"
+        value: "another value",
     },
     {
         label: "another one  label",
-        value: "another on value"
-    }
+        value: "another on value",
+    },
 ];
 
 describe("<RadioSet/>", () => {
     it("Render radio set", () => {
         const { container } = render(
             <RadioSet
-                name={"test_name"}
-                label='Radios set label'
-                value='value'
+                name="test_name"
+                label="Radios set label"
+                value="value"
                 choices={TEST_CHOICES}
-                helpText={"Some help text"}
+                helpText="Some help text"
                 onChange={() => {
                 }}
-            />
+            />,
         );
         expect(container.firstChild)
             .toMatchSnapshot();

src/bootstrap/__tests__/Select.test.js

@@ -7,29 +7,31 @@
 
 import React from "react";
 
-import { fireEvent, getByDisplayValue, getByText, render } from "customTestRender";
+import {
+    fireEvent, getByDisplayValue, getByText, render,
+} from "customTestRender";
 
 import { Select } from "../Select";
 
 const TEST_CHOICES = {
-    "1": "one",
-    "2": "two",
-    "3": "three",
+    1: "one",
+    2: "two",
+    3: "three",
 };
 
 describe("<Select/>", () => {
-    var selectContainer;
+    let selectContainer;
     const onChangeHandler = jest.fn();
     beforeEach(() => {
         const { container } = render(
             <Select
-                label='Test label'
-                value='1'
+                label="Test label"
+                value="1"
                 choices={TEST_CHOICES}
-                helpText='Help text'
+                helpText="Help text"
 
                 onChange={onChangeHandler}
-            />
+            />,
         );
         selectContainer = container;
     });

src/bootstrap/__tests__/TextInput.test.js

@@ -20,7 +20,7 @@ describe("<TextInput/>", () => {
                 value="Some text"
                 onChange={() => {
                 }}
-            />
+            />,
         );
         expect(container.firstChild)
             .toMatchSnapshot();

src/bootstrap/__tests__/__snapshots__/CheckBox.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<Checkbox/> Render checkbox 1`] = `
 <div
-  class="form-group col-sm-12 offset-lg-1 col-lg-10"
+  class="form-group"
 >
   <div
     class="custom-control custom-checkbox "
@@ -30,7 +30,7 @@ exports[`<Checkbox/> Render checkbox 1`] = `
 
 exports[`<Checkbox/> Render uncheked checkbox 1`] = `
 <div
-  class="form-group col-sm-12 offset-lg-1 col-lg-10"
+  class="form-group"
 >
   <div
     class="custom-control custom-checkbox "

src/bootstrap/__tests__/__snapshots__/NumberInput.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<NumberInput/> Render number input 1`] = `
 <div
-  class="form-group col-sm-12 offset-lg-1 col-lg-10"
+  class="form-group"
 >
   <label
     for="1"

src/bootstrap/__tests__/__snapshots__/PasswordInput.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<PasswordInput/> Render password input 1`] = `
 <div
-  class="form-group col-sm-12 offset-lg-1 col-lg-10"
+  class="form-group"
 >
   <label
     for="1"

src/bootstrap/__tests__/__snapshots__/RadioSet.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<RadioSet/> Render radio set 1`] = `
 <div
-  class="form-group col-sm-12 offset-lg-1 col-lg-10"
+  class="form-group"
 >
   <label
     class="d-block"

src/bootstrap/__tests__/__snapshots__/Select.test.js.snap

@@ -3,7 +3,7 @@
 exports[`<Select/> Test with snapshot. 1`] = `
 <div>
   <div
-    class="form-group col-sm-12 offset-lg-1 col-lg-10"
+    class="form-group"
   >
     <label
       for="1"

src/bootstrap/__tests__/__snapshots__/TextInput.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<TextInput/> Render text input 1`] = `
 <div
-  class="form-group col-sm-12 offset-lg-1 col-lg-10"
+  class="form-group"
 >
   <label
     for="1"

src/bootstrap/constants.js

@@ -7,4 +7,4 @@
 
 /** Bootstrap column size for form fields */
 // eslint-disable-next-line import/prefer-default-export
-export const formFieldsSize = "col-sm-12 offset-lg-1 col-lg-10";
+export const formFieldsSize = "col-sm-12 offset-lg-1 col-lg-10 p-0 mb-3";

src/common/RebootButton.js

@@ -8,15 +8,15 @@
 import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 
-import { useAPIPost } from "api/hooks";
-import { API_STATE } from "api/utils";
-import { ForisURLs } from "forisUrls";
+import { useAPIPost } from "../api/hooks";
+import { API_STATE } from "../api/utils";
+import { ForisURLs } from "../utils/forisUrls";
 
-import { Button } from "bootstrap/Button";
+import { Button } from "../bootstrap/Button";
 import {
     Modal, ModalHeader, ModalBody, ModalFooter,
-} from "bootstrap/Modal";
-import { useAlert } from "alertContext/AlertContext";
+} from "../bootstrap/Modal";
+import { useAlert } from "../alertContext/AlertContext";
 
 RebootButton.propTypes = {
     forisFormSize: PropTypes.bool,

src/common/WiFiSettings/ResetWiFiSettings.js

@@ -0,0 +1,74 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+
+import { Button } from "../../bootstrap/Button";
+import { useAlert } from "../../alertContext/AlertContext";
+import { ALERT_TYPES } from "../../bootstrap/Alert";
+import { useAPIPost } from "../../api/hooks";
+import { API_STATE } from "../../api/utils";
+import { formFieldsSize } from "../../bootstrap/constants";
+
+ResetWiFiSettings.propTypes = {
+    ws: PropTypes.object.isRequired,
+    endpoint: PropTypes.string.isRequired,
+};
+
+export default function ResetWiFiSettings({ ws, endpoint }) {
+    const [isLoading, setIsLoading] = useState(false);
+
+    useEffect(() => {
+        const module = "wifi";
+        ws.subscribe(module)
+            .bind(module, "reset", () => {
+                // eslint-disable-next-line no-restricted-globals
+                setTimeout(() => location.reload(), 1000);
+            });
+    }, [ws]);
+
+    const [postResetResponse, postReset] = useAPIPost(endpoint);
+    const [setAlert, dismissAlert] = useAlert();
+    useEffect(() => {
+        if (postResetResponse.state === API_STATE.ERROR) {
+            setAlert(_("An error occurred during resetting Wi-Fi settings."));
+        } else if (postResetResponse.state === API_STATE.SUCCESS) {
+            setAlert(_("Wi-Fi settings are set to defaults."), ALERT_TYPES.SUCCESS);
+        }
+    }, [postResetResponse, setAlert]);
+
+    function onReset() {
+        dismissAlert();
+        setIsLoading(true);
+        postReset();
+    }
+
+    return (
+        <>
+            <h4>{_("Reset Wi-Fi Settings")}</h4>
+            <p>
+                {_(`
+If a number of wireless cards doesn't match, you may try to reset the Wi-Fi settings. Note that this will remove the
+current Wi-Fi configuration and restore the default values.
+        `)}
+            </p>
+            <div className={`${formFieldsSize} text-right`}>
+                <Button
+                    className="btn-warning"
+                    forisFormSize
+                    loading={isLoading}
+                    disabled={isLoading}
+
+                    onClick={onReset}
+                >
+                    {_("Reset Wi-Fi Settings")}
+                </Button>
+            </div>
+        </>
+    );
+}

src/common/WiFiSettings/WiFiForm.js

@@ -0,0 +1,257 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+import PropTypes from "prop-types";
+
+import { CheckBox } from "../../bootstrap/CheckBox";
+import { PasswordInput } from "../../bootstrap/PasswordInput";
+import { RadioSet } from "../../bootstrap/RadioSet";
+import { Select } from "../../bootstrap/Select";
+import { TextInput } from "../../bootstrap/TextInput";
+import WiFiQRCode from "./WiFiQRCode";
+import WifiGuestForm from "./WiFiGuestForm";
+import { HELP_TEXTS, HTMODES, HWMODES } from "./constants";
+
+WiFiForm.propTypes = {
+    formData: PropTypes.shape(
+        { devices: PropTypes.arrayOf(PropTypes.object) },
+    ).isRequired,
+    formErrors: PropTypes.oneOfType([
+        PropTypes.object,
+        PropTypes.array,
+    ]),
+    setFormValue: PropTypes.func.isRequired,
+    hasGuestNetwork: PropTypes.bool,
+};
+
+WiFiForm.defaultProps = {
+    formData: { devices: [] },
+    setFormValue: () => { },
+    hasGuestNetwork: true,
+};
+
+export default function WiFiForm({
+    formData, formErrors, setFormValue, hasGuestNetwork, disabled,
+}) {
+    return formData.devices.map((device, index) => (
+        <DeviceForm
+            key={device.id}
+            formData={device}
+            deviceIndex={index}
+            formErrors={(formErrors || [])[index]}
+            setFormValue={setFormValue}
+            hasGuestNetwork={hasGuestNetwork}
+            disabled={disabled}
+        />
+    ));
+}
+
+DeviceForm.propTypes = {
+    formData: PropTypes.shape({
+        id: PropTypes.number.isRequired,
+        enabled: PropTypes.bool.isRequired,
+        SSID: PropTypes.string.isRequired,
+        password: PropTypes.string.isRequired,
+        hidden: PropTypes.bool.isRequired,
+        hwmode: PropTypes.string.isRequired,
+        htmode: PropTypes.string.isRequired,
+        channel: PropTypes.string.isRequired,
+        guest_wifi: PropTypes.object.isRequired,
+    }),
+    formErrors: PropTypes.object.isRequired,
+    setFormValue: PropTypes.func.isRequired,
+    hasGuestNetwork: PropTypes.bool,
+    deviceIndex: PropTypes.number,
+};
+
+DeviceForm.defaultProps = {
+    formErrors: {},
+    hasGuestNetwork: true,
+};
+
+function DeviceForm({
+    formData, formErrors, setFormValue, hasGuestNetwork, deviceIndex, ...props
+}) {
+    const deviceID = formData.id;
+    return (
+        <>
+            <h3>{_(`Wi-Fi ${deviceID + 1}`)}</h3>
+            <CheckBox
+                label={_("Enable")}
+                checked={formData.enabled}
+
+                onChange={setFormValue(
+                    (value) => ({ devices: { [deviceIndex]: { enabled: { $set: value } } } }),
+                )}
+
+                {...props}
+            />
+            {formData.enabled
+                ? (
+                    <>
+                        <TextInput
+                            label="SSID"
+                            value={formData.SSID}
+                            error={formErrors.SSID || null}
+                            required
+                            onChange={setFormValue(
+                                (value) => ({
+                                    devices: {
+                                        [deviceIndex]: {
+                                            SSID: { $set: value },
+                                        },
+                                    },
+                                }),
+                            )}
+
+                            {...props}
+                        >
+                            <div className="input-group-append">
+                                <WiFiQRCode
+                                    SSID={formData.SSID}
+                                    password={formData.password}
+                                />
+                            </div>
+                        </TextInput>
+
+                        <PasswordInput
+                            withEye
+                            label="Password"
+                            value={formData.password}
+                            error={formErrors.password}
+                            helpText={HELP_TEXTS.password}
+                            required
+
+                            onChange={setFormValue(
+                                (value) => (
+                                    { devices: { [deviceIndex]: { password: { $set: value } } } }
+                                ),
+                            )}
+
+                            {...props}
+                        />
+
+                        <CheckBox
+                            label="Hide SSID"
+                            helpText={HELP_TEXTS.hidden}
+                            checked={formData.hidden}
+
+                            onChange={setFormValue(
+                                (value) => (
+                                    { devices: { [deviceIndex]: { hidden: { $set: value } } } }
+                                ),
+                            )}
+
+                            {...props}
+                        />
+
+                        <RadioSet
+                            name={`hwmode-${deviceID}`}
+                            label="GHz"
+                            choices={getHwmodeChoices(formData)}
+                            value={formData.hwmode}
+                            helpText={HELP_TEXTS.hwmode}
+
+                            onChange={setFormValue(
+                                (value) => ({
+                                    devices: {
+                                        [deviceIndex]: {
+                                            hwmode: { $set: value },
+                                            channel: { $set: "0" },
+                                        },
+                                    },
+                                }),
+                            )}
+
+                            {...props}
+                        />
+
+                        <Select
+                            label="802.11n/ac mode"
+                            choices={getHtmodeChoices(formData)}
+                            value={formData.htmode}
+                            helpText={HELP_TEXTS.htmode}
+
+                            onChange={setFormValue(
+                                (value) => (
+                                    { devices: { [deviceIndex]: { htmode: { $set: value } } } }
+                                ),
+                            )}
+
+                            {...props}
+                        />
+
+                        <Select
+                            label="Channel"
+                            choices={getChannelChoices(formData)}
+                            value={formData.channel}
+
+                            onChange={setFormValue(
+                                (value) => (
+                                    { devices: { [deviceIndex]: { channel: { $set: value } } } }
+                                ),
+                            )}
+
+                            {...props}
+                        />
+
+                        {hasGuestNetwork && (
+                            <WifiGuestForm
+                                formData={{ id: deviceIndex, ...formData.guest_wifi }}
+                                formErrors={formErrors.guest_wifi || {}}
+
+                                setFormValue={setFormValue}
+
+                                {...props}
+                            />
+                        )}
+                    </>
+                )
+                : null}
+        </>
+    );
+}
+
+function getChannelChoices(device) {
+    const channelChoices = {
+        0: _("auto"),
+    };
+
+    device.available_bands.forEach((availableBand) => {
+        if (availableBand.hwmode !== device.hwmode) return;
+
+        availableBand.available_channels.forEach((availableChannel) => {
+            channelChoices[availableChannel.number.toString()] = `
+                        ${availableChannel.number}
+                        (${availableChannel.frequency} MHz ${availableChannel.radar ? " ,DFS" : ""})
+                    `;
+        });
+    });
+
+    return channelChoices;
+}
+
+function getHtmodeChoices(device) {
+    const htmodeChoices = {};
+
+    device.available_bands.forEach((availableBand) => {
+        if (availableBand.hwmode !== device.hwmode) return;
+
+        availableBand.available_htmodes.forEach((availableHtmod) => {
+            htmodeChoices[availableHtmod] = HTMODES[availableHtmod];
+        });
+    });
+    return htmodeChoices;
+}
+
+function getHwmodeChoices(device) {
+    return device.available_bands.map((availableBand) => ({
+        label: HWMODES[availableBand.hwmode],
+        value: availableBand.hwmode,
+    }));
+}

src/common/WiFiSettings/WiFiGuestForm.js

@@ -0,0 +1,100 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+import PropTypes from "prop-types";
+
+import { CheckBox } from "../../bootstrap/CheckBox";
+import { TextInput } from "../../bootstrap/TextInput";
+import { PasswordInput } from "../../bootstrap/PasswordInput";
+import WiFiQRCode from "./WiFiQRCode";
+import { HELP_TEXTS } from "./constants";
+
+WifiGuestForm.propTypes = {
+    formData: PropTypes.shape({
+        id: PropTypes.number.isRequired,
+        SSID: PropTypes.string.isRequired,
+        password: PropTypes.string.isRequired,
+        enabled: PropTypes.bool.isRequired,
+    }),
+    formErrors: PropTypes.shape({
+        SSID: PropTypes.string,
+        password: PropTypes.string,
+    }),
+    setFormValue: PropTypes.func.isRequired,
+};
+
+export default function WifiGuestForm({
+    formData, formErrors, setFormValue, ...props
+}) {
+    return (
+        <>
+            <CheckBox
+                label={_("Enable Guest Wifi")}
+                checked={formData.enabled}
+                helpText={HELP_TEXTS.guest_wifi_enabled}
+
+                onChange={setFormValue(
+                    (value) => (
+                        { devices: { [formData.id]: { guest_wifi: { enabled: { $set: value } } } } }
+                    ),
+                )}
+
+                {...props}
+            />
+            {formData.enabled
+                ? (
+                    <>
+                        <TextInput
+                            label="SSID"
+                            value={formData.SSID}
+                            error={formErrors.SSID}
+
+                            onChange={setFormValue(
+                                (value) => ({
+                                    devices: {
+                                        [formData.id]: { guest_wifi: { SSID: { $set: value } } },
+                                    },
+                                }),
+                            )}
+
+                            {...props}
+                        >
+                            <div className="input-group-append">
+                                <WiFiQRCode
+                                    SSID={formData.SSID}
+                                    password={formData.password}
+                                />
+                            </div>
+                        </TextInput>
+
+                        <PasswordInput
+                            withEye
+                            label={_("Password")}
+                            value={formData.password}
+                            helpText={HELP_TEXTS.password}
+                            error={formErrors.password}
+                            required
+
+                            onChange={setFormValue(
+                                (value) => ({
+                                    devices: {
+                                        [formData.id]: {
+                                            guest_wifi: { password: { $set: value } },
+                                        },
+                                    },
+                                }),
+                            )}
+
+                            {...props}
+                        />
+                    </>
+                )
+                : null}
+        </>
+    );
+}

src/common/WiFiSettings/WiFiQRCode.js

@@ -0,0 +1,85 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React, { useState } from "react";
+import QRCode from "qrcode.react";
+import PropTypes from "prop-types";
+
+import { ForisURLs } from "../../utils/forisUrls";
+import { Button } from "../../bootstrap/Button";
+import {
+    Modal, ModalBody, ModalFooter, ModalHeader,
+} from "../../bootstrap/Modal";
+import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
+
+WiFiQRCode.propTypes = {
+    SSID: PropTypes.string.isRequired,
+    password: PropTypes.string.isRequired,
+};
+
+const QR_ICON_PATH = `${ForisURLs.static}/imgs/QR_icon.svg`;
+
+export default function WiFiQRCode({ SSID, password }) {
+    const [modal, setModal] = useState(false);
+
+    return (
+        <>
+            <button
+                type="button"
+                className="input-group-text"
+                onClick={(e) => {
+                    e.preventDefault();
+                    setModal(true);
+                }}
+            >
+                <img width="20" src={QR_ICON_PATH} alt="QR" style={{ opacity: 0.67 }} />
+            </button>
+            {modal
+                ? <QRCodeModal setShown={setModal} shown={modal} SSID={SSID} password={password} />
+                : null}
+        </>
+    );
+}
+
+QRCodeModal.propTypes = {
+    SSID: PropTypes.string.isRequired,
+    password: PropTypes.string.isRequired,
+    shown: PropTypes.bool.isRequired,
+    setShown: PropTypes.func.isRequired,
+};
+
+function QRCodeModal({
+    shown, setShown, SSID, password,
+}) {
+    return (
+        <Modal setShown={setShown} shown={shown}>
+            <ModalHeader setShown={setShown} title={_("Wi-Fi QR Code")} />
+            <ModalBody>
+                <QRCode
+                    renderAs="svg"
+                    value={toQRCodeContent(SSID, password)}
+                    level="M"
+                    size={350}
+                    includeMargin
+                    style={{ display: "block", margin: "auto" }}
+                />
+            </ModalBody>
+            <ModalFooter>
+                <Button
+                    className="btn-outline-primary"
+                    onClick={(e) => {
+                        e.preventDefault();
+                        createAndDownloadPdf(SSID, password);
+                    }}
+                >
+                    <i className="fas fa-arrow-down mr-2" />
+                    {_("Download PDF")}
+                </Button>
+            </ModalFooter>
+        </Modal>
+    );
+}

src/common/WiFiSettings/WiFiSettings.js

@@ -0,0 +1,93 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+import PropTypes from "prop-types";
+
+import { ForisForm } from "../../form/components/ForisForm";
+import WiFiForm from "./WiFiForm";
+import ResetWiFiSettings from "./ResetWiFiSettings";
+
+WiFiSettings.propTypes = {
+    ws: PropTypes.object.isRequired,
+    endpoint: PropTypes.string.isRequired,
+    resetEndpoint: PropTypes.string.isRequired,
+    hasGuestNetwork: PropTypes.bool,
+};
+
+export function WiFiSettings({
+    ws, endpoint, resetEndpoint, hasGuestNetwork,
+}) {
+    return (
+        <>
+            <ForisForm
+                ws={ws}
+                forisConfig={{
+                    endpoint,
+                    wsModule: "wifi",
+                }}
+                prepData={prepData}
+                prepDataToSubmit={prepDataToSubmit}
+                validator={validator}
+            >
+                <WiFiForm hasGuestNetwork={hasGuestNetwork} />
+            </ForisForm>
+            <ResetWiFiSettings ws={ws} endpoint={resetEndpoint} />
+        </>
+    );
+}
+
+function prepData(formData) {
+    formData.devices.forEach((device, idx) => {
+        formData.devices[idx].channel = device.channel.toString();
+    });
+    return formData;
+}
+
+function prepDataToSubmit(formData) {
+    formData.devices.forEach((device, idx) => {
+        delete device.available_bands;
+
+        formData.devices[idx].channel = parseInt(device.channel);
+
+        if (!device.enabled) {
+            formData.devices[idx] = { id: device.id, enabled: false };
+            return;
+        }
+
+        if (!device.guest_wifi.enabled) formData.devices[idx].guest_wifi = { enabled: false };
+    });
+    return formData;
+}
+
+export function validator(formData) {
+    const formErrors = formData.devices.map(
+        (device) => {
+            if (!device.enabled) return {};
+
+            const errors = {};
+            if (device.SSID.length > 32) errors.SSID = _("SSID can't be longer than 32 symbols");
+            if (device.SSID.length === 0) errors.SSID = _("SSID can't be empty");
+
+            if (device.password.length < 8) errors.password = _("Password must contain at least 8 symbols");
+
+            if (!device.guest_wifi.enabled) return errors;
+
+            const guest_wifi_errors = {};
+            if (device.guest_wifi.SSID.length > 32) guest_wifi_errors.SSID = _("SSID can't be longer than 32 symbols");
+            if (device.guest_wifi.SSID.length === 0) guest_wifi_errors.SSID = _("SSID can't be empty");
+
+            if (device.guest_wifi.password.length < 8) guest_wifi_errors.password = _("Password must contain at least 8 symbols");
+
+            if (guest_wifi_errors.SSID || guest_wifi_errors.password) {
+                errors.guest_wifi = guest_wifi_errors;
+            }
+            return errors;
+        },
+    );
+    return JSON.stringify(formErrors).match(/\[[{},?]+\]/) ? null : formErrors;
+}

src/common/WiFiSettings/__tests__/ResetWiFiSettings.test.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+import { render, fireEvent, wait } from "customTestRender";
+
+import mockAxios from "jest-mock-axios";
+import { WebSockets } from "webSockets/WebSockets";
+import { mockJSONError } from "testUtils/network";
+import { mockSetAlert } from "testUtils/alertContextMock";
+import { ALERT_TYPES } from "../../../bootstrap/Alert";
+
+import ResetWiFiSettings from "../ResetWiFiSettings";
+
+describe("<ResetWiFiSettings/>", () => {
+    const webSockets = new WebSockets();
+    const endpoint = "/reforis/api/wifi-reset";
+    let getAllByText;
+
+    beforeEach(() => {
+        ({ getAllByText } = render(<ResetWiFiSettings ws={webSockets} endpoint={endpoint} />));
+    });
+
+    it("should display alert on open ports - success", async () => {
+        fireEvent.click(getAllByText("Reset Wi-Fi Settings")[1]);
+        expect(mockAxios.post).toBeCalledWith(endpoint, undefined, expect.anything());
+        mockAxios.mockResponse({ data: { foo: "bar" } });
+        await wait(() => expect(mockSetAlert).toBeCalledWith("Wi-Fi settings are set to defaults.", ALERT_TYPES.SUCCESS));
+    });
+
+    it("should display alert on open ports - failure", async () => {
+        fireEvent.click(getAllByText("Reset Wi-Fi Settings")[1]);
+        mockJSONError();
+        await wait(() => expect(mockSetAlert).toBeCalledWith("An error occurred during resetting Wi-Fi settings."));
+    });
+});

src/common/WiFiSettings/__tests__/WiFiSettings.test.js

@@ -0,0 +1,176 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+import diffSnapshot from "snapshot-diff";
+import mockAxios from "jest-mock-axios";
+
+import { fireEvent, render, wait } from "customTestRender";
+import { WebSockets } from "webSockets/WebSockets";
+import { mockJSONError } from "testUtils/network";
+
+import { wifiSettingsFixture, oneDevice, twoDevices, threeDevices } from "./__fixtures__/wifiSettings";
+import { WiFiSettings, validator } from "../WiFiSettings";
+
+describe("<WiFiSettings/>", () => {
+    let firstRender;
+    let getAllByText;
+    let getAllByLabelText;
+    let getByText;
+    let asFragment;
+    const endpoint = "/reforis/api/wifi";
+
+    beforeEach(async () => {
+        const webSockets = new WebSockets();
+        const renderRes = render(<WiFiSettings ws={webSockets} endpoint={endpoint} resetEndpoint="foo" />);
+        asFragment = renderRes.asFragment;
+        getAllByText = renderRes.getAllByText;
+        getAllByLabelText = renderRes.getAllByLabelText;
+        getByText = renderRes.getByText;
+        mockAxios.mockResponse({ data: wifiSettingsFixture() });
+        await wait(() => renderRes.getByText("Wi-Fi 1"));
+        firstRender = renderRes.asFragment();
+    });
+
+    it("should handle error", async () => {
+        const webSockets = new WebSockets();
+        const { getByText } = render(<WiFiSettings ws={webSockets} ws={webSockets} endpoint={endpoint} resetEndpoint="foo" />);
+        const errorMessage = "An API error occurred.";
+        mockJSONError(errorMessage);
+        await wait(() => {
+            expect(getByText(errorMessage)).toBeTruthy();
+        });
+    });
+
+    it("Snapshot both modules disabled.", () => {
+        expect(firstRender).toMatchSnapshot();
+    });
+
+    it("Snapshot one module enabled.", () => {
+        fireEvent.click(getAllByText("Enable")[0]);
+        expect(diffSnapshot(firstRender, asFragment())).toMatchSnapshot();
+    });
+
+    it("Snapshot 2.4 GHz", () => {
+        fireEvent.click(getAllByText("Enable")[0]);
+        const enabledRender = asFragment();
+        fireEvent.click(getAllByText("2.4")[0]);
+        expect(diffSnapshot(enabledRender, asFragment())).toMatchSnapshot();
+    });
+
+    it("Snapshot guest network.", () => {
+        fireEvent.click(getAllByText("Enable")[0]);
+        const enabledRender = asFragment();
+        fireEvent.click(getAllByText("Enable Guest Wifi")[0]);
+        expect(diffSnapshot(enabledRender, asFragment())).toMatchSnapshot();
+    });
+
+    it("Post form: both modules disabled.", () => {
+        fireEvent.click(getByText("Save"));
+        expect(mockAxios.post).toBeCalled();
+        const data = {
+            devices: [
+                { enabled: false, id: 0 },
+                { enabled: false, id: 1 },
+            ],
+        };
+        expect(mockAxios.post).toHaveBeenCalledWith(endpoint, data, expect.anything());
+    });
+
+    it("Post form: one module enabled.", () => {
+        fireEvent.click(getAllByText("Enable")[0]);
+
+        fireEvent.click(getByText("Save"));
+        expect(mockAxios.post).toBeCalled();
+        const data = {
+            devices: [
+                {
+                    SSID: "TestSSID1",
+                    channel: 60,
+                    enabled: true,
+                    guest_wifi: { enabled: false },
+                    hidden: false,
+                    htmode: "HT40",
+                    hwmode: "11a",
+                    id: 0,
+                    password: "TestPass",
+                },
+                { enabled: false, id: 1 },
+            ],
+        };
+        expect(mockAxios.post).toHaveBeenCalledWith(endpoint, data, expect.anything());
+    });
+
+    it("Post form: 2.4 GHz", () => {
+        fireEvent.click(getAllByText("Enable")[0]);
+        fireEvent.click(getAllByText("2.4")[0]);
+
+        fireEvent.click(getByText("Save"));
+        expect(mockAxios.post).toBeCalled();
+        const data = {
+            devices: [
+                {
+                    SSID: "TestSSID1",
+                    channel: 0,
+                    enabled: true,
+                    guest_wifi: { enabled: false },
+                    hidden: false,
+                    htmode: "HT40",
+                    hwmode: "11g",
+                    id: 0,
+                    password: "TestPass",
+                },
+                { enabled: false, id: 1 },
+            ],
+        };
+        expect(mockAxios.post).toHaveBeenCalledWith(endpoint, data, expect.anything());
+    });
+
+    it("Post form: guest network.", () => {
+        fireEvent.click(getAllByText("Enable")[0]);
+        fireEvent.click(getAllByText("Enable Guest Wifi")[0]);
+        fireEvent.change(getAllByLabelText("Password")[1], { target: { value: "test_password" } });
+
+        fireEvent.click(getByText("Save"));
+        expect(mockAxios.post).toBeCalled();
+        const data = {
+            devices: [
+                {
+                    SSID: "TestSSID1",
+                    channel: 60,
+                    enabled: true,
+                    guest_wifi: {
+                        SSID: "TestGuestSSID",
+                        enabled: true,
+                        password: "test_password",
+                    },
+                    hidden: false,
+                    htmode: "HT40",
+                    hwmode: "11a",
+                    id: 0,
+                    password: "TestPass",
+                },
+                { enabled: false, id: 1 },
+            ],
+        };
+        expect(mockAxios.post).toHaveBeenCalledWith(endpoint, data, expect.anything());
+    });
+
+    it("Validator function using regex for one device", () => {    
+        expect(validator(oneDevice)).toEqual(null);      
+    });
+
+    it("Validator function using regex for two devices", () => {
+        const twoDevicesFormErrors = [{SSID: "SSID can't be empty"}, {}];    
+        expect(validator(twoDevices)).toEqual(twoDevicesFormErrors);
+    });
+
+    it("Validator function using regex for three devices", () => {
+        const threeDevicesFormErrors = [{}, {}, {password: "Password must contain at least 8 symbols"}];    
+        expect(validator(threeDevices)).toEqual(threeDevicesFormErrors);
+    });
+});

src/common/WiFiSettings/__tests__/__fixtures__/wifiSettings.js

@@ -0,0 +1,400 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+export function wifiSettingsFixture() {
+    return {
+        devices: [
+            {
+                SSID: "TestSSID1",
+                available_bands: [
+                    {
+                        available_channels: [
+                            {
+                                frequency: 2412,
+                                number: 1,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2417,
+                                number: 2,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2422,
+                                number: 3,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2427,
+                                number: 4,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2432,
+                                number: 5,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2437,
+                                number: 6,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2442,
+                                number: 7,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2447,
+                                number: 8,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2452,
+                                number: 9,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2457,
+                                number: 10,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2462,
+                                number: 11,
+                                radar: false,
+                            },
+                        ],
+                        available_htmodes: [
+                            "NOHT",
+                            "HT20",
+                            "HT40",
+                            "VHT20",
+                            "VHT40",
+                            "VHT80",
+                        ],
+                        hwmode: "11g",
+                    },
+                    {
+                        available_channels: [
+                            {
+                                frequency: 5180,
+                                number: 36,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5200,
+                                number: 40,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5220,
+                                number: 44,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5240,
+                                number: 48,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5260,
+                                number: 52,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5280,
+                                number: 56,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5300,
+                                number: 60,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5320,
+                                number: 64,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5500,
+                                number: 100,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5520,
+                                number: 104,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5540,
+                                number: 108,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5560,
+                                number: 112,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5580,
+                                number: 116,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5600,
+                                number: 120,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5620,
+                                number: 124,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5640,
+                                number: 128,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5660,
+                                number: 132,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5680,
+                                number: 136,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5700,
+                                number: 140,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5720,
+                                number: 144,
+                                radar: true,
+                            },
+                            {
+                                frequency: 5745,
+                                number: 149,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5765,
+                                number: 153,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5785,
+                                number: 157,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5805,
+                                number: 161,
+                                radar: false,
+                            },
+                            {
+                                frequency: 5825,
+                                number: 165,
+                                radar: false,
+                            },
+                        ],
+                        available_htmodes: [
+                            "NOHT",
+                            "HT20",
+                            "HT40",
+                            "VHT20",
+                            "VHT40",
+                            "VHT80",
+                        ],
+                        hwmode: "11a",
+                    },
+                ],
+                channel: 60,
+                enabled: false,
+                guest_wifi: {
+                    SSID: "TestGuestSSID",
+                    enabled: false,
+                    password: "",
+                },
+                hidden: false,
+                htmode: "HT40",
+                hwmode: "11a",
+                id: 0,
+                password: "TestPass",
+            },
+            {
+                SSID: "Turris",
+                available_bands: [
+                    {
+                        available_channels: [
+                            {
+                                frequency: 2412,
+                                number: 1,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2417,
+                                number: 2,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2422,
+                                number: 3,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2427,
+                                number: 4,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2432,
+                                number: 5,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2437,
+                                number: 6,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2442,
+                                number: 7,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2447,
+                                number: 8,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2452,
+                                number: 9,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2457,
+                                number: 10,
+                                radar: false,
+                            },
+                            {
+                                frequency: 2462,
+                                number: 11,
+                                radar: false,
+                            },
+                        ],
+                        available_htmodes: [
+                            "NOHT",
+                            "HT20",
+                            "HT40",
+                        ],
+                        hwmode: "11g",
+                    },
+                ],
+                channel: 11,
+                enabled: false,
+                guest_wifi: {
+                    SSID: "TestSSID",
+                    enabled: false,
+                    password: "",
+                },
+                hidden: false,
+                htmode: "HT40",
+                hwmode: "11g",
+                id: 1,
+                password: "TestPass",
+            },
+        ],
+    };
+}
+const oneDevice = {
+    devices: [
+        {
+            SSID: "Turris1",
+            channel: 60,
+            enabled: true,
+            guest_wifi: { enabled: false },
+            hidden: false,
+            htmode: "HT40",
+            hwmode: "11a",
+            id: 0,
+            password: "TestPass"
+        }
+    ]
+};
+
+const twoDevices = {
+    devices: [
+        {
+            SSID: "",
+            channel: 60,
+            enabled: true,
+            guest_wifi: { enabled: false },
+            hidden: false,
+            htmode: "HT40",
+            hwmode: "11a",
+            id: 0,
+            password: "TestPass"
+        },
+        {
+            SSID: "Turris2",
+            channel: 60,
+            enabled: true,
+            guest_wifi: { enabled: false },
+            hidden: false,
+            htmode: "HT40",
+            hwmode: "11a",
+            id: 0,
+            password: "TestPass"
+        }
+    ]
+};
+
+const threeDevices = {
+    devices: [
+        {
+            SSID: "Turris1",
+            channel: 60,
+            enabled: true,
+            guest_wifi: { enabled: false },
+            hidden: false,
+            htmode: "HT40",
+            hwmode: "11a",
+            id: 0,
+            password: "TestPass"
+        },
+        {
+            SSID: "Turris2",
+            channel: 60,
+            enabled: false,
+            guest_wifi: { enabled: false },
+            hidden: false,
+            htmode: "HT40",
+            hwmode: "11a",
+            id: 0,
+            password: "TestPass"
+        },
+        {
+            SSID: "Turris3",
+            channel: 60,
+            enabled: true,
+            guest_wifi: { enabled: false },
+            hidden: false,
+            htmode: "HT40",
+            hwmode: "11a",
+            id: 0,
+            password: ""
+        }
+    ]
+};
+
+export {oneDevice, twoDevices, threeDevices};

src/common/WiFiSettings/__tests__/__snapshots__/WiFiSettings.test.js.snap

@@ -0,0 +1,912 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
+"Snapshot Diff:
+- First value
++ Second value
+
+@@ -246,207 +246,95 @@
+              value=\\"0\\"
+            >
+              auto
+            </option>
+            <option
+-             value=\\"36\\"
++             value=\\"1\\"
+            >
+              
+-                         36
+-                         (5180 MHz )
++                         1
++                         (2412 MHz )
+                      
+            </option>
+            <option
+-             value=\\"40\\"
++             value=\\"2\\"
+            >
+              
+-                         40
+-                         (5200 MHz )
++                         2
++                         (2417 MHz )
+                      
+            </option>
+            <option
+-             value=\\"44\\"
++             value=\\"3\\"
+            >
+              
+-                         44
+-                         (5220 MHz )
++                         3
++                         (2422 MHz )
+                      
+            </option>
+            <option
+-             value=\\"48\\"
+-           >
+-             
+-                         48
+-                         (5240 MHz )
+-                     
+-           </option>
+-           <option
+-             value=\\"52\\"
+-           >
+-             
+-                         52
+-                         (5260 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"56\\"
+-           >
+-             
+-                         56
+-                         (5280 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"60\\"
++             value=\\"4\\"
+            >
+              
+-                         60
+-                         (5300 MHz  ,DFS)
++                         4
++                         (2427 MHz )
+                      
+            </option>
+            <option
+-             value=\\"64\\"
++             value=\\"5\\"
+            >
+              
+-                         64
+-                         (5320 MHz  ,DFS)
++                         5
++                         (2432 MHz )
+                      
+            </option>
+            <option
+-             value=\\"100\\"
++             value=\\"6\\"
+            >
+              
+-                         100
+-                         (5500 MHz  ,DFS)
++                         6
++                         (2437 MHz )
+                      
+            </option>
+            <option
+-             value=\\"104\\"
++             value=\\"7\\"
+            >
+              
+-                         104
+-                         (5520 MHz  ,DFS)
++                         7
++                         (2442 MHz )
+                      
+            </option>
+            <option
+-             value=\\"108\\"
++             value=\\"8\\"
+            >
+              
+-                         108
+-                         (5540 MHz  ,DFS)
++                         8
++                         (2447 MHz )
+                      
+            </option>
+            <option
+-             value=\\"112\\"
++             value=\\"9\\"
+            >
+              
+-                         112
+-                         (5560 MHz  ,DFS)
++                         9
++                         (2452 MHz )
+                      
+            </option>
+            <option
+-             value=\\"116\\"
++             value=\\"10\\"
+            >
+              
+-                         116
+-                         (5580 MHz  ,DFS)
++                         10
++                         (2457 MHz )
+                      
+            </option>
+            <option
+-             value=\\"120\\"
++             value=\\"11\\"
+            >
+              
+-                         120
+-                         (5600 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"124\\"
+-           >
+-             
+-                         124
+-                         (5620 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"128\\"
+-           >
+-             
+-                         128
+-                         (5640 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"132\\"
+-           >
+-             
+-                         132
+-                         (5660 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"136\\"
+-           >
+-             
+-                         136
+-                         (5680 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"140\\"
+-           >
+-             
+-                         140
+-                         (5700 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"144\\"
+-           >
+-             
+-                         144
+-                         (5720 MHz  ,DFS)
+-                     
+-           </option>
+-           <option
+-             value=\\"149\\"
+-           >
+-             
+-                         149
+-                         (5745 MHz )
+-                     
+-           </option>
+-           <option
+-             value=\\"153\\"
+-           >
+-             
+-                         153
+-                         (5765 MHz )
+-                     
+-           </option>
+-           <option
+-             value=\\"157\\"
+-           >
+-             
+-                         157
+-                         (5785 MHz )
+-                     
+-           </option>
+-           <option
+-             value=\\"161\\"
+-           >
+-             
+-                         161
+-                         (5805 MHz )
+-                     
+-           </option>
+-           <option
+-             value=\\"165\\"
+-           >
+-             
+-                         165
+-                         (5825 MHz )
++                         11
++                         (2462 MHz )
+                      
+            </option>
+          </select>
+        </div>
+        <div"
+`;
+
+exports[`<WiFiSettings/> Snapshot both modules disabled. 1`] = `
+<DocumentFragment>
+  <div
+    class="col-sm-12 offset-lg-1 col-lg-10 p-0 mb-3"
+  >
+    <form>
+      <h3>
+        Wi-Fi 1
+      </h3>
+      <div
+        class="form-group"
+      >
+        <div
+          class="custom-control custom-checkbox "
+        >
+          <input
+            class="custom-control-input"
+            id="1"
+            type="checkbox"
+          />
+          <label
+            class="custom-control-label"
+            for="1"
+          >
+            Enable
+          </label>
+        </div>
+      </div>
+      <h3>
+        Wi-Fi 2
+      </h3>
+      <div
+        class="form-group"
+      >
+        <div
+          class="custom-control custom-checkbox "
+        >
+          <input
+            class="custom-control-input"
+            id="2"
+            type="checkbox"
+          />
+          <label
+            class="custom-control-label"
+            for="2"
+          >
+            Enable
+          </label>
+        </div>
+      </div>
+      <div
+        class="text-right"
+      >
+        <button
+          class="btn btn-primary  col-sm-12 col-lg-3"
+          type="submit"
+        >
+            Save
+        </button>
+      </div>
+    </form>
+  </div>
+  <h4>
+    Reset Wi-Fi Settings
+  </h4>
+  <p>
+    
+If a number of wireless cards doesn't match, you may try to reset the Wi-Fi settings. Note that this will remove the
+current Wi-Fi configuration and restore the default values.
+        
+  </p>
+  <div
+    class="col-sm-12 offset-lg-1 col-lg-10 p-0 mb-3 text-right"
+  >
+    <button
+      class="btn btn-warning col-sm-12 col-lg-3"
+      type="button"
+    >
+        Reset Wi-Fi Settings
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<WiFiSettings/> Snapshot guest network. 1`] = `
+"Snapshot Diff:
+- First value
++ Second value
+
+@@ -475,10 +475,89 @@
+          
+              </small>
+            </label>
+          </div>
+        </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           for=\\"20\\"
++         >
++           SSID
++         </label>
++         <div
++           class=\\"input-group\\"
++         >
++           <input
++             class=\\"form-control\\"
++             id=\\"20\\"
++             type=\\"text\\"
++             value=\\"TestGuestSSID\\"
++           />
++           <div
++             class=\\"input-group-append\\"
++           >
++             <button
++               class=\\"input-group-text\\"
++               type=\\"button\\"
++             >
++               <img
++                 alt=\\"QR\\"
++                 src=\\"/reforis/static/reforis/imgs/QR_icon.svg\\"
++                 style=\\"opacity: 0.67;\\"
++                 width=\\"20\\"
++               />
++             </button>
++           </div>
++         </div>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           for=\\"21\\"
++         >
++           Password
++         </label>
++         <div
++           class=\\"input-group\\"
++         >
++           <input
++             autocomplete=\\"new-password\\"
++             class=\\"form-control  is-invalid\\"
++             id=\\"21\\"
++             required=\\"\\"
++             type=\\"password\\"
++             value=\\"\\"
++           />
++           <div
++             class=\\"input-group-append\\"
++           >
++             <button
++               class=\\"input-group-text\\"
++               type=\\"button\\"
++             >
++               <i
++                 class=\\"fa fa-eye\\"
++               />
++             </button>
++           </div>
++         </div>
++         <div
++           class=\\"invalid-feedback\\"
++         >
++           Password must contain at least 8 symbols
++         </div>
++         <small
++           class=\\"form-text text-muted\\"
++         >
++           
++         WPA2 pre-shared key, that is required to connect to the network.
++     
++         </small>
++       </div>
+        <h3>
+          Wi-Fi 2
+        </h3>
+        <div
+          class=\\"form-group\\"
+@@ -502,10 +581,11 @@
+        <div
+          class=\\"text-right\\"
+        >
+          <button
+            class=\\"btn btn-primary  col-sm-12 col-lg-3\\"
++           disabled=\\"\\"
+            type=\\"submit\\"
+          >
+              Save
+          </button>
+        </div>"
+`;
+
+exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
+"Snapshot Diff:
+- First value
++ Second value
+
+@@ -23,10 +23,462 @@
+            >
+              Enable
+            </label>
+          </div>
+        </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           for=\\"4\\"
++         >
++           SSID
++         </label>
++         <div
++           class=\\"input-group\\"
++         >
++           <input
++             class=\\"form-control\\"
++             id=\\"4\\"
++             required=\\"\\"
++             type=\\"text\\"
++             value=\\"TestSSID1\\"
++           />
++           <div
++             class=\\"input-group-append\\"
++           >
++             <button
++               class=\\"input-group-text\\"
++               type=\\"button\\"
++             >
++               <img
++                 alt=\\"QR\\"
++                 src=\\"/reforis/static/reforis/imgs/QR_icon.svg\\"
++                 style=\\"opacity: 0.67;\\"
++                 width=\\"20\\"
++               />
++             </button>
++           </div>
++         </div>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           for=\\"5\\"
++         >
++           Password
++         </label>
++         <div
++           class=\\"input-group\\"
++         >
++           <input
++             autocomplete=\\"new-password\\"
++             class=\\"form-control\\"
++             id=\\"5\\"
++             required=\\"\\"
++             type=\\"password\\"
++             value=\\"TestPass\\"
++           />
++           <div
++             class=\\"input-group-append\\"
++           >
++             <button
++               class=\\"input-group-text\\"
++               type=\\"button\\"
++             >
++               <i
++                 class=\\"fa fa-eye\\"
++               />
++             </button>
++           </div>
++         </div>
++         <small
++           class=\\"form-text text-muted\\"
++         >
++           
++         WPA2 pre-shared key, that is required to connect to the network.
++     
++         </small>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <div
++           class=\\"custom-control custom-checkbox \\"
++         >
++           <input
++             class=\\"custom-control-input\\"
++             id=\\"6\\"
++             type=\\"checkbox\\"
++           />
++           <label
++             class=\\"custom-control-label\\"
++             for=\\"6\\"
++           >
++             Hide SSID
++             <small
++               class=\\"form-text text-muted\\"
++             >
++               If set, network is not visible when scanning for available networks.
++             </small>
++           </label>
++         </div>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           class=\\"d-block\\"
++           for=\\"7\\"
++         >
++           GHz
++         </label>
++         <div
++           class=\\"custom-control custom-radio custom-control-inline\\"
++         >
++           <input
++             class=\\"custom-control-input\\"
++             id=\\"hwmode-0-0\\"
++             name=\\"hwmode-0\\"
++             type=\\"radio\\"
++             value=\\"11g\\"
++           />
++           <label
++             class=\\"custom-control-label\\"
++             for=\\"hwmode-0-0\\"
++           >
++             2.4
++           </label>
++         </div>
++         <div
++           class=\\"custom-control custom-radio custom-control-inline\\"
++         >
++           <input
++             checked=\\"\\"
++             class=\\"custom-control-input\\"
++             id=\\"hwmode-0-1\\"
++             name=\\"hwmode-0\\"
++             type=\\"radio\\"
++             value=\\"11a\\"
++           />
++           <label
++             class=\\"custom-control-label\\"
++             for=\\"hwmode-0-1\\"
++           >
++             5
++           </label>
++         </div>
++         <small
++           class=\\"form-text text-muted\\"
++         >
++           
++         The 2.4 GHz band is more widely supported by clients, but tends to have more interference. The 5 GHz band is a
++         newer standard and may not be supported by all your devices. It usually has less interference, but the signal
++         does not carry so well indoors.
++         </small>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           for=\\"8\\"
++         >
++           802.11n/ac mode
++         </label>
++         <select
++           class=\\"custom-select\\"
++           id=\\"8\\"
++         >
++           <option
++             value=\\"HT20\\"
++           >
++             802.11n - 20 MHz wide channel
++           </option>
++           <option
++             value=\\"HT40\\"
++           >
++             802.11n - 40 MHz wide channel
++           </option>
++           <option
++             value=\\"NOHT\\"
++           >
++             Disabled
++           </option>
++           <option
++             value=\\"VHT20\\"
++           >
++             802.11ac - 20 MHz wide channel
++           </option>
++           <option
++             value=\\"VHT40\\"
++           >
++             802.11ac - 40 MHz wide channel
++           </option>
++           <option
++             value=\\"VHT80\\"
++           >
++             802.11ac - 80 MHz wide channel
++           </option>
++         </select>
++         <small
++           class=\\"form-text text-muted\\"
++         >
++           
++         Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz wide channels can yield higher
++         throughput but can cause more interference in the network. If you don't know what to choose, use the default
++         option with 20 MHz wide channel.
++     
++         </small>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <label
++           for=\\"9\\"
++         >
++           Channel
++         </label>
++         <select
++           class=\\"custom-select\\"
++           id=\\"9\\"
++         >
++           <option
++             value=\\"0\\"
++           >
++             auto
++           </option>
++           <option
++             value=\\"36\\"
++           >
++             
++                         36
++                         (5180 MHz )
++                     
++           </option>
++           <option
++             value=\\"40\\"
++           >
++             
++                         40
++                         (5200 MHz )
++                     
++           </option>
++           <option
++             value=\\"44\\"
++           >
++             
++                         44
++                         (5220 MHz )
++                     
++           </option>
++           <option
++             value=\\"48\\"
++           >
++             
++                         48
++                         (5240 MHz )
++                     
++           </option>
++           <option
++             value=\\"52\\"
++           >
++             
++                         52
++                         (5260 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"56\\"
++           >
++             
++                         56
++                         (5280 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"60\\"
++           >
++             
++                         60
++                         (5300 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"64\\"
++           >
++             
++                         64
++                         (5320 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"100\\"
++           >
++             
++                         100
++                         (5500 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"104\\"
++           >
++             
++                         104
++                         (5520 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"108\\"
++           >
++             
++                         108
++                         (5540 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"112\\"
++           >
++             
++                         112
++                         (5560 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"116\\"
++           >
++             
++                         116
++                         (5580 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"120\\"
++           >
++             
++                         120
++                         (5600 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"124\\"
++           >
++             
++                         124
++                         (5620 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"128\\"
++           >
++             
++                         128
++                         (5640 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"132\\"
++           >
++             
++                         132
++                         (5660 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"136\\"
++           >
++             
++                         136
++                         (5680 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"140\\"
++           >
++             
++                         140
++                         (5700 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"144\\"
++           >
++             
++                         144
++                         (5720 MHz  ,DFS)
++                     
++           </option>
++           <option
++             value=\\"149\\"
++           >
++             
++                         149
++                         (5745 MHz )
++                     
++           </option>
++           <option
++             value=\\"153\\"
++           >
++             
++                         153
++                         (5765 MHz )
++                     
++           </option>
++           <option
++             value=\\"157\\"
++           >
++             
++                         157
++                         (5785 MHz )
++                     
++           </option>
++           <option
++             value=\\"161\\"
++           >
++             
++                         161
++                         (5805 MHz )
++                     
++           </option>
++           <option
++             value=\\"165\\"
++           >
++             
++                         165
++                         (5825 MHz )
++                     
++           </option>
++         </select>
++       </div>
++       <div
++         class=\\"form-group\\"
++       >
++         <div
++           class=\\"custom-control custom-checkbox \\"
++         >
++           <input
++             class=\\"custom-control-input\\"
++             id=\\"10\\"
++             type=\\"checkbox\\"
++           />
++           <label
++             class=\\"custom-control-label\\"
++             for=\\"10\\"
++           >
++             Enable Guest Wifi
++             <small
++               class=\\"form-text text-muted\\"
++             >
++               
++         Enables Wi-Fi for guests, which is separated from LAN network. Devices connected to this network are allowed to
++         access the internet, but aren't allowed to access other devices and the configuration interface of the router.
++         Parameters of the guest network can be set in the Guest network tab.
++         
++             </small>
++           </label>
++         </div>
++       </div>
+        <h3>
+          Wi-Fi 2
+        </h3>
+        <div
+          class=\\"form-group\\""
+`;

src/common/WiFiSettings/constants.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+export const HTMODES = {
+    NOHT: _("Disabled"),
+    HT20: _("802.11n - 20 MHz wide channel"),
+    HT40: _("802.11n - 40 MHz wide channel"),
+    VHT20: _("802.11ac - 20 MHz wide channel"),
+    VHT40: _("802.11ac - 40 MHz wide channel"),
+    VHT80: _("802.11ac - 80 MHz wide channel"),
+    VHT160: _("802.11ac - 160 MHz wide channel"),
+};
+export const HWMODES = {
+    "11g": "2.4",
+    "11a": "5",
+};
+export const HELP_TEXTS = {
+    password: _(`
+        WPA2 pre-shared key, that is required to connect to the network.
+    `),
+    hidden: _("If set, network is not visible when scanning for available networks."),
+    hwmode: _(`
+        The 2.4 GHz band is more widely supported by clients, but tends to have more interference. The 5 GHz band is a
+        newer standard and may not be supported by all your devices. It usually has less interference, but the signal
+        does not carry so well indoors.`),
+    htmode: _(`
+        Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz wide channels can yield higher
+        throughput but can cause more interference in the network. If you don't know what to choose, use the default
+        option with 20 MHz wide channel.
+    `),
+    guest_wifi_enabled: _(`
+        Enables Wi-Fi for guests, which is separated from LAN network. Devices connected to this network are allowed to
+        access the internet, but aren't allowed to access other devices and the configuration interface of the router.
+        Parameters of the guest network can be set in the Guest network tab.
+        `),
+};

src/common/WiFiSettings/qrCodeHelpers.js

@@ -0,0 +1,42 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+export function createAndDownloadPdf(SSID, password) {
+    const docDefinition = {
+        content: [
+            {
+                text: "Wi-Fi",
+                style: "header",
+                fontSize: 55,
+                alignment: "center",
+            },
+            {
+                qr: toQRCodeContent(SSID, password),
+                fit: "350",
+                margin: [0, 80],
+                alignment: "center",
+            },
+            {
+                text: `SSID: ${SSID}`,
+                fontSize: 25,
+                alignment: "center",
+            },
+            {
+                text: `Password: ${password}`,
+                fontSize: 25,
+                alignment: "center",
+            },
+        ],
+    };
+
+    // pdfmake is exposed by reForis main application. Thus we can use it from globals.
+    window.pdfMake.createPdf(docDefinition).download("wifi.pdf");
+}
+
+export function toQRCodeContent(SSID, password) {
+    return `WIFI:S:${SSID};T:WPA2;P:${password};;`;
+}

src/common/__tests__/RebootButton.test.js

@@ -7,7 +7,9 @@
 
 import React from "react";
 
-import { fireEvent, getByText, queryByText, render, wait } from "customTestRender";
+import {
+    fireEvent, getByText, queryByText, render, wait,
+} from "customTestRender";
 import mockAxios from "jest-mock-axios";
 import { mockJSONError } from "testUtils/network";
 import { mockSetAlert } from "testUtils/alertContextMock";
@@ -18,8 +20,8 @@ describe("<RebootButton/>", () => {
     let componentContainer;
     beforeEach(() => {
         const { container } = render(<>
-            <div id="modal-container"/>
-            <RebootButton/>
+            <div id="modal-container" />
+            <RebootButton />
         </>);
         componentContainer = container;
     });
@@ -51,5 +53,4 @@ describe("<RebootButton/>", () => {
         await wait(() => expect(mockSetAlert)
             .toBeCalledWith("Reboot request failed."));
     });
-
 });

src/form/__tests__/SubmitButton.test.js

@@ -12,17 +12,17 @@ import { STATES, SubmitButton } from "../components/SubmitButton";
 
 describe("<SubmitButton/>", () => {
     it("Render ready", () => {
-        const { container } = render(<SubmitButton state={STATES.READY}/>);
+        const { container } = render(<SubmitButton state={STATES.READY} />);
         expect(container)
             .toMatchSnapshot();
     });
     it("Render saving", () => {
-        const { container } = render(<SubmitButton state={STATES.SAVING}/>);
+        const { container } = render(<SubmitButton state={STATES.SAVING} />);
         expect(container)
             .toMatchSnapshot();
     });
     it("Render load", () => {
-        const { container } = render(<SubmitButton state={STATES.LOAD}/>);
+        const { container } = render(<SubmitButton state={STATES.LOAD} />);
         expect(container)
             .toMatchSnapshot();
     });

src/form/__tests__/__snapshots__/SubmitButton.test.js.snap

@@ -3,7 +3,7 @@
 exports[`<SubmitButton/> Render load 1`] = `
 <div>
   <button
-    class="btn btn-primary  offset-lg-8 col-lg-3 col-sm-12"
+    class="btn btn-primary  col-sm-12 col-lg-3"
     disabled=""
     type="submit"
   >
@@ -23,7 +23,7 @@ exports[`<SubmitButton/> Render load 1`] = `
 exports[`<SubmitButton/> Render ready 1`] = `
 <div>
   <button
-    class="btn btn-primary  offset-lg-8 col-lg-3 col-sm-12"
+    class="btn btn-primary  col-sm-12 col-lg-3"
     type="submit"
   >
      
@@ -36,7 +36,7 @@ exports[`<SubmitButton/> Render ready 1`] = `
 exports[`<SubmitButton/> Render saving 1`] = `
 <div>
   <button
-    class="btn btn-primary  offset-lg-8 col-lg-3 col-sm-12"
+    class="btn btn-primary  col-sm-12 col-lg-3"
     disabled=""
     type="submit"
   >

src/form/__tests__/hooks.test.js

@@ -5,99 +5,98 @@
  * See /LICENSE for more information.
  */
 
-import React from 'react';
+import React from "react";
 
-import { act, fireEvent, render, waitForElement } from 'customTestRender';
-import mockAxios from 'jest-mock-axios';
+import {
+    act, fireEvent, render, waitForElement,
+} from "customTestRender";
+import mockAxios from "jest-mock-axios";
+import { WebSockets } from "webSockets/WebSockets";
 import { ForisForm } from "../components/ForisForm";
 
-
 // It's possible to unittest each hooks via react-hooks-testing-library.
 // But it's better and easier to test it by test components which uses this hooks.
 
-const TestForm = ({formData, formErrors, setFormValue}) => {
-    return <>
+const TestForm = ({ formData, formErrors, setFormValue }) => (
+    <>
         <input
-            data-testid='test-input'
+            data-testid="test-input"
             value={formData.field}
-            onChange={setFormValue(value => ({field: {$set: value}}))}
+            onChange={setFormValue((value) => ({ field: { $set: value } }))}
         />
         <p>{formErrors.field}</p>
     </>
-};
+);
 
-describe('useForm hook.', () => {
+describe("useForm hook.", () => {
     let mockValidator;
     let mockPrepData;
     let mockPrepDataToSubmit;
-    let mockWebSockets;
     let input;
     let form;
-    const Child = jest.fn(props => <TestForm {...props}/>);
+    const Child = jest.fn((props) => <TestForm {...props} />);
 
     beforeEach(async () => {
-        mockPrepData = jest.fn(() => ({field: 'preparedData'}));
-        mockPrepDataToSubmit = jest.fn(() => ({field: 'preparedDataToSubmit'}));
-        mockValidator = jest.fn(data => data.field === 'invalidValue' ? {field: 'Error'} : {});
-        const {getByTestId, container} = render(
+        mockPrepData = jest.fn(() => ({ field: "preparedData" }));
+        mockPrepDataToSubmit = jest.fn(() => ({ field: "preparedDataToSubmit" }));
+        mockValidator = jest.fn((data) => (data.field === "invalidValue" ? { field: "Error" } : {}));
+        const { getByTestId, container } = render(
             <ForisForm
-                ws={mockWebSockets}
+                ws={new WebSockets()}
                 // Just some module which exists...
                 forisConfig={{
-                    endpoint: 'testEndpoint',
-                    wsModule: 'testWSModule'
+                    endpoint: "testEndpoint",
+                    wsModule: "testWSModule",
                 }}
                 prepData={mockPrepData}
                 prepDataToSubmit={mockPrepDataToSubmit}
                 validator={mockValidator}
             >
-                <Child/>
-            </ForisForm>
+                <Child />
+            </ForisForm>,
         );
-        mockAxios.mockResponse({field: 'fetchedData'});
+        mockAxios.mockResponse({ field: "fetchedData" });
 
-        input = await waitForElement(() =>
-            getByTestId('test-input')
-        );
-        form = container.firstChild
+        input = await waitForElement(() => getByTestId("test-input"));
+        form = container.firstChild.firstChild;
     });
 
-    it('Validation on changing.', () => {
+    it("Validation on changing.", () => {
         expect(mockValidator).toHaveBeenCalledTimes(1);
         expect(Child).toHaveBeenCalledTimes(1);
         expect(Child.mock.calls[0][0].formErrors).toMatchObject({});
 
         act(() => {
-            fireEvent.change(input, {target: {value: 'invalidValue', type: 'text'}});
+            fireEvent.change(input, { target: { value: "invalidValue", type: "text" } });
         });
 
         expect(Child).toHaveBeenCalledTimes(2);
         expect(mockValidator).toHaveBeenCalledTimes(2);
-        expect(Child.mock.calls[1][0].formErrors).toMatchObject({field: 'Error'});
+        expect(Child.mock.calls[1][0].formErrors).toMatchObject({ field: "Error" });
     });
 
-    it('Update text value.', () => {
-        fireEvent.change(input, {target: {value: 'newValue', type: 'text'}})
-        expect(input.value).toBe('newValue');
+    it("Update text value.", () => {
+        fireEvent.change(input, { target: { value: "newValue", type: "text" } });
+        expect(input.value).toBe("newValue");
     });
 
-    it('Update text value.', () => {
-        fireEvent.change(input, {target: {value: 123, type: 'number'}})
-        expect(input.value).toBe('123');
+    it("Update text value.", () => {
+        fireEvent.change(input, { target: { value: 123, type: "number" } });
+        expect(input.value).toBe("123");
     });
 
-    it('Update checkbox value.', () => {
-        fireEvent.change(input, {target: {checked: true, type: 'checkbox'}})
+    it("Update checkbox value.", () => {
+        fireEvent.change(input, { target: { checked: true, type: "checkbox" } });
         expect(input.checked).toBe(true);
     });
 
-    it('Fetch data.', () => {
-        expect(mockAxios.get).toHaveBeenCalledWith('testEndpoint', expect.anything());
+    it("Fetch data.", () => {
+        expect(mockAxios.get).toHaveBeenCalledWith("testEndpoint", expect.anything());
         expect(mockPrepData).toHaveBeenCalledTimes(1);
-        expect(Child.mock.calls[0][0].formData).toMatchObject({field: 'preparedData'});
+        expect(Child.mock.calls[0][0].formData).toMatchObject({ field: "preparedData" });
     });
 
-    it('Submit.', () => {
+    it("Submit.", () => {
         expect(mockAxios.get).toHaveBeenCalledTimes(1);
         expect(mockPrepDataToSubmit).toHaveBeenCalledTimes(0);
 
@@ -106,8 +105,8 @@ describe('useForm hook.', () => {
         expect(mockPrepDataToSubmit).toHaveBeenCalledTimes(1);
         expect(mockAxios.post).toHaveBeenCalledTimes(1);
         expect(mockAxios.post).toHaveBeenCalledWith(
-            'testEndpoint',
-            {'field': 'preparedDataToSubmit'},
+            "testEndpoint",
+            { field: "preparedDataToSubmit" },
             expect.anything(),
         );
     });

src/form/__tests__/validation.test.js

@@ -11,8 +11,8 @@ import {
     validateIPv4Address,
     validateIPv6Address,
     validateIPv6Prefix,
-    validateMAC
-} from "validations";
+    validateMAC,
+} from "utils/validations";
 
 describe("Validation functions", () => {
     it("validateIPv4Address valid", () => {
@@ -50,7 +50,6 @@ describe("Validation functions", () => {
             .toBe(undefined);
         expect(validateIPv6Address("::"))
             .toBe(undefined);
-
     });
     it("validateIPv6Address invalid", () => {
         expect(validateIPv6Address("invalid"))
@@ -85,7 +84,6 @@ describe("Validation functions", () => {
             .toBe(undefined);
     });
 
-
     it("validateDomain valid", () => {
         expect(validateDomain("example.com"))
             .toBe(undefined);
@@ -108,7 +106,6 @@ describe("Validation functions", () => {
             .toBe(undefined);
         expect(validateDUID("ABCDEF12AB"))
             .toBe(undefined);
-
     });
     it("validateDUID invalid", () => {
         expect(validateDUID("gggggggg"))

src/form/components/ForisForm.js

@@ -7,17 +7,18 @@
 
 import React, { useEffect } from "react";
 import PropTypes from "prop-types";
+import { Prompt } from "react-router-dom";
 
-import { Spinner } from "bootstrap/Spinner";
-import { useAPIPost } from "api/hooks";
+import { ALERT_TYPES } from "../../bootstrap/Alert";
+import { API_STATE } from "../../api/utils";
+import { formFieldsSize } from "../../bootstrap/constants";
+import { Spinner } from "../../bootstrap/Spinner";
+import { useAlert } from "../../alertContext/AlertContext";
+import { useAPIPost } from "../../api/hooks";
 
-import { Prompt } from "react-router";
-import { API_STATE } from "api/utils";
-import { ErrorMessage } from "utils/ErrorMessage";
-import { useAlert } from "alertContext/AlertContext";
-import { ALERT_TYPES } from "bootstrap/Alert";
 import { useForisModule, useForm } from "../hooks";
 import { STATES as SUBMIT_BUTTON_STATES, SubmitButton } from "./SubmitButton";
+import { ErrorMessage } from "../../utils/ErrorMessage";
 
 ForisForm.propTypes = {
     /** Optional WebSocket object. See `scr/common/WebSockets.js`.
@@ -26,7 +27,7 @@ ForisForm.propTypes = {
     ws: PropTypes.object,
     /** Foris configuration object. See usage in main components. */
     forisConfig: PropTypes.shape({
-        /** reForis Flask aplication API endpoint from `src/common/API.js`. */
+        /** reForis Flask application API endpoint from `src/common/API.js`. */
         endpoint: PropTypes.string.isRequired,
         /** `foris-controller` module name to be used via WebSockets.
          *  It can be use only with `ws` prop.
@@ -37,20 +38,24 @@ ForisForm.propTypes = {
          * */
         wsAction: PropTypes.string,
     }).isRequired,
-    /** Function to prepare data recived from the API before using in forms. */
-    prepData: PropTypes.func.isRequired,
+    /** Function to prepare data received from the API before using in forms. */
+    prepData: PropTypes.func,
     /** Function to prepare data from form before submitting. */
-    prepDataToSubmit: PropTypes.func.isRequired,
+    prepDataToSubmit: PropTypes.func,
     /** Function to handle response to POST request. */
-    postCallback: PropTypes.func.isRequired,
+    postCallback: PropTypes.func,
     /** Validate data and provide validation object. Then validation errors passed to children. */
-    validator: PropTypes.func.isRequired,
+    validator: PropTypes.func,
     /** Disables form */
     disabled: PropTypes.bool,
-    /** reForis form components. */
-    children: PropTypes.node.isRequired,
     /** Optional override of form submit callback */
     onSubmitOverridden: PropTypes.func,
+    /** Reference to actual form element (useful for programmatically submitting it).
+     * Pass the output of useRef hook to this prop.
+    */
+    formReference: PropTypes.object,
+    /** reForis form components. */
+    children: PropTypes.node.isRequired,
 
     // eslint-disable-next-line react/no-unused-prop-types
     customWSProp(props) {
@@ -72,7 +77,12 @@ ForisForm.defaultProps = {
     disabled: false,
 };
 
-/** Serves as HOC for all foris forms components. */
+/** Serves as HOC for all foris forms components.
+ *
+ * As `<Prompt />` from `react-router-dom` is used in this component then it required to
+ * use exposed `ReactRouterDOM` object from `react-router-dom` library which is exposed by reForis.
+ * See README for more information.
+ * */
 export function ForisForm({
     ws,
     forisConfig,
@@ -82,10 +92,11 @@ export function ForisForm({
     validator,
     disabled,
     onSubmitOverridden,
+    formReference,
     children,
 }) {
     const [formState, onFormChangeHandler, resetFormData] = useForm(validator, prepData);
-    const [setAlert] = useAlert();
+    const [setAlert, dismissAlert] = useAlert();
 
     const [forisModuleState] = useForisModule(ws, forisConfig);
     useEffect(() => {
@@ -105,7 +116,7 @@ export function ForisForm({
     }, [postCallback, postState.state, postState.data, setAlert]);
 
     if (forisModuleState.state === API_STATE.ERROR) {
-        return <ErrorMessage />;
+        return <ErrorMessage message={forisModuleState.data} />;
     }
     if (!formState.data) {
         return <Spinner />;
@@ -114,6 +125,7 @@ export function ForisForm({
     function onSubmitHandler(event) {
         event.preventDefault();
         resetFormData();
+        dismissAlert();
         const copiedFormData = JSON.parse(JSON.stringify(formState.data));
         const preparedData = prepDataToSubmit(copiedFormData);
         post({ data: preparedData });
@@ -137,6 +149,7 @@ export function ForisForm({
     const childrenWithFormProps = React.Children.map(
         children,
         (child) => React.cloneElement(child, {
+            initialData: formState.initialData,
             formData: formState.data,
             formErrors: formState.errors,
             setFormValue: onFormChangeHandler,
@@ -154,15 +167,17 @@ export function ForisForm({
     }
 
     return (
-        <>
+        <div className={formFieldsSize}>
             <Prompt message={getMessageOnLeavingPage} />
-            <form onSubmit={onSubmit}>
+            <form onSubmit={onSubmit} ref={formReference}>
                 {childrenWithFormProps}
-                <SubmitButton
-                    state={getSubmitButtonState()}
-                    disabled={submitButtonIsDisabled}
-                />
+                <div className="text-right">
+                    <SubmitButton
+                        state={getSubmitButtonState()}
+                        disabled={submitButtonIsDisabled}
+                    />
+                </div>
             </form>
-        </>
+        </div>
     );
 }

src/form/components/SubmitButton.js

@@ -8,7 +8,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 
-import { Button } from "bootstrap/Button";
+import { Button } from "../../bootstrap/Button";
 
 export const STATES = {
     READY: 1,

src/form/hooks.js

@@ -8,8 +8,8 @@
 import { useCallback, useEffect, useReducer } from "react";
 import update from "immutability-helper";
 
-import { useAPIGet } from "api/hooks";
-import { useWSForisModule } from "webSockets/hooks";
+import { useAPIGet } from "../api/hooks";
+import { useWSForisModule } from "../webSockets/hooks";
 
 const FORM_ACTIONS = {
     updateValue: 1,

src/index.js

@@ -13,58 +13,61 @@ export {
     useAPIPut,
     useAPIDelete,
     useAPIPolling,
-} from "api/hooks";
-export { API_STATE } from "api/utils";
+} from "./api/hooks";
+export { API_STATE } from "./api/utils";
 
 // Bootstrap
-export { Alert, ALERT_TYPES } from "bootstrap/Alert";
-export { Button } from "bootstrap/Button";
-export { CheckBox } from "bootstrap/CheckBox";
-export { DownloadButton } from "bootstrap/DownloadButton";
-export { DataTimeInput } from "bootstrap/DataTimeInput";
-export { EmailInput } from "bootstrap/EmailInput";
-export { FileInput } from "bootstrap/FileInput";
-export { Input } from "bootstrap/Input";
-export { NumberInput } from "bootstrap/NumberInput";
-export { PasswordInput } from "bootstrap/PasswordInput";
-export { RadioSet } from "bootstrap/RadioSet";
-export { Select } from "bootstrap/Select";
-export { TextInput } from "bootstrap/TextInput";
-export { formFieldsSize } from "bootstrap/constants";
+export { Alert, ALERT_TYPES } from "./bootstrap/Alert";
+export { Button } from "./bootstrap/Button";
+export { CheckBox } from "./bootstrap/CheckBox";
+export { DownloadButton } from "./bootstrap/DownloadButton";
+export { DataTimeInput } from "./bootstrap/DataTimeInput";
+export { EmailInput } from "./bootstrap/EmailInput";
+export { FileInput } from "./bootstrap/FileInput";
+export { Input } from "./bootstrap/Input";
+export { NumberInput } from "./bootstrap/NumberInput";
+export { PasswordInput } from "./bootstrap/PasswordInput";
+export { Radio, RadioSet } from "./bootstrap/RadioSet";
+export { Select } from "./bootstrap/Select";
+export { TextInput } from "./bootstrap/TextInput";
+export { formFieldsSize } from "./bootstrap/constants";
 
 export {
     Spinner,
     SpinnerElement,
-} from "bootstrap/Spinner";
+} from "./bootstrap/Spinner";
 export {
     Modal,
     ModalBody,
     ModalFooter,
     ModalHeader,
-} from "bootstrap/Modal";
+} from "./bootstrap/Modal";
 
 // Common
-export { RebootButton } from "common/RebootButton";
+export { RebootButton } from "./common/RebootButton";
+export { WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
 
 // Form
-export { ForisForm } from "form/components/ForisForm";
-export { SubmitButton, STATES as SUBMIT_BUTTON_STATES } from "form/components/SubmitButton";
-export { useForisModule, useForm } from "form/hooks";
+export { ForisForm } from "./form/components/ForisForm";
+export { SubmitButton, STATES as SUBMIT_BUTTON_STATES } from "./form/components/SubmitButton";
+export { useForisModule, useForm } from "./form/hooks";
 
 // WebSockets
-export { useWSForisModule } from "webSockets/hooks";
-export { WebSockets } from "webSockets/WebSockets";
+export { useWSForisModule } from "./webSockets/hooks";
+export { WebSockets } from "./webSockets/WebSockets";
 
 // Utils
-export { Portal } from "utils/Portal";
-export { undefinedIfEmpty, withoutUndefinedKeys, onlySpecifiedKeys } from "utils/objectHelpers";
+export { Portal } from "./utils/Portal";
+export { undefinedIfEmpty, withoutUndefinedKeys, onlySpecifiedKeys } from "./utils/objectHelpers";
 export {
     withEither, withSpinner, withSending, withSpinnerOnSending, withError, withErrorMessage,
-} from "utils/conditionalHOCs";
-export { ErrorMessage } from "utils/ErrorMessage";
+} from "./utils/conditionalHOCs";
+export { ErrorMessage } from "./utils/ErrorMessage";
+export { useClickOutside } from "./utils/hooks";
+export { toLocaleDateString } from "./utils/datetime";
 
 // Foris URL
-export { ForisURLs, REFORIS_URL_PREFIX } from "forisUrls";
+export { ForisURLs, REFORIS_URL_PREFIX } from "./utils/forisUrls";
 
 // Validation
 export {
@@ -75,7 +78,7 @@ export {
     validateDUID,
     validateMAC,
     validateMultipleEmails,
-} from "validations";
+} from "./utils/validations";
 
 // Alert context
-export { AlertContextProvider, useAlert } from "alertContext/AlertContext";
+export { AlertContextProvider, useAlert } from "./alertContext/AlertContext";

src/testUtils/alertContextMock.js

@@ -15,7 +15,7 @@ window.AlertContext = React.createContext();
 function AlertContextMock({ children }) {
     return (
         <AlertContext.Provider value={[mockSetAlert, mockDismissAlert]}>
-                { children }
+            { children }
         </AlertContext.Provider>
     );
 }

src/testUtils/customTestRender.js

@@ -9,7 +9,7 @@
 
 import React from "react";
 import { UIDReset } from "react-uid";
-import { StaticRouter } from "react-router";
+import { StaticRouter } from "react-router-dom";
 import { render } from "@testing-library/react";
 import PropTypes from "prop-types";
 

src/testUtils/mockGlobals.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+// Mock babel (gettext)
+global._ = (str) => str;
+global.ngettext = (str) => str;
+global.babel = { format: (str) => str };
+global.ForisTranslations = { locale: "en" };

src/testUtils/network.js

@@ -5,7 +5,7 @@
  * See /LICENSE for more information.
  */
 
-import mockAxios from 'jest-mock-axios';
+import mockAxios from "jest-mock-axios";
 
 export function mockJSONError(data) {
     mockAxios.mockError({ response: { data, headers: { "content-type": "application/json" } } });

src/testUtils/setup.js

@@ -5,29 +5,24 @@
  * See /LICENSE for more information.
  */
 
-import mockAxios from 'jest-mock-axios';
-import moment from 'moment-timezone';
+import mockAxios from "jest-mock-axios";
+import moment from "moment-timezone";
+import "./mockGlobals";
 
 // Setup axios cleanup
 global.afterEach(() => {
     mockAxios.reset();
 });
 
-// Mock babel (gettext)
-global._ = str => str;
-global.ngettext = str => str;
-global.babel = {format: (str) => str};
-global.ForisTranslations = {};
-
 // Mock web sockets
 window.WebSocket = jest.fn();
 
 // Mock scrollIntoView
 global.HTMLElement.prototype.scrollIntoView = () => {};
 
-jest.doMock('moment', () => {
-    moment.tz.setDefault('UTC');
+// Mock timezone utilities
+jest.doMock("moment", () => {
+    moment.tz.setDefault("UTC");
     return moment;
 });
-
 Date.now = jest.fn(() => new Date(Date.UTC(2019, 1, 1, 12, 13, 14)).valueOf());

src/utils/ErrorMessage.js

@@ -6,11 +6,18 @@
  */
 
 import React from "react";
+import PropTypes from "prop-types";
 
-export function ErrorMessage() {
+ErrorMessage.propTypes = {
+    message: PropTypes.string,
+};
+
+ErrorMessage.defaultProps = {
+    message: _("An error occurred while fetching data."),
+};
+
+export function ErrorMessage({ message }) {
     return (
-        <p className="text-center text-danger">
-            {_("An error occurred while fetching data.")}
-        </p>
+        <p className="text-center text-danger">{message}</p>
     );
 }

src/utils/__tests__/conditionalHOCs.test.js

@@ -7,10 +7,10 @@
 
 import React from "react";
 import { render } from "customTestRender";
+import { API_STATE } from "api/utils";
 import {
     withEither, withSpinner, withSending, withSpinnerOnSending, withError, withErrorMessage,
 } from "../conditionalHOCs";
-import { API_STATE } from "api/utils";
 
 describe("conditional HOCs", () => {
     const First = () => <p>First</p>;

src/utils/__tests__/datetime.test.js

@@ -0,0 +1,51 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import { toLocaleDateString } from "../datetime";
+
+describe("toLocaleDateString", () => {
+    it("should work with different locale", () => {
+        global.ForisTranslations = { locale: "fr" };
+        expect(
+            toLocaleDateString("2020-02-20T12:51:36+00:00")
+        ).toBe("20 février 2020 12:51");
+        global.ForisTranslations = { locale: "en" };
+    })
+
+    it("should convert with default format", () => {
+        expect(
+            toLocaleDateString("2020-02-20T12:51:36+00:00")
+        ).toBe("February 20, 2020 12:51 PM");
+    });
+
+    it("should convert with custom input format", () => {
+        expect(
+            toLocaleDateString(
+                "2020-02-20 12:51:36 +0000",
+                { inputFormat: "YYYY-MM-DD HH:mm:ss Z" },
+            )
+        ).toBe("February 20, 2020 12:51 PM");
+    });
+
+    it("should convert with custom output format", () => {
+        expect(
+            toLocaleDateString(
+                "2020-02-20T12:51:36+00:00",
+                { outputFormat: "LL" },
+            )
+        ).toBe("February 20, 2020");
+    });
+
+    it("should convert with custom input and output format", () => {
+        expect(
+            toLocaleDateString(
+                "2020-02-20 12:51:36 +0000",
+                { inputFormat: "YYYY-MM-DD HH:mm:ss Z", outputFormat: "LL" },
+            )
+        ).toBe("February 20, 2020");
+    });
+});

src/utils/conditionalHOCs.js

@@ -7,8 +7,8 @@
 
 import React from "react";
 
-import { Spinner } from "bootstrap/Spinner";
-import { API_STATE } from "api/utils";
+import { Spinner } from "../bootstrap/Spinner";
+import { API_STATE } from "../api/utils";
 import { ErrorMessage } from "./ErrorMessage";
 
 function withEither(conditionalFn, Either) {

src/utils/datetime.js

@@ -0,0 +1,8 @@
+import moment from "moment";
+
+export function toLocaleDateString(date, { inputFormat, outputFormat = "LLL" } = {}) {
+    const parsedDate = inputFormat ? moment(date, inputFormat) : moment(date);
+    return parsedDate
+        .locale(ForisTranslations.locale)
+        .format(outputFormat);
+}

src/utils/forisUrls.js

@@ -10,6 +10,8 @@ export const REFORIS_API_URL_PREFIX = `${REFORIS_URL_PREFIX}/api`;
 
 export const ForisURLs = {
     login: `${REFORIS_URL_PREFIX}/login`,
+    logout: `${REFORIS_URL_PREFIX}/logout`,
+
     static: `${REFORIS_URL_PREFIX}/static/reforis`,
     wifi: `${REFORIS_URL_PREFIX}/network-settings/wifi`,
 

src/utils/hooks.js

@@ -18,3 +18,19 @@ export function useConditionalTimeout({ callback, timeout = 125 }, ...callbackAr
     }, [condition, callback, timeout, callbackArgs]);
     return setCondition;
 }
+
+/** Execute callback when user clicks outside specified element. */
+export function useClickOutside(element, callback) {
+    function handleClickOutside(event) {
+        if (element.current && !element.current.contains(event.target)) {
+            callback(event);
+        }
+    }
+
+    useEffect(() => {
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    });
+}

src/utils/validations.js

@@ -23,7 +23,7 @@ const REs = {
     IPv4: /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
     IPv6: /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/,
     IPv6Prefix: /^s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:)))(%.+)?s*(\/([0-9]|[1-9][0-9]|1[0-1][0-9]|12[0-8]))$/,
-    domain: /^([a-zA-Z0-9-]{1,63}\.?)*$/,
+    domain: /^[A-Za-z0-9][A-Za-z0-9.-]{1,255}$/,
     DUID: /^([0-9a-fA-F]{2}){4}([0-9a-fA-F]{2})*$/,
     MAC: /^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/,
     MultipleEmails: /^([a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)( *, *[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)*$/,

src/webSockets/WebSockets.js

@@ -7,7 +7,7 @@
 
 /* eslint no-console: "off" */
 
-import { ForisURLs } from "forisUrls";
+import { ForisURLs } from "../utils/forisUrls";
 
 const PROTOCOL = window.location.protocol === "http:" ? "ws" : "wss";
 
@@ -25,18 +25,18 @@ export class WebSockets {
                 console.error("WS: Error observed, you aren't logged probably.");
                 window.location.replace(ForisURLs.login);
             }
-            console.log(`WS: Error: ${e}`);
+            console.error(`WS: Error: ${e}`);
         };
         this.ws.onmessage = (e) => {
-            console.log(`WS: Received Message: ${e.data}`);
+            console.debug(`WS: Received Message: ${e.data}`);
             const data = JSON.parse(e.data);
             this.dispatch(data);
         };
         this.ws.onopen = () => {
-            console.log("WS: Connection open.");
+            console.debug("WS: Connection open.");
         };
         this.ws.onclose = () => {
-            console.log("WS: Connection closed.");
+            console.debug("WS: Connection closed.");
         };
 
         // callbacks[module][action]
@@ -111,7 +111,7 @@ export class WebSockets {
             chain = this.callbacks[json.module][json.action];
         } catch (error) {
             if (error instanceof TypeError) {
-                console.log(`Callback for this message wasn't found:${error.data}`);
+                console.warn(`Callback for this message wasn't found:${error.data}`);
             } else throw error;
         }
 

src/webSockets/hooks.js

@@ -7,7 +7,7 @@
 
 import { useEffect, useState } from "react";
 
-export function useWSForisModule(ws, module, action = "update_settings") {
+export function useWSForisModule(ws, module, action = "update_settings", controllerID) {
     const [data, setData] = useState(null);
 
     useEffect(() => {
@@ -16,8 +16,12 @@ export function useWSForisModule(ws, module, action = "update_settings") {
         // doesn't present any WS endpoint.
         if (!ws) return;
 
-        function callback(msg) {
-            setData(msg.data);
+        function callback(message) {
+            // Accept only messages addressed to device with passed controller ID.
+            if (controllerID !== undefined && controllerID !== message.controller_id) {
+                return;
+            }
+            setData(message.data);
         }
 
         ws.subscribe(module)
@@ -26,7 +30,7 @@ export function useWSForisModule(ws, module, action = "update_settings") {
         return () => {
             ws.unbind(module, action, callback);
         };
-    }, [action, module, ws]);
+    }, [action, module, ws, controllerID]);
 
     return [data];
 }

styleguide.config.js

@@ -14,6 +14,10 @@ module.exports = {
             name: "Foris JS",
             content: "docs/intro.md",
         },
+        {
+            name: "Development (Linking)",
+            content: "docs/development.md",
+        },
         {
             name: "Foris forms",
             components: [
@@ -24,6 +28,14 @@ module.exports = {
             exampleMode: "expand",
             usageMode: "expand",
         },
+        {
+            name: "Alert Context",
+            components: [
+                "src/alertContext/AlertContext.js",
+            ],
+            exampleMode: "expand",
+            usageMode: "expand",
+        },
         {
             name: "Bootstrap components",
             description: "Set of bootstrap components.",
@@ -37,6 +49,7 @@ module.exports = {
     ],
     require: [
         "babel-polyfill",
+        path.join(__dirname, "src/testUtils/mockGlobals"),
         path.join(__dirname, "node_modules/bootstrap/dist/css/bootstrap.min.css"),
         path.join(__dirname, "node_modules/@fortawesome/fontawesome-free/css/all.min.css"),
     ],

translations/cs/LC_MESSAGES/forisjs.po

@@ -7,17 +7,17 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-11-21 17:04+0000\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-09-29 15:56+0000\n"
 "Last-Translator: Pavel Borecki <pavel.borecki@gmail.com>\n"
 "Language: cs\n"
-"Language-Team: Czech <https://hosted.weblate.org/projects/turris/foris-"
-"js/cs/>\n"
+"Language-Team: Czech "
+"<https://hosted.weblate.org/projects/turris/reforis/cs/>\n"
 "Plural-Forms: nplurals=3; plural=(n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -59,21 +59,17 @@ msgstr "Došlo k chybě kvůli překročení časového limitu."
 msgid "No response received."
 msgstr "Neobdržena žádná odezva."
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr "Došlo k neznámé chybě. Další informace naleznete v konzoli."
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr "Došlo k neznámé chybě v aplikačním programovém rozhraní."
 
 #: src/common/RebootButton.js:33
 msgid "Reboot request failed."
-msgstr ""
+msgstr "Vyžadován restart"
 
 #: src/common/RebootButton.js:54
 msgid "Reboot"
-msgstr ""
+msgstr "Restartovat"
 
 #: src/common/RebootButton.js:69
 msgid "Reboot confirmation"
@@ -91,11 +87,171 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr "Zapnout"
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr "automaticky"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr "Zapnout WiFi pro hosty"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr "Heslo"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr "SSID nemůže být delší než 32 znaků"
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr "SSID je třeba vyplnit"
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr "Je třeba, aby heslo obsahovalo alespoň 8 znaků"
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr "Vypnuto"
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr "802.11n – kanál šíře 20 MHz"
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr "802.11n – kanál šíře 40 MHz"
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr "802.11ac – kanál šíře 20 MHz"
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr "802.11ac – kanál šíře 40 MHz"
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr "802.11ac – kanál šíře 80 MHz"
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+"\n"
+"        WPA2 předsdílený klíč, který je vyžadován pro připojení se k "
+"síti.\n"
+"    "
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+"Při zapnutí této volby se síť nebude zobrazovat zařízením když budou "
+"vyhledávat dostupné sítě."
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+"\n"
+"        Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji,"
+" ale bývá více zarušené. Pásmo 5 GHz je\n"
+"        novější standard a nemusí být podporováno všemi vámi používanými "
+"zařízeními. Obvykle bývá méně zarušené,\n"
+"        ale signál se hůře šíři uvnitř budov."
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+"\n"
+"        Změna tohoto upraví režim fungování 802.11n/ac. 802.11n s kanály "
+"o šíři 40 MHz kanály může pomoci k vyšší\n"
+"        propustnosti, ale je náchylnější na rušení. Pokud nevíte co "
+"zvolit, použijte výchozí volbu s kanálem šíře\n"
+"        20 MHz.\n"
+"    "
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+"\n"
+"        Zapíná Wi-Fi pro hosty, která je oddělená od místní sítě (LAN). "
+"Zařízením připojeným k této síti je umožněn\n"
+"        přístup do Internetu, ale už ne na ostatní zařízení a k rozhraní "
+"pro nastavování směrovače.\n"
+"        Parametry sítě pro hosty je možné nastavit na panelu „Síť pro "
+"hosty“.\n"
+"        "
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr "Nastavení úspěšně uložena"
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 "Změny, které byly provedeny, nebyly uloženy. Jste si jistý, že chcete "
@@ -113,25 +269,10 @@ msgstr "Načítám nastavení"
 msgid "Save"
 msgstr "Uložit"
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr "Došlo k chybě při získávání dat."
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr "Nastavení bylo úspěšně uloženo."
-
-#~ msgid "Settings update was failed."
-#~ msgstr "Ukládání nastavení selhalo."
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
-#~ msgstr ""
+#~ msgid "An unknown error occurred. Check the console for more info."
+#~ msgstr "Došlo k neznámé chybě. Další informace naleznete v konzoli."
 

translations/da/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:54+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: da\n"
 "Language-Team: da <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/de/LC_MESSAGES/forisjs.po

@@ -7,44 +7,45 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:54+0200\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-09-02 07:21+0000\n"
+"Last-Translator: Ulrich Günther <mail@ulrich-guenther.at>\n"
 "Language: de\n"
-"Language-Team: de <LL@li.org>\n"
-"Plural-Forms: nplurals=2; plural=(n != 1)\n"
+"Language-Team: German "
+"<https://hosted.weblate.org/projects/turris/reforis/de/>\n"
+"Plural-Forms: nplurals=2; plural=n != 1\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
-msgstr ""
+msgstr "Dies ist keine gültige IPv4-Adresse."
 
 #: src/validations.js:14
 msgid "This is not a valid IPv6 address."
-msgstr ""
+msgstr "Dies ist keine gültige IPv6-Adresse."
 
 #: src/validations.js:15
 msgid "This is not a valid IPv6 prefix."
-msgstr ""
+msgstr "Dies ist kein gültiges IPv6-Präfix."
 
 #: src/validations.js:16
 msgid "This is not a valid domain name."
-msgstr ""
+msgstr "Dies ist kein gültiger Domainname."
 
 #: src/validations.js:17
 msgid "This is not a valid DUID."
-msgstr ""
+msgstr "Dies ist keine gültige DUID."
 
 #: src/validations.js:18
 msgid "This is not a valid MAC address."
-msgstr ""
+msgstr "Dies ist keine gültige MAC-Adresse."
 
 #: src/validations.js:19
 msgid "Doesn't contain a list of emails separated by commas."
-msgstr ""
+msgstr "Enthält keine Liste von E-Mails, die durch Kommas getrennt sind."
 
 #: src/api/utils.js:58
 msgid "The session is expired. Please log in again."
@@ -56,23 +57,20 @@ msgstr ""
 
 #: src/api/utils.js:66
 msgid "No response received."
-msgstr ""
+msgstr "Keine Antwort erhalten."
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
-msgstr ""
+msgstr "Ein unbekannter API-Fehler ist aufgetreten."
 
 #: src/common/RebootButton.js:33
+#, fuzzy
 msgid "Reboot request failed."
-msgstr ""
+msgstr "Neustart ist erforderlich"
 
 #: src/common/RebootButton.js:54
 msgid "Reboot"
-msgstr ""
+msgstr "Systemneustart"
 
 #: src/common/RebootButton.js:69
 msgid "Reboot confirmation"
@@ -90,45 +88,191 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
-msgid "Settings saved successfully"
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr "Aktivieren"
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr "automatisch"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr "Gast-WLAN aktivieren"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr "Passwort"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr "SSID darf nicht länger als 32 Symbole sein"
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr "SSID darf nicht leer sein"
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr "Das Passwort muss mindestens 8 Zeichen enthalten"
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr "Deaktiviert"
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr "802.11n - 20 MHz breiter Kanal"
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr "802.11n - 40 MHz breiter Kanal"
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr "802.11ac - 20 MHz breiter Kanal"
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr "802.11ac - 40 MHz breiter Kanal"
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr "802.11ac - 80 MHz breiter Kanal"
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+"\n"
+"        WPA2 Pre-Shared Key, der für die Verbindung mit dem Netzwerk "
+"benötigt wird.\n"
+"    "
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+"Falls aktiviert, wird das Netzwerk nicht in der Liste der verfügbaren "
+"drahtlosen Netzwerke angezeigt."
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+"\n"
+"        Das 2,4 GHz-Band wird stärker von Clients unterstützt, hat aber "
+"tendenziell mehr Interferenzen. Das 5-GHz-Band ist ein\n"
+"        neuerer Standard und wird möglicherweise nicht von allen Geräten "
+"unterstützt. Es hat in der Regel weniger Interferenzen, aber das Signal\n"
+"        trägt nicht so gut drinnen."
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+"\n"
+"        Ändern Sie diese Option, um den Betriebsmodus 802.11n/ac "
+"anzupassen. 802.11n mit 40 MHz breiten Kanälen können höhere\n"
+"        durchsatz, kann jedoch zu mehr Interferenzen im Netzwerk führen. "
+"Wenn Sie nicht wissen, was Sie wählen sollen, verwenden Sie die "
+"Standardeinstellung\n"
+"        Option mit 20 MHz breitem Kanal.\n"
+"    "
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+"\n"
+"        Ermöglicht Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. "
+"Geräte, die mit diesem Netzwerk verbunden sind, dürfen\n"
+"        auf das Internet zugreifen, dürfen aber nicht auf andere Geräte "
+"und die Konfigurationsschnittstelle des Routers zugreifen.\n"
+"        Die Parameter des Gastnetzwerks können in der Registerkarte "
+"Gastnetzwerk eingestellt werden.\n"
+"        "
+
+#: src/form/components/ForisForm.js:112
+msgid "Settings saved successfully"
+msgstr "Einstellungen erfolgreich gespeichert"
+
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
 #: src/form/components/SubmitButton.js:32
 msgid "Updating"
-msgstr ""
+msgstr "Aktualisiere"
 
 #: src/form/components/SubmitButton.js:35
 msgid "Load settings"
-msgstr ""
+msgstr "Einstellungen laden"
 
 #: src/form/components/SubmitButton.js:38
 msgid "Save"
-msgstr ""
+msgstr "Speichern"
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/el/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:54+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: el\n"
 "Language-Team: el <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/en/LC_MESSAGES/forisjs.po

@@ -7,44 +7,45 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:21+0200\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-10-17 09:28+0000\n"
+"Last-Translator: Scott Anecito <scott.anecito@protonmail.com>\n"
 "Language: en\n"
-"Language-Team: en <LL@li.org>\n"
-"Plural-Forms: nplurals=2; plural=(n != 1)\n"
+"Language-Team: English "
+"<https://hosted.weblate.org/projects/turris/reforis/en/>\n"
+"Plural-Forms: nplurals=2; plural=n != 1\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
-msgstr ""
+msgstr "This is not a valid IPv4 address."
 
 #: src/validations.js:14
 msgid "This is not a valid IPv6 address."
-msgstr ""
+msgstr "This is not a valid IPv6 address."
 
 #: src/validations.js:15
 msgid "This is not a valid IPv6 prefix."
-msgstr ""
+msgstr "This is not a valid IPv6 prefix."
 
 #: src/validations.js:16
 msgid "This is not a valid domain name."
-msgstr ""
+msgstr "This is not a valid domain name."
 
 #: src/validations.js:17
 msgid "This is not a valid DUID."
-msgstr ""
+msgstr "This is not a valid DUID."
 
 #: src/validations.js:18
 msgid "This is not a valid MAC address."
-msgstr ""
+msgstr "This is not a valid MAC address."
 
 #: src/validations.js:19
 msgid "Doesn't contain a list of emails separated by commas."
-msgstr ""
+msgstr "Doesn't contain a list of emails separated by commas."
 
 #: src/api/utils.js:58
 msgid "The session is expired. Please log in again."
@@ -58,21 +59,17 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
 #: src/common/RebootButton.js:33
 msgid "Reboot request failed."
-msgstr ""
+msgstr "Reboot is required"
 
 #: src/common/RebootButton.js:54
 msgid "Reboot"
-msgstr ""
+msgstr "Reboot"
 
 #: src/common/RebootButton.js:69
 msgid "Reboot confirmation"
@@ -90,45 +87,187 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr "Enable"
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr "auto"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr "Enable Guest Wifi"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr "Password"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr "SSID can't be longer than 32 symbols"
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr "SSID can't be empty"
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr "Password must contain at least 8 symbols"
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr "Disabled"
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr "802.11n - 20 MHz wide channel"
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr "802.11n - 40 MHz wide channel"
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr "802.11ac - 20 MHz wide channel"
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr "802.11ac - 40 MHz wide channel"
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr "802.11ac - 80 MHz wide channel"
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr "If set, network is not visible when scanning for available networks."
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
 #: src/form/components/SubmitButton.js:32
 msgid "Updating"
-msgstr ""
+msgstr "Updating"
 
 #: src/form/components/SubmitButton.js:35
 msgid "Load settings"
-msgstr ""
+msgstr "Load settings"
 
 #: src/form/components/SubmitButton.js:38
 msgid "Save"
-msgstr ""
+msgstr "Save"
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/es/LC_MESSAGES/forisjs.po

@@ -7,16 +7,17 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
-"Last-Translator: Automatically generated\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-10-29 06:53+0000\n"
+"Last-Translator: Adolfo Jayme Barrientos <fitojb@ubuntu.com>\n"
 "Language: es\n"
-"Language-Team: none\n"
-"Plural-Forms: nplurals=2; plural=(n != 1)\n"
+"Language-Team: Spanish "
+"<https://hosted.weblate.org/projects/turris/reforis/es/>\n"
+"Plural-Forms: nplurals=2; plural=n != 1\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,21 +59,18 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
 #: src/common/RebootButton.js:33
+#, fuzzy
 msgid "Reboot request failed."
-msgstr ""
+msgstr "Se necesita reiniciar"
 
 #: src/common/RebootButton.js:54
 msgid "Reboot"
-msgstr ""
+msgstr "Reiniciar"
 
 #: src/common/RebootButton.js:69
 msgid "Reboot confirmation"
@@ -80,49 +78,175 @@ msgstr ""
 
 #: src/common/RebootButton.js:70
 msgid "Are you sure you want to restart the router?"
-msgstr ""
+msgstr "¿Confirma que quiere reiniciar el enrutador?"
 
 #: src/common/RebootButton.js:72
 msgid "Cancel"
-msgstr ""
+msgstr "Cancelar"
 
 #: src/common/RebootButton.js:73
 msgid "Confirm reboot"
+msgstr "Confirmar reinicio"
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr "Activar"
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr "Contraseña"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
 #: src/form/components/SubmitButton.js:32
+#, fuzzy
 msgid "Updating"
-msgstr ""
+msgstr "Actualizaciones"
 
 #: src/form/components/SubmitButton.js:35
+#, fuzzy
 msgid "Load settings"
-msgstr ""
+msgstr "Configuración de LAN"
 
 #: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/fi/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:54+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: fi\n"
 "Language-Team: fi <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/fo/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:54+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: fo\n"
 "Language-Team: fo <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/forisjs.pot

@@ -1,49 +1,21 @@
 # Translations template for PROJECT.
-# Copyright (C) 2019 ORGANIZATION
+# Copyright (C) 2020 ORGANIZATION
 # This file is distributed under the same license as the PROJECT project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2019.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2020.
 #
 #, fuzzy
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
+"POT-Creation-Date: 2020-05-07 16:12+0200\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
-
-#: src/validations.js:13
-msgid "This is not a valid IPv4 address."
-msgstr ""
-
-#: src/validations.js:14
-msgid "This is not a valid IPv6 address."
-msgstr ""
-
-#: src/validations.js:15
-msgid "This is not a valid IPv6 prefix."
-msgstr ""
-
-#: src/validations.js:16
-msgid "This is not a valid domain name."
-msgstr ""
-
-#: src/validations.js:17
-msgid "This is not a valid DUID."
-msgstr ""
-
-#: src/validations.js:18
-msgid "This is not a valid MAC address."
-msgstr ""
-
-#: src/validations.js:19
-msgid "Doesn't contain a list of emails separated by commas."
-msgstr ""
+"Generated-By: Babel 2.8.0\n"
 
 #: src/api/utils.js:58
 msgid "The session is expired. Please log in again."
@@ -57,11 +29,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -89,11 +57,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:81
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:83
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:214
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:166
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -109,7 +210,35 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
+#: src/utils/validations.js:13
+msgid "This is not a valid IPv4 address."
+msgstr ""
+
+#: src/utils/validations.js:14
+msgid "This is not a valid IPv6 address."
+msgstr ""
+
+#: src/utils/validations.js:15
+msgid "This is not a valid IPv6 prefix."
+msgstr ""
+
+#: src/utils/validations.js:16
+msgid "This is not a valid domain name."
+msgstr ""
+
+#: src/utils/validations.js:17
+msgid "This is not a valid DUID."
+msgstr ""
+
+#: src/utils/validations.js:18
+msgid "This is not a valid MAC address."
+msgstr ""
+
+#: src/utils/validations.js:19
+msgid "Doesn't contain a list of emails separated by commas."
+msgstr ""
+

translations/fr/LC_MESSAGES/forisjs.po

@@ -7,68 +7,68 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:54+0200\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-10-14 11:04+0000\n"
+"Last-Translator: ButterflyOfFire <ButterflyOfFire@protonmail.com>\n"
 "Language: fr\n"
-"Language-Team: fr <LL@li.org>\n"
-"Plural-Forms: nplurals=2; plural=(n > 1)\n"
+"Language-Team: French "
+"<https://hosted.weblate.org/projects/turris/reforis/fr/>\n"
+"Plural-Forms: nplurals=2; plural=n > 1\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
-msgstr ""
+msgstr "Ce n’est pas une adresse IPv4 valide."
 
 #: src/validations.js:14
 msgid "This is not a valid IPv6 address."
-msgstr ""
+msgstr "Ce n’est pas une adresse IPv6 valide."
 
 #: src/validations.js:15
 msgid "This is not a valid IPv6 prefix."
-msgstr ""
+msgstr "Ce n’est pas un préfixe IPv6 valide."
 
 #: src/validations.js:16
 msgid "This is not a valid domain name."
-msgstr ""
+msgstr "Ce n’est pas un nom de domaine valide."
 
 #: src/validations.js:17
 msgid "This is not a valid DUID."
-msgstr ""
+msgstr "Ce n’est pas un DUID valide."
 
 #: src/validations.js:18
 msgid "This is not a valid MAC address."
-msgstr ""
+msgstr "Ce n’est pas une adresse MAC valide."
 
 #: src/validations.js:19
 msgid "Doesn't contain a list of emails separated by commas."
 msgstr ""
+"Il ne contient pas une liste d’adresses de messagerie séparées par des "
+"virgules."
 
 #: src/api/utils.js:58
 msgid "The session is expired. Please log in again."
-msgstr ""
+msgstr "Cette session a expiré. Veuillez vous reconnecter."
 
 #: src/api/utils.js:63
 msgid "Timeout error occurred."
-msgstr ""
+msgstr "Le délai a expiré."
 
 #: src/api/utils.js:66
 msgid "No response received."
-msgstr ""
+msgstr "Aucun réponse reçue."
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
-msgstr ""
+msgstr "Une erreur d’API inconnue s’est produite."
 
 #: src/common/RebootButton.js:33
+#, fuzzy
 msgid "Reboot request failed."
-msgstr ""
+msgstr "Un redémarrage est nécessaire"
 
 #: src/common/RebootButton.js:54
 msgid "Reboot"
@@ -90,45 +90,168 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
-msgid "Settings saved successfully"
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr "Activer"
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr "Activer le mode Wi-Fi invité"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr "Mot de passe"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr "Le SSID ne peut pas être vide"
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr "Le mot de passe doit contenir au moins 8 symboles"
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr "Désactivé"
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
+msgid "Settings saved successfully"
+msgstr "Paramètres enregistrés avec succès"
+
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
+"Il se peut que vos modifications ne soient pas enregistrées. Êtes-vous "
+"sûr de vouloir quitter ?"
 
 #: src/form/components/SubmitButton.js:32
 msgid "Updating"
-msgstr ""
+msgstr "Mise à jour en cours"
 
 #: src/form/components/SubmitButton.js:35
 msgid "Load settings"
-msgstr ""
+msgstr "Charger les paramètres"
 
 #: src/form/components/SubmitButton.js:38
 msgid "Save"
-msgstr ""
+msgstr "Enregistrer"
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
-msgstr ""
+msgstr "Une erreur s’est produite lors du chargement des données."
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
+#~ "Une erreur inconnue s’est produite. "
+#~ "Vérifiez la console pour plus "
+#~ "d’informations."
 

translations/hr/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:55+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: hr\n"
 "Language-Team: hr <LL@li.org>\n"
@@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -59,11 +59,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -91,11 +87,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -111,25 +240,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/hu/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:55+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: hu\n"
 "Language-Team: hu <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/it/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:55+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: it\n"
 "Language-Team: it <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/ja/LC_MESSAGES/forisjs.po

@@ -7,16 +7,17 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:55+0200\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-10-16 10:08+0000\n"
+"Last-Translator: Scott Anecito <scott.anecito@protonmail.com>\n"
 "Language: ja\n"
-"Language-Team: ja <LL@li.org>\n"
+"Language-Team: Japanese "
+"<https://hosted.weblate.org/projects/turris/reforis/ja/>\n"
 "Plural-Forms: nplurals=1; plural=0\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +59,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -72,7 +69,7 @@ msgstr ""
 
 #: src/common/RebootButton.js:54
 msgid "Reboot"
-msgstr ""
+msgstr "再起動"
 
 #: src/common/RebootButton.js:69
 msgid "Reboot confirmation"
@@ -90,17 +87,150 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr "有効"
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr "自動"
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr "無効"
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
 #: src/form/components/SubmitButton.js:32
 msgid "Updating"
-msgstr ""
+msgstr "アップデート中…"
 
 #: src/form/components/SubmitButton.js:35
 msgid "Load settings"
@@ -110,25 +240,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/ko/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:55+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: ko\n"
 "Language-Team: ko <LL@li.org>\n"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -58,11 +58,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -90,11 +86,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -110,25 +239,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""
 

translations/lt/LC_MESSAGES/forisjs.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-11-29 16:27+0100\n"
-"PO-Revision-Date: 2019-08-28 17:55+0200\n"
+"POT-Creation-Date: 2020-02-20 17:28+0100\n"
+"PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: lt\n"
 "Language-Team: lt <LL@li.org>\n"
@@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.7.0\n"
+"Generated-By: Babel 2.8.0\n"
 
 #: src/validations.js:13
 msgid "This is not a valid IPv4 address."
@@ -59,11 +59,7 @@ msgstr ""
 msgid "No response received."
 msgstr ""
 
-#: src/api/utils.js:70
-msgid "An unknown error occurred. Check the console for more info."
-msgstr ""
-
-#: src/api/utils.js:77
+#: src/api/utils.js:76
 msgid "An unknown API error occurred."
 msgstr ""
 
@@ -91,11 +87,144 @@ msgstr ""
 msgid "Confirm reboot"
 msgstr ""
 
-#: src/form/components/ForisForm.js:88
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
+msgid "An error occurred during resetting Wi-Fi settings."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+msgid "Wi-Fi settings are set to defaults."
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:53
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+msgid "Reset Wi-Fi Settings"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
+msgid ""
+"\n"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"Fi settings. Note that this will remove the\n"
+"current Wi-Fi configuration and restore the default values.\n"
+"        "
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:82
+msgid "Wi-Fi ${deviceID + 1}"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:84
+msgid "Enable"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:215
+msgid "auto"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:37
+msgid "Enable Guest Wifi"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiGuestForm.js:77
+msgid "Password"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:60
+msgid "Wi-Fi QR Code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:80
+msgid "Download PDF"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:73
+#: src/common/WiFiSettings/WiFiSettings.js:81
+msgid "SSID can't be longer than 32 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:74
+#: src/common/WiFiSettings/WiFiSettings.js:82
+msgid "SSID can't be empty"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiSettings.js:76
+#: src/common/WiFiSettings/WiFiSettings.js:84
+msgid "Password must contain at least 8 symbols"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:9
+msgid "Disabled"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:10
+msgid "802.11n - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:11
+msgid "802.11n - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:12
+msgid "802.11ac - 20 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:13
+msgid "802.11ac - 40 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:14
+msgid "802.11ac - 80 MHz wide channel"
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:21
+msgid ""
+"\n"
+"        WPA2 pre-shared key, that is required to connect to the network.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:24
+msgid "If set, network is not visible when scanning for available networks."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:25
+msgid ""
+"\n"
+"        The 2.4 GHz band is more widely supported by clients, but tends "
+"to have more interference. The 5 GHz band is a\n"
+"        newer standard and may not be supported by all your devices. It "
+"usually has less interference, but the signal\n"
+"        does not carry so well indoors."
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:29
+msgid ""
+"\n"
+"        Change this to adjust 802.11n/ac mode of operation. 802.11n with "
+"40 MHz wide channels can yield higher\n"
+"        throughput but can cause more interference in the network. If you"
+" don't know what to choose, use the default\n"
+"        option with 20 MHz wide channel.\n"
+"    "
+msgstr ""
+
+#: src/common/WiFiSettings/constants.js:34
+msgid ""
+"\n"
+"        Enables Wi-Fi for guests, which is separated from LAN network. "
+"Devices connected to this network are allowed to\n"
+"        access the internet, but aren't allowed to access other devices "
+"and the configuration interface of the router.\n"
+"        Parameters of the guest network can be set in the Guest network "
+"tab.\n"
+"        "
+msgstr ""
+
+#: src/form/components/ForisForm.js:112
 msgid "Settings saved successfully"
 msgstr ""
 
-#: src/form/components/ForisForm.js:140
+#: src/form/components/ForisForm.js:165
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
@@ -111,25 +240,10 @@ msgstr ""
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:13
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
-#~ msgid "Settings were successfully saved."
-#~ msgstr ""
-
-#~ msgid "Settings update was failed."
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Reboot triggering was failed."
-#~ msgstr ""
-
-#~ msgid "Reboot triggering failed."
-#~ msgstr ""
-
-#~ msgid "Reboot requestq failed."
+#~ msgid "An unknown error occurred. Check the console for more info."
 #~ msgstr ""