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

Added association tracking

Browse Source
This commit is contained in:
Patrick Fic
2020-02-04 16:56:34 -08:00
parent de6ca52fb8
commit 02578bda2a
11 changed files with 282 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
bodyshop_translations.babel
View File

@@ -18,6 +18,110 @@
<folder_node>
<name>translation</name>
<children>
<folder_node>
<name>associations</name>
<children>
<folder_node>
<name>actions</name>
<children>
<concept_node>
<name>activate</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>fields</name>
<children>
<concept_node>
<name>active</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>shopname</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>actions</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>documents</name>
<children>
@@ -4436,6 +4540,27 @@
</translation>
</translations>
</concept_node>
<concept_node>
<name>updateprofile</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>

3
client/src/components/profile-content/profile-content.component.jsx
View File

@@ -2,6 +2,7 @@ import React from "react";
import { useTranslation } from "react-i18next";
import AlertComponent from "../alert/alert.component";
import ProfileMyComponent from "../profile-my/profile-my.component";
import ProfileShopsContainer from "../profile-shops/profile-shops.container";
export default function ProfileContent({ sidebarSelection }) {
const { t } = useTranslation();
@@ -10,7 +11,7 @@ export default function ProfileContent({ sidebarSelection }) {
case "profile":
return <ProfileMyComponent />;
case "shops":
return <div>Shop stuff</div>;
return <ProfileShopsContainer />;
default:
return (
<AlertComponent message={t("profile.errors.state")} type="error" />

11
client/src/components/profile-my/profile-my.component.jsx
View File

@@ -44,7 +44,14 @@ export default connect(
return (
<div>
<AlertComponent message={"hi"} />
{isFieldsTouched() ? (
//TODO: Appropriate Error
<AlertComponent
message={t("jobs.errors.validation")}
onClick={() => resetFields()}
/>
) : null}
<Form onSubmit={handleSubmit} autoComplete={"no"}>
<Form.Item label={t("user.fields.displayname")}>
{getFieldDecorator("displayname", {
@@ -58,7 +65,7 @@ export default connect(
htmlType="submit"
onClick={handleSubmit}
>
Save
{t("user.actions.updateprofile")}
</Button>
</Form>
</div>

52
client/src/components/profile-shops/profile-shops.component.jsx Normal file
View File

@@ -0,0 +1,52 @@
import React from "react";
import { useTranslation } from "react-i18next";
import { Table, Button } from "antd";
export default function ProfileShopsComponent({
loading,
data,
updateActiveShop
}) {
const { t } = useTranslation();
const columns = [
{
title: t("associations.fields.shopname"),
dataIndex: "shopname",
key: "shopname",
width: "25%",
render: (text, record) => <span>{record.bodyshop.shopname}</span>
},
{
title: t("associations.fields.active"),
dataIndex: "active",
key: "active",
width: "25%",
render: (text, record) => <span>{record.active ? "Yes" : "No"}</span>
},
{
title: t("associations.labels.actions"),
dataIndex: "actions",
key: "actions",
width: "25%",
render: (text, record) => (
<span>
{record.active ? null : (
<Button onClick={() => updateActiveShop(record.id)}>
Activate
</Button>
)}
</span>
)
}
];
return (
<Table
loading={loading}
size="small"
columns={columns.map(item => ({ ...item }))}
rowKey="id"
dataSource={data}
/>
);
}

24
client/src/components/profile-shops/profile-shops.container.jsx Normal file
View File

@@ -0,0 +1,24 @@
import React from "react";
import { useQuery } from "react-apollo";
import { QUERY_ALL_ASSOCIATIONS } from "../../graphql/associations.queries";
import AlertComponent from "../alert/alert.component";
import ProfileShopsComponent from "./profile-shops.component";
export default function ProfileShopsContainer() {
const { loading, error, data, refetch } = useQuery(QUERY_ALL_ASSOCIATIONS);
const updateActiveShop = activeShopId => {
console.log("activeShopId", activeShopId);
refetch();
};
if (error) return <AlertComponent type="error" message={error.message} />;
return (
<ProfileShopsComponent
loading={loading}
data={data ? data.associations : null}
updateActiveShop={updateActiveShop}
/>
);
}

27
client/src/graphql/associations.queries.js Normal file
View File

@@ -0,0 +1,27 @@
import { gql } from "apollo-boost";
export const QUERY_ALL_ASSOCIATIONS = gql`
query QUERY_ALL_ASSOCIATIONS {
associations {
id
active
bodyshop {
shopname
}
}
}
`;
export const UPDATE_ASSOCIATION = gql`
mutation UPDATE_ASSOCIATION($assocId: uuid, $assocActive: Boolean) {
update_associations(
where: { id: { _eq: $assocId } }
_set: { active: $assocActive }
) {
returning {
id
active
}
}
}
`;

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

@@ -28,7 +28,7 @@ const ChatWindowContainer = lazy(() =>
import("../../components/chat-window/chat-window.container")
);
const { Header, Content, Footer, Sider } = Layout;
const { Header, Content, Footer } = Layout;
//This page will handle all routing for the entire application.
export default function Manage({ match }) {
const { t } = useTranslation();

3
client/src/redux/user/user.sagas.js
View File

@@ -100,12 +100,9 @@ export function* updateUserDetails(userDetails) {
export function* userSagas() {
yield all([
// call(onGoogleSignInStart),
call(onEmailSignInStart),
call(onCheckUserSession),
call(onSignOutStart),
call(onUpdateUserDetails)
// call(onEmailSignUpStart),
// call(onEmailSignUpSuccess)
]);
}

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

@@ -1,5 +1,17 @@
{
"translation": {
"associations": {
"actions": {
"activate": "Activate"
},
"fields": {
"active": "Active?",
"shopname": "Shop Name"
},
"labels": {
"actions": "Actions"
}
},
"documents": {
"errors": {
"deletes3": "Error deleting document from storage. ",
@@ -271,7 +283,8 @@
},
"user": {
"actions": {
"signout": "Sign Out"
"signout": "Sign Out",
"updateprofile": "Update Profile"
},
"fields": {
"displayname": "Display Name"

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

@@ -1,5 +1,17 @@
{
"translation": {
"associations": {
"actions": {
"activate": "Activar"
},
"fields": {
"active": "¿Activo?",
"shopname": "Nombre de tienda"
},
"labels": {
"actions": "Comportamiento"
}
},
"documents": {
"errors": {
"deletes3": "Error al eliminar el documento del almacenamiento.",
@@ -271,7 +283,8 @@
},
"user": {
"actions": {
"signout": "desconectar"
"signout": "desconectar",
"updateprofile": "Actualización del perfil"
},
"fields": {
"displayname": "Nombre para mostrar"

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

@@ -1,5 +1,17 @@
{
"translation": {
"associations": {
"actions": {
"activate": "Activer"
},
"fields": {
"active": "Actif?",
"shopname": "nom de la boutique"
},
"labels": {
"actions": "actes"
}
},
"documents": {
"errors": {
"deletes3": "Erreur lors de la suppression du document du stockage.",
@@ -271,7 +283,8 @@
},
"user": {
"actions": {
"signout": "Déconnexion"
"signout": "Déconnexion",
"updateprofile": "Mettre à jour le profil"
},
"fields": {
"displayname": "Afficher un nom"