contentoh-components-library 21.2.55 → 21.2.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/organisms/DashboardMetric/dashboardMetricUtils.js +10 -10
- package/dist/components/organisms/DashboardMetric/index.js +2 -1
- package/dist/components/pages/Dashboard/Dashboard.stories.js +49 -32
- package/dist/components/pages/Dashboard/index.js +1 -1
- package/package.json +1 -1
- package/src/components/organisms/DashboardMetric/dashboardMetricUtils.js +10 -10
- package/src/components/organisms/DashboardMetric/index.js +5 -1
- package/src/components/pages/Dashboard/Dashboard.stories.js +54 -32
- package/src/components/pages/Dashboard/index.js +1 -1
|
@@ -58,36 +58,36 @@ exports.getFullStatus = getFullStatus;
|
|
|
58
58
|
var getStatusColor = function getStatusColor(status) {
|
|
59
59
|
switch (status) {
|
|
60
60
|
case "PA":
|
|
61
|
-
return "#
|
|
61
|
+
return "#A93226";
|
|
62
62
|
|
|
63
63
|
case "AS":
|
|
64
64
|
case "Assigned":
|
|
65
|
-
return "#
|
|
65
|
+
return "#884EA0";
|
|
66
66
|
|
|
67
67
|
case "CA":
|
|
68
68
|
case "IN_PROGRESS":
|
|
69
|
-
return "#
|
|
69
|
+
return "#2471A3";
|
|
70
70
|
|
|
71
71
|
case "IE":
|
|
72
72
|
case "QF":
|
|
73
|
-
return "#
|
|
73
|
+
return "#1ABC9C";
|
|
74
74
|
|
|
75
75
|
case "RC":
|
|
76
76
|
case "RF":
|
|
77
|
-
return "#
|
|
77
|
+
return "#229954";
|
|
78
78
|
|
|
79
79
|
case "AC":
|
|
80
80
|
case "AF":
|
|
81
|
-
return "#
|
|
81
|
+
return "#F1C40F";
|
|
82
82
|
|
|
83
83
|
case "RA":
|
|
84
|
-
return "#
|
|
84
|
+
return "#34495E";
|
|
85
85
|
|
|
86
86
|
case "AA":
|
|
87
87
|
return "#E33AA9";
|
|
88
88
|
|
|
89
89
|
case "RP":
|
|
90
|
-
return "#
|
|
90
|
+
return "#BDC3C7";
|
|
91
91
|
|
|
92
92
|
case "AP":
|
|
93
93
|
return "#ED9A4D";
|
|
@@ -96,10 +96,10 @@ var getStatusColor = function getStatusColor(status) {
|
|
|
96
96
|
return "#71DE56";
|
|
97
97
|
|
|
98
98
|
case "ACA":
|
|
99
|
-
return "#
|
|
99
|
+
return "#839192";
|
|
100
100
|
|
|
101
101
|
case "R":
|
|
102
|
-
return "#
|
|
102
|
+
return "#D35400";
|
|
103
103
|
|
|
104
104
|
default:
|
|
105
105
|
return "white";
|
|
@@ -78,7 +78,8 @@ var DashboardMetric = function DashboardMetric(_ref) {
|
|
|
78
78
|
return accumulator + value;
|
|
79
79
|
}, 0);
|
|
80
80
|
var raw = element.$context.raw;
|
|
81
|
-
var
|
|
81
|
+
var operation = 100 * (raw / sum);
|
|
82
|
+
var percent = ((operation + "").includes(".") ? (100 * (raw / sum)).toFixed(2) : 100 * (raw / sum)) + "%";
|
|
82
83
|
return showPercent ? percent : raw;
|
|
83
84
|
}
|
|
84
85
|
}
|
|
@@ -27,51 +27,68 @@ var DashboardDeafult = Template.bind({});
|
|
|
27
27
|
exports.DashboardDeafult = DashboardDeafult;
|
|
28
28
|
DashboardDeafult.args = {
|
|
29
29
|
user: {
|
|
30
|
-
id_user:
|
|
31
|
-
name: "
|
|
32
|
-
last_name: "
|
|
33
|
-
email: "
|
|
34
|
-
position: "
|
|
35
|
-
telephone: "",
|
|
30
|
+
id_user: 1237,
|
|
31
|
+
name: "The Home",
|
|
32
|
+
last_name: "Depot",
|
|
33
|
+
email: "retailerThd@AllFreeMail.net",
|
|
34
|
+
position: "Retailer",
|
|
35
|
+
telephone: "+523111111111",
|
|
36
36
|
country: "México",
|
|
37
|
-
id_company:
|
|
38
|
-
id_cognito: "
|
|
37
|
+
id_company: 817,
|
|
38
|
+
id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
|
|
39
39
|
birth_Date: null,
|
|
40
|
-
about_me:
|
|
41
|
-
zip_code:
|
|
42
|
-
address:
|
|
43
|
-
job:
|
|
44
|
-
id_stripe:
|
|
45
|
-
id_role:
|
|
40
|
+
about_me: null,
|
|
41
|
+
zip_code: null,
|
|
42
|
+
address: null,
|
|
43
|
+
job: null,
|
|
44
|
+
id_stripe: null,
|
|
45
|
+
id_role: 0,
|
|
46
46
|
active: 1,
|
|
47
|
-
is_retailer:
|
|
47
|
+
is_retailer: 1,
|
|
48
48
|
email_notify: 1,
|
|
49
49
|
membership: {
|
|
50
|
-
id:
|
|
51
|
-
start_date: "
|
|
52
|
-
end_date: "
|
|
53
|
-
planID:
|
|
54
|
-
plan: "
|
|
55
|
-
name: "Plan
|
|
56
|
-
user_limit: "
|
|
57
|
-
products_limit: "
|
|
58
|
-
type: "
|
|
50
|
+
id: 798,
|
|
51
|
+
start_date: "2022-06-19T04:25:07.000Z",
|
|
52
|
+
end_date: "2023-06-19T04:25:07.000Z",
|
|
53
|
+
planID: 6,
|
|
54
|
+
plan: "prod_KvGd6YSTJyR3AP",
|
|
55
|
+
name: "Plan Small",
|
|
56
|
+
user_limit: "10",
|
|
57
|
+
products_limit: "1000",
|
|
58
|
+
type: "Enterprise"
|
|
59
59
|
},
|
|
60
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
60
|
+
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1664817089596"
|
|
61
61
|
},
|
|
62
62
|
company: {
|
|
63
|
-
id_company:
|
|
64
|
-
trade_name: "
|
|
65
|
-
company_name: "
|
|
66
|
-
rfc:
|
|
67
|
-
adress:
|
|
63
|
+
id_company: 817,
|
|
64
|
+
trade_name: "Retailer acc",
|
|
65
|
+
company_name: "Retailer acc",
|
|
66
|
+
rfc: "ASER12345",
|
|
67
|
+
adress: "Av. Insurgentes",
|
|
68
68
|
about_company: null,
|
|
69
69
|
telephone: null,
|
|
70
70
|
web_site: null,
|
|
71
71
|
zip_code: null,
|
|
72
72
|
email: null,
|
|
73
73
|
social_link: null,
|
|
74
|
-
is_retailer:
|
|
74
|
+
is_retailer: 1,
|
|
75
|
+
retailers: [{
|
|
76
|
+
id: 58,
|
|
77
|
+
name: "The Home Depot Golden",
|
|
78
|
+
country: "México"
|
|
79
|
+
}, {
|
|
80
|
+
id: 59,
|
|
81
|
+
name: "The Home Depot Platinum",
|
|
82
|
+
country: "México"
|
|
83
|
+
}, {
|
|
84
|
+
id: 60,
|
|
85
|
+
name: "The Home Depot Resizing",
|
|
86
|
+
country: "México"
|
|
87
|
+
}, {
|
|
88
|
+
id: 61,
|
|
89
|
+
name: "Home Depot TAB",
|
|
90
|
+
country: "México"
|
|
91
|
+
}]
|
|
75
92
|
},
|
|
76
|
-
jwt: "
|
|
93
|
+
jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJjNDcxOTY2NC0wODU0LTQ3YjktOWZiNS1mYzJhMjg5YTg1MjEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NDgxNzA4OSwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NjQ4MjA2ODksImlhdCI6MTY2NDgxNzA4OSwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.PB_rXUwbbQlTHv2NXOkz_6OygfJmjXWJMzGsztiM0DgZkuX75qk_ZKEb_-UutWAzpp73tBu3vUodjzPC8eWDriGXGrZ02rRtWDE3l3MyvyC-3R83nAKh6Ps8W6nUgbRRy7Z9TKrN9m3petQKZ-ZnvmJg8Dg8p72f7NzJdia_We4AK7qox5f_22T6CbISGNfxwFrM6p7aFRjzwrFKuIBASDIcHs1KXvDYBTNtsRs6tBMtj-px8zl0HlE3wKje-49-apYdl5hzgQz0de_AKkYwqJklOuoqpY_8OVjL2ehoNzPlNJNv3wIHVQLN3VlKUNlwUDlfTHJhbWmWE820Jv77fQ"
|
|
77
94
|
};
|
package/package.json
CHANGED
|
@@ -37,36 +37,36 @@ export const getFullStatus = (status) => {
|
|
|
37
37
|
export const getStatusColor = (status) => {
|
|
38
38
|
switch (status) {
|
|
39
39
|
case "PA":
|
|
40
|
-
return "#
|
|
40
|
+
return "#A93226";
|
|
41
41
|
case "AS":
|
|
42
42
|
case "Assigned":
|
|
43
|
-
return "#
|
|
43
|
+
return "#884EA0";
|
|
44
44
|
case "CA":
|
|
45
45
|
case "IN_PROGRESS":
|
|
46
|
-
return "#
|
|
46
|
+
return "#2471A3";
|
|
47
47
|
case "IE":
|
|
48
48
|
case "QF":
|
|
49
|
-
return "#
|
|
49
|
+
return "#1ABC9C";
|
|
50
50
|
case "RC":
|
|
51
51
|
case "RF":
|
|
52
|
-
return "#
|
|
52
|
+
return "#229954";
|
|
53
53
|
case "AC":
|
|
54
54
|
case "AF":
|
|
55
|
-
return "#
|
|
55
|
+
return "#F1C40F";
|
|
56
56
|
case "RA":
|
|
57
|
-
return "#
|
|
57
|
+
return "#34495E";
|
|
58
58
|
case "AA":
|
|
59
59
|
return "#E33AA9";
|
|
60
60
|
case "RP":
|
|
61
|
-
return "#
|
|
61
|
+
return "#BDC3C7";
|
|
62
62
|
case "AP":
|
|
63
63
|
return "#ED9A4D";
|
|
64
64
|
case "RCA":
|
|
65
65
|
return "#71DE56";
|
|
66
66
|
case "ACA":
|
|
67
|
-
return "#
|
|
67
|
+
return "#839192";
|
|
68
68
|
case "R":
|
|
69
|
-
return "#
|
|
69
|
+
return "#D35400";
|
|
70
70
|
default:
|
|
71
71
|
return "white";
|
|
72
72
|
}
|
|
@@ -58,7 +58,11 @@ export const DashboardMetric = ({
|
|
|
58
58
|
return accumulator + value;
|
|
59
59
|
}, 0);
|
|
60
60
|
const { raw } = element.$context;
|
|
61
|
-
const
|
|
61
|
+
const operation = 100 * (raw / sum);
|
|
62
|
+
const percent =
|
|
63
|
+
((operation + "").includes(".")
|
|
64
|
+
? (100 * (raw / sum)).toFixed(2)
|
|
65
|
+
: 100 * (raw / sum)) + "%";
|
|
62
66
|
return showPercent ? percent : raw;
|
|
63
67
|
},
|
|
64
68
|
},
|
|
@@ -9,51 +9,73 @@ const Template = (args) => <Dashboard {...args} />;
|
|
|
9
9
|
export const DashboardDeafult = Template.bind({});
|
|
10
10
|
DashboardDeafult.args = {
|
|
11
11
|
user: {
|
|
12
|
-
id_user:
|
|
13
|
-
name: "
|
|
14
|
-
last_name: "
|
|
15
|
-
email: "
|
|
16
|
-
position: "
|
|
17
|
-
telephone: "",
|
|
12
|
+
id_user: 1237,
|
|
13
|
+
name: "The Home",
|
|
14
|
+
last_name: "Depot",
|
|
15
|
+
email: "retailerThd@AllFreeMail.net",
|
|
16
|
+
position: "Retailer",
|
|
17
|
+
telephone: "+523111111111",
|
|
18
18
|
country: "México",
|
|
19
|
-
id_company:
|
|
20
|
-
id_cognito: "
|
|
19
|
+
id_company: 817,
|
|
20
|
+
id_cognito: "abe188e2-25b1-4a19-8672-0d4bc11a9bf2",
|
|
21
21
|
birth_Date: null,
|
|
22
|
-
about_me:
|
|
23
|
-
zip_code:
|
|
24
|
-
address:
|
|
25
|
-
job:
|
|
26
|
-
id_stripe:
|
|
27
|
-
id_role:
|
|
22
|
+
about_me: null,
|
|
23
|
+
zip_code: null,
|
|
24
|
+
address: null,
|
|
25
|
+
job: null,
|
|
26
|
+
id_stripe: null,
|
|
27
|
+
id_role: 0,
|
|
28
28
|
active: 1,
|
|
29
|
-
is_retailer:
|
|
29
|
+
is_retailer: 1,
|
|
30
30
|
email_notify: 1,
|
|
31
31
|
membership: {
|
|
32
|
-
id:
|
|
33
|
-
start_date: "
|
|
34
|
-
end_date: "
|
|
35
|
-
planID:
|
|
36
|
-
plan: "
|
|
37
|
-
name: "Plan
|
|
38
|
-
user_limit: "
|
|
39
|
-
products_limit: "
|
|
40
|
-
type: "
|
|
32
|
+
id: 798,
|
|
33
|
+
start_date: "2022-06-19T04:25:07.000Z",
|
|
34
|
+
end_date: "2023-06-19T04:25:07.000Z",
|
|
35
|
+
planID: 6,
|
|
36
|
+
plan: "prod_KvGd6YSTJyR3AP",
|
|
37
|
+
name: "Plan Small",
|
|
38
|
+
user_limit: "10",
|
|
39
|
+
products_limit: "1000",
|
|
40
|
+
type: "Enterprise",
|
|
41
41
|
},
|
|
42
|
-
src: "https://content-management-profile.s3.amazonaws.com/id-
|
|
42
|
+
src: "https://content-management-profile-prod.s3.amazonaws.com/id-1237/1237.png?1664817089596",
|
|
43
43
|
},
|
|
44
44
|
company: {
|
|
45
|
-
id_company:
|
|
46
|
-
trade_name: "
|
|
47
|
-
company_name: "
|
|
48
|
-
rfc:
|
|
49
|
-
adress:
|
|
45
|
+
id_company: 817,
|
|
46
|
+
trade_name: "Retailer acc",
|
|
47
|
+
company_name: "Retailer acc",
|
|
48
|
+
rfc: "ASER12345",
|
|
49
|
+
adress: "Av. Insurgentes",
|
|
50
50
|
about_company: null,
|
|
51
51
|
telephone: null,
|
|
52
52
|
web_site: null,
|
|
53
53
|
zip_code: null,
|
|
54
54
|
email: null,
|
|
55
55
|
social_link: null,
|
|
56
|
-
is_retailer:
|
|
56
|
+
is_retailer: 1,
|
|
57
|
+
retailers: [
|
|
58
|
+
{
|
|
59
|
+
id: 58,
|
|
60
|
+
name: "The Home Depot Golden",
|
|
61
|
+
country: "México",
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
id: 59,
|
|
65
|
+
name: "The Home Depot Platinum",
|
|
66
|
+
country: "México",
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
id: 60,
|
|
70
|
+
name: "The Home Depot Resizing",
|
|
71
|
+
country: "México",
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
id: 61,
|
|
75
|
+
name: "Home Depot TAB",
|
|
76
|
+
country: "México",
|
|
77
|
+
},
|
|
78
|
+
],
|
|
57
79
|
},
|
|
58
|
-
jwt: "
|
|
80
|
+
jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhYmUxODhlMi0yNWIxLTRhMTktODY3Mi0wZDRiYzExYTliZjIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFiZTE4OGUyLTI1YjEtNGExOS04NjcyLTBkNGJjMTFhOWJmMiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJjNDcxOTY2NC0wODU0LTQ3YjktOWZiNS1mYzJhMjg5YTg1MjEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NDgxNzA4OSwibmFtZSI6IlJldGFpbGVyIEFjYyIsInBob25lX251bWJlciI6Iis1MjMxMTExMTExMTEiLCJleHAiOjE2NjQ4MjA2ODksImlhdCI6MTY2NDgxNzA4OSwiZW1haWwiOiJyZXRhaWxlclRoZEBBbGxGcmVlTWFpbC5uZXQifQ.PB_rXUwbbQlTHv2NXOkz_6OygfJmjXWJMzGsztiM0DgZkuX75qk_ZKEb_-UutWAzpp73tBu3vUodjzPC8eWDriGXGrZ02rRtWDE3l3MyvyC-3R83nAKh6Ps8W6nUgbRRy7Z9TKrN9m3petQKZ-ZnvmJg8Dg8p72f7NzJdia_We4AK7qox5f_22T6CbISGNfxwFrM6p7aFRjzwrFKuIBASDIcHs1KXvDYBTNtsRs6tBMtj-px8zl0HlE3wKje-49-apYdl5hzgQz0de_AKkYwqJklOuoqpY_8OVjL2ehoNzPlNJNv3wIHVQLN3VlKUNlwUDlfTHJhbWmWE820Jv77fQ",
|
|
59
81
|
};
|
|
@@ -99,7 +99,7 @@ export const Dashboard = ({ jwt, user, company }) => {
|
|
|
99
99
|
{ label: "Productos en proceso", value: inProcess },
|
|
100
100
|
{ label: "Productos terminados", value: ACA },
|
|
101
101
|
]);
|
|
102
|
-
setTotalCount(
|
|
102
|
+
setTotalCount(total);
|
|
103
103
|
delete orders.total;
|
|
104
104
|
setProductsByStatus(orders);
|
|
105
105
|
};
|