Skip to content

Commit dccdfb5

Browse files
bexsoftBenjamin Perez
bexsoft
and
Benjamin Perez
authored
Customization of Dashboard page & improved some styles (#315)
Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>
1 parent 4f065bd commit dccdfb5

File tree

12 files changed

+659
-187
lines changed

12 files changed

+659
-187
lines changed

‎portal-ui/bindata_assetfs.go

Lines changed: 122 additions & 122 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎portal-ui/public/images/BG_IllustrationDarker.svg

Lines changed: 67 additions & 0 deletions
Loading

‎portal-ui/src/icons/AllBucketsIcon.tsx

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2020 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import React from "react";
18+
import { SvgIcon } from "@material-ui/core";
19+
class AllBucketsIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon viewBox="0 0 15.834 17.375">
23+
<defs>
24+
<linearGradient
25+
id="a"
26+
y1="0.5"
27+
x2="1"
28+
y2="0.5"
29+
gradientUnits="objectBoundingBox"
30+
>
31+
<stop offset="0.044" stopColor="#362585" />
32+
<stop offset="0.301" stopColor="#281b6f" />
33+
<stop offset="1" stopColor="#1e1560" />
34+
</linearGradient>
35+
</defs>
36+
<g transform="translate(0 0.375)">
37+
<circle
38+
style={{ opacity: 0.1, fill: "url(#a)" }}
39+
cx="6.625"
40+
cy="6.625"
41+
r="6.625"
42+
transform="translate(0 3.75)"
43+
/>
44+
<g transform="translate(3.092)">
45+
<ellipse
46+
style={{
47+
fill: "none",
48+
stroke: "#707070",
49+
strokeMiterlimit: 10,
50+
strokeWidth: "0.75px",
51+
}}
52+
cx="6.183"
53+
cy="1.244"
54+
rx="6.183"
55+
ry="1.244"
56+
transform="translate(0)"
57+
/>
58+
<path
59+
style={{
60+
fill: "none",
61+
stroke: "#707070",
62+
strokeMiterlimit: 10,
63+
strokeWidth: "0.75px",
64+
}}
65+
d="M-3722.174,1225.225l-1.687,10.292a.858.858,0,0,1-.578.669,12.182,12.182,0,0,1-3.918.647,12.187,12.187,0,0,1-3.894-.639.878.878,0,0,1-.6-.678q-.843-5.145-1.687-10.291"
66+
transform="translate(3734.541 -1223.981)"
67+
/>
68+
</g>
69+
</g>
70+
</SvgIcon>
71+
);
72+
}
73+
}
74+
75+
export default AllBucketsIcon;

‎portal-ui/src/icons/ConsoleIcon.tsx

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2020 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import React from "react";
18+
import { SvgIcon } from "@material-ui/core";
19+
class ConsoleIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
24+
<g transform="translate(-518 -361)">
25+
<path
26+
d="M-126,0V10h10V0Zm1.5,8.5V2.95h7V8.5Z"
27+
transform="translate(644 361)"
28+
/>
29+
<rect width="2" height="1" transform="translate(520.272 364.772)" />
30+
</g>
31+
</svg>
32+
</SvgIcon>
33+
);
34+
}
35+
}
36+
37+
export default ConsoleIcon;

‎portal-ui/src/icons/EgressIcon.tsx

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2020 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import React from "react";
18+
import { SvgIcon } from "@material-ui/core";
19+
class EgressIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon viewBox="0 0 18.344 17.009">
23+
<defs>
24+
<linearGradient
25+
id="a"
26+
y1="0.5"
27+
x2="1"
28+
y2="0.5"
29+
gradientUnits="objectBoundingBox"
30+
>
31+
<stop offset="0.044" stopColor="#362585" />
32+
<stop offset="0.301" stopColor="#281b6f" />
33+
<stop offset="1" stopColor="#1e1560" />
34+
</linearGradient>
35+
</defs>
36+
<g transform="translate(0 0.25)">
37+
<ellipse
38+
style={{ opacity: 0.1, fill: "url(#a)" }}
39+
cx="7.462"
40+
cy="7.462"
41+
rx="7.462"
42+
ry="7.462"
43+
transform="translate(0 1.835)"
44+
/>
45+
<rect
46+
style={{
47+
fill: "none",
48+
stroke: "#707070",
49+
strokeMiterlimit: 10,
50+
strokeWidth: "0.5px",
51+
}}
52+
width="9.323"
53+
height="9.323"
54+
transform="translate(4.083)"
55+
/>
56+
<rect
57+
style={{
58+
fill: "none",
59+
stroke: "#707070",
60+
strokeMiterlimit: 10,
61+
strokeWidth: "0.5px",
62+
}}
63+
width="8.223"
64+
height="8.223"
65+
transform="translate(9.871 5.307)"
66+
/>
67+
</g>
68+
</SvgIcon>
69+
);
70+
}
71+
}
72+
73+
export default EgressIcon;

‎portal-ui/src/icons/HealIcon.tsx

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2020 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import React from "react";
18+
import { SvgIcon } from "@material-ui/core";
19+
class HealIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.014 9.993">
24+
<path
25+
className="a"
26+
d="M9.162,5.971h0L8.192,5,9.346,3.846a2.257,2.257,0,0,0,0-3.192,2.311,2.311,0,0,0-3.192,0L5,1.808,4.029.837,3.846.654a2.311,2.311,0,0,0-3.192,0,2.257,2.257,0,0,0,0,3.192l.184.183h0L1.808,5,.654,6.154A2.257,2.257,0,0,0,3.846,9.346L5,8.192l.971.971.183.183A2.257,2.257,0,0,0,9.346,6.154Zm-2.29-4.6a1.27,1.27,0,0,1,1.757,0,1.242,1.242,0,0,1,0,1.757L7.475,4.283,5.717,2.525Zm-5.5,1.757A1.243,1.243,0,0,1,3.129,1.371l.183.183L1.555,3.312Zm1.757,5.5a1.27,1.27,0,0,1-1.757,0,1.242,1.242,0,0,1,0-1.757L2.525,5.717,4.283,7.475Zm2.843-.9-.254-.253L2.525,4.283l-.253-.254L4.029,2.272l.254.253L7.475,5.717l.253.254Zm2.657.9a1.271,1.271,0,0,1-1.757,0l-.183-.183L8.446,6.688l.183.183h0a1.241,1.241,0,0,1,0,1.757Z"
27+
transform="translate(0.007 -0.014)"
28+
/>
29+
<circle
30+
cx="0.5"
31+
cy="0.5"
32+
r="0.5"
33+
transform="translate(4.507 4.486)"
34+
/>
35+
<circle
36+
cx="0.5"
37+
cy="0.5"
38+
r="0.5"
39+
transform="translate(3.507 3.486)"
40+
/>
41+
<circle
42+
cx="0.5"
43+
cy="0.5"
44+
r="0.5"
45+
transform="translate(5.507 5.486)"
46+
/>
47+
</svg>
48+
</SvgIcon>
49+
);
50+
}
51+
}
52+
53+
export default HealIcon;

‎portal-ui/src/icons/LogoutIcon.tsx

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2020 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import React from "react";
18+
import { SvgIcon } from "@material-ui/core";
19+
class LogoutIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.122 10.571">
24+
<g transform="translate(0 0.5)">
25+
<path
26+
style={{ fill: "none", stroke: "rgba(255,255,255,0.8)" }}
27+
d="M4816.27,3755.205v-2.939h8.539v9.571h-8.539v-2.932"
28+
transform="translate(-4813.187 -3752.266)"
29+
/>
30+
<path
31+
style={{ fill: "none", stroke: "rgba(255,255,255,0.8)" }}
32+
d="M4813.187,3757.052h8.081"
33+
transform="translate(-4813.187 -3752.266)"
34+
/>
35+
<path
36+
style={{ fill: "none", stroke: "rgba(255,255,255,0.8)" }}
37+
d="M4806.5,3756.511l2.265,2.063-2.265,2.063"
38+
transform="translate(-4800.808 -3753.863)"
39+
/>
40+
</g>
41+
</svg>
42+
</SvgIcon>
43+
);
44+
}
45+
}
46+
47+
export default LogoutIcon;

0 commit comments

Comments
 (0)