admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added help page and rescue component BOD-326

Browse Source
This commit is contained in:
Patrick Fic
2020-08-28 13:26:21 -07:00
parent 364cf6c7bb
commit ab4262c238
7 changed files with 194 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
bodyshop_translations.babel
View File

@@ -7822,6 +7822,105 @@
</folder_node>
</children>
</folder_node>
<folder_node>
<name>help</name>
<children>
<folder_node>
<name>actions</name>
<children>
<concept_node>
<name>connect</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
</children>
</folder_node>
<folder_node>
<name>labels</name>
<children>
<concept_node>
<name>codeplacholder</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
<concept_node>
<name>rescuedesc</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
<concept_node>
<name>rescuetitle</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
</children>
</folder_node>
</children>
</folder_node>
<folder_node>
<name>intake</name>
<children>

53
client/src/components/help-rescue/help-rescue.component.jsx Normal file
View File

@@ -0,0 +1,53 @@
import { Button, Card, Input, Space } from "antd";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
export default function HelpRescue() {
const { t } = useTranslation();
const [code, setCode] = useState("");
const handleClick = async () => {
var bodyFormData = new FormData();
bodyFormData.append("Code", code);
const res1 = await fetch(
"https://secure.logmeinrescue.com/Customer/Code.aspx",
{
method: "POST",
body: bodyFormData,
}
);
console.log("handleClick -> res1", res1);
};
return (
<Card title={t("help.labels.rescuetitle")}>
<div style={{ display: "flex", justifyContent: "center" }}>
<Space direction="vertical" align="center">
<div>{t("help.labels.rescuedesc")}</div>
<form
name="logmeinsupport"
action="https://secure.logmeinrescue.com/Customer/Code.aspx"
method="post"
>
<span>
Enter your six-digit code, then click the Start Download button
below{" "}
</span>
<input type="text" name="Code" />
<br />
<input type="submit" value="Connect to technician" />
</form>
<Input
size="large"
style={{ width: "10rem" }}
onChange={(e) => setCode(e.target.value)}
value={code}
placeholder={t("help.labels.codeplacholder")}
/>
<Button onClick={handleClick}>{t("help.actions.connect")}</Button>
</Space>
</div>
</Card>
);
}

10
client/src/pages/help/help.page.jsx Normal file
View File

@@ -0,0 +1,10 @@
import React from "react";
import HelpRescue from "../../components/help-rescue/help-rescue.component";
export default function HelpPage() {
return (
<div>
<HelpRescue />
</div>
);
}

2
client/src/pages/manage/manage.page.component.jsx
View File

@@ -126,6 +126,7 @@ const Scoreboard = lazy(() =>
const TimeTicketsAll = lazy(() =>
import("../time-tickets/time-tickets.container")
);
const Help = lazy(() => import("../help/help.page"));
const { Content, Header } = Layout;
@@ -345,6 +346,7 @@ export function Manage({ match, conflict }) {
path={`${match.path}/timetickets`}
component={TimeTicketsAll}
/>
<Route exact path={`${match.path}/help`} component={Help} />
</Suspense>
)}
</ErrorBoundary>

10
client/src/translations/en_us/common.json
View File

@@ -502,6 +502,16 @@
"required": "This field is required. "
}
},
"help": {
"actions": {
"connect": "Connect"
},
"labels": {
"codeplacholder": "6 digit PIN code",
"rescuedesc": "Enter the 6 digit code provided by ImEX Online Support below and click connect.",
"rescuetitle": "Rescue Me!"
}
},
"intake": {
"actions": {
"printall": "Print All Documents"

10
client/src/translations/es/common.json
View File

@@ -502,6 +502,16 @@
"required": "Este campo es requerido."
}
},
"help": {
"actions": {
"connect": ""
},
"labels": {
"codeplacholder": "",
"rescuedesc": "",
"rescuetitle": ""
}
},
"intake": {
"actions": {
"printall": ""

10
client/src/translations/fr/common.json
View File

@@ -502,6 +502,16 @@
"required": "Ce champ est requis."
}
},
"help": {
"actions": {
"connect": ""
},
"labels": {
"codeplacholder": "",
"rescuedesc": "",
"rescuetitle": ""
}
},
"intake": {
"actions": {
"printall": ""