(
+ { devices: { [deviceID]: { htmode: { $set: value } } } }
+ ),
+ )}
+
+ {...props}
+ />
+
+ (
+ { devices: { [deviceID]: { channel: { $set: value } } } }
+ ),
+ )}
+
+ {...props}
+ />
+
+ {hasGuestNetwork && (
+ (
+ { devices: { [formData.id]: { guest_wifi: { enabled: { $set: value } } } } }
+ ),
+ )}
+
+ {...props}
+ />
+ {formData.enabled
+ ? (
+ <>
+ ({
+ devices: {
+ [formData.id]: { guest_wifi: { SSID: { $set: value } } },
+ },
+ }),
+ )}
+
+ {...props}
+ >
+
+
+
+
+ ({
+ devices: {
+ [formData.id]: {
+ guest_wifi: { password: { $set: value } },
+ },
+ },
+ }),
+ )}
+
+ {...props}
+ />
+
+ )
+ : null}
+
+ );
+}
diff --git a/src/common/WiFiSettings/WiFiQRCode.js b/src/common/WiFiSettings/WiFiQRCode.js
new file mode 100644
index 0000000..ded70f7
--- /dev/null
+++ b/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 "../../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 (
+ <>
+ {
+ e.preventDefault();
+ setModal(true);
+ }}
+ >
+
+ {modal
+ ?
+
+
+
+ {
+ e.preventDefault();
+ createAndDownloadPdf(SSID, password);
+ }}
+ >
+
+
+
+ );
+}
diff --git a/src/common/WiFiSettings/WiFiSettings.js b/src/common/WiFiSettings/WiFiSettings.js
new file mode 100644
index 0000000..ded5214
--- /dev/null
+++ b/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 (
+ <>
+
+
+
+
+- 36
+- (5180 MHz )
++ 1
++ (2412 MHz )
+
+
+
+
+- 40
+- (5200 MHz )
++ 2
++ (2417 MHz )
+
+
+
+
+- 44
+- (5220 MHz )
++ 3
++ (2422 MHz )
+
+
+
+-
+- 48
+- (5240 MHz )
+-
+-
+-
+-
+- 52
+- (5260 MHz ,DFS)
+-
+-
+-
+-
+- 56
+- (5280 MHz ,DFS)
+-
+-
+-
+
+- 60
+- (5300 MHz ,DFS)
++ 4
++ (2427 MHz )
+
+
+
+
+- 64
+- (5320 MHz ,DFS)
++ 5
++ (2432 MHz )
+
+
+
+
+- 100
+- (5500 MHz ,DFS)
++ 6
++ (2437 MHz )
+
+
+
+
+- 104
+- (5520 MHz ,DFS)
++ 7
++ (2442 MHz )
+
+
+
+
+- 108
+- (5540 MHz ,DFS)
++ 8
++ (2447 MHz )
+
+
+
+
+- 112
+- (5560 MHz ,DFS)
++ 9
++ (2452 MHz )
+
+
+
+
+- 116
+- (5580 MHz ,DFS)
++ 10
++ (2457 MHz )
+
+
+
+
+- 120
+- (5600 MHz ,DFS)
+-
+-
+-
+-
+- 124
+- (5620 MHz ,DFS)
+-
+-
+-
+-
+- 128
+- (5640 MHz ,DFS)
+-
+-
+-
+-
+- 132
+- (5660 MHz ,DFS)
+-
+-
+-
+-
+- 136
+- (5680 MHz ,DFS)
+-
+-
+-
+-
+- 140
+- (5700 MHz ,DFS)
+-
+-
+-
+-
+- 144
+- (5720 MHz ,DFS)
+-
+-
+-
+-
+- 149
+- (5745 MHz )
+-
+-
+-
+-
+- 153
+- (5765 MHz )
+-
+-
+-
+-
+- 157
+- (5785 MHz )
+-
+-
+-
+-
+- 161
+- (5805 MHz )
+-
+-
+-
+-
+- 165
+- (5825 MHz )
++ 11
++ (2462 MHz )
+
+
+
+
+
+
+
+ Reset Wi-Fi Settings
+
+
+
+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.
+
+
+
+
+ Reset Wi-Fi Settings
+
+
+
+`;
+
+exports[`
+ Wi-Fi 2
+
+
+
+ Save
+
+
"
+`;
+
+exports[`
++
++ 802.11n/ac mode
++
++
++
++ Disabled
++
++
++ 802.11n - 20 MHz wide channel
++
++
++ 802.11n - 40 MHz wide channel
++
++
++ 802.11ac - 20 MHz wide channel
++
++
++ 802.11ac - 40 MHz wide channel
++
++
++ 802.11ac - 80 MHz wide channel
++
++
++
++
++ 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.
++
++
++
++
++
++ Channel
++
++
++
++ auto
++
++
++
++ 36
++ (5180 MHz )
++
++
++
++
++ 40
++ (5200 MHz )
++
++
++
++
++ 44
++ (5220 MHz )
++
++
++
++
++ 48
++ (5240 MHz )
++
++
++
++
++ 52
++ (5260 MHz ,DFS)
++
++
++
++
++ 56
++ (5280 MHz ,DFS)
++
++
++
++
++ 60
++ (5300 MHz ,DFS)
++
++
++
++
++ 64
++ (5320 MHz ,DFS)
++
++
++
++
++ 100
++ (5500 MHz ,DFS)
++
++
++
++
++ 104
++ (5520 MHz ,DFS)
++
++
++
++
++ 108
++ (5540 MHz ,DFS)
++
++
++
++
++ 112
++ (5560 MHz ,DFS)
++
++
++
++
++ 116
++ (5580 MHz ,DFS)
++
++
++
++
++ 120
++ (5600 MHz ,DFS)
++
++
++
++
++ 124
++ (5620 MHz ,DFS)
++
++
++
++
++ 128
++ (5640 MHz ,DFS)
++
++
++
++
++ 132
++ (5660 MHz ,DFS)
++
++
++
++
++ 136
++ (5680 MHz ,DFS)
++
++
++
++
++ 140
++ (5700 MHz ,DFS)
++
++
++
++
++ 144
++ (5720 MHz ,DFS)
++
++
++
++
++ 149
++ (5745 MHz )
++
++
++
++
++ 153
++ (5765 MHz )
++
++
++
++
++ 157
++ (5785 MHz )
++
++
++
++
++ 161
++ (5805 MHz )
++
++
++
++
++ 165
++ (5825 MHz )
++
++
++
++
++
+
+ Wi-Fi 2
+
+
", () => {
let componentContainer;
beforeEach(() => {
const { container } = render(<>
-
-
+ );
+ const { container } = render();
+ const { container } = render();
+ const { container } = render({formErrors.field}
-};
+);
-describe('useForm hook.', () => {
+describe("useForm hook.", () => {
let mockValidator;
let mockPrepData;
let mockPrepDataToSubmit;
let input;
let form;
- const Child = jest.fn(props =>
-
+
- { children }
+ { children }
);
}
diff --git a/src/testUtils/network.js b/src/testUtils/network.js
index 05efa59..b7473d3 100644
--- a/src/testUtils/network.js
+++ b/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" } } });
diff --git a/src/testUtils/setup.js b/src/testUtils/setup.js
index 5c9ca17..5aac2eb 100644
--- a/src/testUtils/setup.js
+++ b/src/testUtils/setup.js
@@ -5,8 +5,8 @@
* 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";
// Setup axios cleanup
global.afterEach(() => {
@@ -14,9 +14,9 @@ global.afterEach(() => {
});
// Mock babel (gettext)
-global._ = str => str;
-global.ngettext = str => str;
-global.babel = {format: (str) => str};
+global._ = (str) => str;
+global.ngettext = (str) => str;
+global.babel = { format: (str) => str };
global.ForisTranslations = {};
// Mock web sockets
@@ -25,9 +25,9 @@ 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());
diff --git a/src/utils/__tests__/conditionalHOCs.test.js b/src/utils/__tests__/conditionalHOCs.test.js
index eb8985e..eab07d1 100644
--- a/src/utils/__tests__/conditionalHOCs.test.js
+++ b/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 = () => First
;