Skip to content

Commit 2d5d0d1

Browse files
bexsoftBenjamin Perez
bexsoft
and
Benjamin Perez
authored
Changed menu design for mcs (#158)
Co-authored-by: Benjamin Perez <[email protected]>
1 parent 16f8ee4 commit 2d5d0d1

20 files changed

+1152
-494
lines changed

‎portal-ui/bindata_assetfs.go‎

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

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

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// This file is part of MinIO Console Server
2-
// Copyright (c) 2019 MinIO, Inc.
2+
// Copyright (c) 2020 MinIO, Inc.
33
//
44
// This program is free software: you can redistribute it and/or modify
55
// it under the terms of the GNU Affero General Public License as published by
@@ -14,22 +14,18 @@
1414
// You should have received a copy of the GNU Affero General Public License
1515
// along with this program. If not, see <http://www.gnu.org/licenses/>.
1616

17-
1817
import React from "react";
19-
import {SvgIcon} from "@material-ui/core";
18+
import { SvgIcon } from "@material-ui/core";
2019
class BucketsIcon extends React.Component {
21-
render() {
22-
return (<SvgIcon>
23-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
24-
<title>ic_h_buckets</title>
25-
<g id="Layer_2" data-name="Layer 2">
26-
<g id="Layer_1-2" data-name="Layer 1">
27-
<polygon className="cls-1" points="13.428 16 2.572 16 0 0 16 0 13.428 16"/>
28-
</g>
29-
</g>
30-
</svg>
31-
</SvgIcon>)
32-
}
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
24+
<path d="M8.392,10H1.608L0,0H10Z" />
25+
</svg>
26+
</SvgIcon>
27+
);
28+
}
3329
}
3430

3531
export default BucketsIcon;

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

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
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 ClustersIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9">
24+
<g transform="translate(79 438.479)">
25+
<g>
26+
<g>
27+
<rect x="-77.9" y="-434.5" width="7.8" height="1" />
28+
</g>
29+
</g>
30+
<g>
31+
<g>
32+
<rect
33+
x="-77.9"
34+
y="-434.5"
35+
transform="matrix(0.4999 -0.8661 0.8661 0.4999 338.8698 -281.1237)"
36+
width="7.8"
37+
height="1"
38+
/>
39+
</g>
40+
</g>
41+
<g>
42+
<g>
43+
<rect
44+
x="-74.5"
45+
y="-437.9"
46+
transform="matrix(0.866 -0.5001 0.5001 0.866 207.1129 -95.1668)"
47+
width="1"
48+
height="7.8"
49+
/>
50+
</g>
51+
</g>
52+
<g>
53+
<g>
54+
<path
55+
d="M-71.8-430.1h-4.5l-2.2-3.9l2.2-3.9h4.5l2.2,3.9L-71.8-430.1z M-75.7-431.1h3.3l1.7-2.9l-1.7-2.9h-3.3
56+
l-1.7,2.9L-75.7-431.1z"
57+
/>
58+
</g>
59+
</g>
60+
<g>
61+
<g>
62+
<path
63+
d="M-72.3-434c0,0.9-0.7,1.7-1.7,1.7c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7
64+
C-73.1-435.7-72.3-434.9-72.3-434z"
65+
/>
66+
</g>
67+
</g>
68+
<g>
69+
<g>
70+
<path
71+
d="M-76.8-434c0,0.6-0.5,1.1-1.1,1.1c0,0,0,0,0,0c-0.6,0-1.1-0.5-1.1-1.1c0,0,0,0,0,0c0-0.6,0.5-1.1,1.1-1.1
72+
c0,0,0,0,0,0C-77.3-435.1-76.8-434.6-76.8-434C-76.8-434-76.8-434-76.8-434z"
73+
/>
74+
</g>
75+
</g>
76+
<g>
77+
<g>
78+
<path
79+
d="M-69-434c0,0.6-0.5,1.1-1.1,1.1c0,0,0,0,0,0c-0.6,0-1.1-0.5-1.1-1.1c0,0,0,0,0,0c0-0.6,0.5-1.1,1.1-1.1
80+
c0,0,0,0,0,0C-69.5-435.1-69-434.6-69-434C-69-434-69-434-69-434z"
81+
/>
82+
</g>
83+
</g>
84+
<g>
85+
<g>
86+
<path
87+
d="M-75.4-431.6c0.5,0.3,0.7,1,0.4,1.5c-0.3,0.5-1,0.7-1.5,0.4c0,0,0,0,0,0c-0.5-0.3-0.7-1-0.4-1.5
88+
C-76.6-431.7-75.9-431.9-75.4-431.6C-75.4-431.6-75.4-431.6-75.4-431.6z"
89+
/>
90+
</g>
91+
</g>
92+
<g>
93+
<g>
94+
<path
95+
d="M-71.5-438.3c0.5,0.3,0.7,1,0.4,1.5c-0.3,0.5-1,0.7-1.5,0.4c0,0,0,0,0,0c-0.5-0.3-0.7-1-0.4-1.5
96+
C-72.7-438.5-72-438.6-71.5-438.3C-71.5-438.3-71.5-438.3-71.5-438.3z"
97+
/>
98+
</g>
99+
</g>
100+
<g>
101+
<g>
102+
<path
103+
d="M-72.6-431.6c0.5-0.3,1.2-0.1,1.5,0.4c0,0,0,0,0,0c0.3,0.5,0.1,1.2-0.4,1.5c-0.5,0.3-1.2,0.1-1.5-0.4
104+
c0,0,0,0,0,0C-73.3-430.6-73.1-431.3-72.6-431.6z"
105+
/>
106+
</g>
107+
</g>
108+
<g>
109+
<g>
110+
<path
111+
d="M-76.5-438.3c0.5-0.3,1.2-0.1,1.5,0.4c0,0,0,0,0,0c0.3,0.5,0.1,1.2-0.4,1.5c-0.5,0.3-1.2,0.1-1.5-0.4
112+
c0,0,0,0,0,0C-77.2-437.3-77-438-76.5-438.3z"
113+
/>
114+
</g>
115+
</g>
116+
</g>
117+
</svg>
118+
</SvgIcon>
119+
);
120+
}
121+
}
122+
123+
export default ClustersIcon;

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

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
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 ConfigurationsListIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
24+
<rect width="1.433" height="1" />
25+
<rect width="7.828" height="1" transform="translate(2.172)" />
26+
<rect width="1.433" height="1" transform="translate(0 6)" />
27+
<rect width="1.433" height="1" transform="translate(0 3)" />
28+
<rect width="1.433" height="1" transform="translate(0 9)" />
29+
<rect width="1.368" height="0.569" transform="translate(6.316 9)" />
30+
<path d="M5.566,9.569v-.31l-.238-.138-.269.155-.65.375L4.034,9V9H2.172v1H5.566Z" />
31+
<path d="M9.966,9l-.375.65-.65-.375-.269-.155-.238.138V10H10V9H9.967Z" />
32+
<path d="M3.625,6.793l.269-.155V6.362l-.269-.155L3.266,6H2.172V7H3.266Z" />
33+
<path d="M8.434,3.431v.31l.238.138.269-.155.649-.375L9.966,4V4H10V3H8.434Z" />
34+
<path d="M4.034,4l.375-.65.65.375.269.155.238-.138V3H2.172V4H4.033Z" />
35+
<path d="M9.356,5.929,10,5.558,9.316,4.373l-.644.372-.988-.571V3.431H6.316v.743l-.988.571-.644-.372L4,5.558l.644.371V7.071L4,7.442l.684,1.185.644-.372.988.571v.743H7.684V8.826l.988-.571.644.372L10,7.442l-.644-.371ZM7,7.278A.778.778,0,1,1,7.778,6.5.779.779,0,0,1,7,7.278Z" />
36+
</svg>
37+
</SvgIcon>
38+
);
39+
}
40+
}
41+
42+
export default ConfigurationsListIcon;

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

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// This file is part of MinIO Console Server
2-
// Copyright (c) 2019 MinIO, Inc.
2+
// Copyright (c) 2020 MinIO, Inc.
33
//
44
// This program is free software: you can redistribute it and/or modify
55
// it under the terms of the GNU Affero General Public License as published by
@@ -20,15 +20,24 @@ class DashboardIcon extends React.Component {
2020
render() {
2121
return (
2222
<SvgIcon>
23-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
24-
<title>ic_h_dashboard</title>
25-
<g id="Layer_2" data-name="Layer 2">
26-
<g id="Layer_1-2" data-name="Layer 1">
27-
<rect className="cls-1" x="9" width="7" height="7" />
28-
<rect className="cls-1" width="7" height="7" />
29-
<rect className="cls-1" x="9" y="9" width="7" height="7" />
30-
<rect className="cls-1" y="9" width="7" height="7" />
31-
</g>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
24+
<g transform="translate(249 720)">
25+
<rect
26+
width="6"
27+
height="5"
28+
transform="translate(-244 -720) rotate(90)"
29+
/>
30+
<rect width="4" height="4" transform="translate(-243 -720)" />
31+
<rect
32+
width="5"
33+
height="4"
34+
transform="translate(-239 -715) rotate(90)"
35+
/>
36+
<rect
37+
width="5"
38+
height="3"
39+
transform="translate(-244 -710) rotate(180)"
40+
/>
3241
</g>
3342
</svg>
3443
</SvgIcon>

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

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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 GroupsIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.787">
24+
<g transform="translate(177 719.787)">
25+
<g transform="translate(-105 -720)">
26+
<path d="M-65,5a3,3,0,0,0-1.131.224A3.981,3.981,0,0,1-65,8v2h3V8A3,3,0,0,0-65,5Z" />
27+
<path d="M-72,10h6V8a3,3,0,0,0-3-3,3,3,0,0,0-3,3Z" />
28+
<path
29+
className="a"
30+
d="M-65,.213a1.993,1.993,0,0,0-1.384.561A2.967,2.967,0,0,1-66,2.213a2.964,2.964,0,0,1-.384,1.439A1.989,1.989,0,0,0-65,4.213a2,2,0,0,0,2-2A2,2,0,0,0-65,.213Z"
31+
/>
32+
<circle cx="2" cy="2" r="2" transform="translate(-71 0.213)" />
33+
</g>
34+
</g>
35+
</svg>
36+
</SvgIcon>
37+
);
38+
}
39+
}
40+
41+
export default GroupsIcon;

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

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
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 BucketsIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.75 10">
24+
<path
25+
d="M-44.625,10l-4.353-2.419L-53.375,10V0h8.75Z"
26+
transform="translate(53.375)"
27+
/>
28+
</svg>
29+
</SvgIcon>
30+
);
31+
}
32+
}
33+
34+
export default BucketsIcon;

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

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
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 LambdaNotificationsIcon extends React.Component {
20+
render() {
21+
return (
22+
<SvgIcon>
23+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
24+
<path
25+
d="M0,0v10l2.8-2.2H10V0H0z M6.6,6L5.6,6.4l-0.8-2l-1.5,2L2.5,5.9l1.9-2.6L4.1,2.4H3.2v-1h1.5l1.4,3.7l0.9-0.4
26+
l0.4,0.9L6.6,6z"
27+
/>
28+
</svg>
29+
</SvgIcon>
30+
);
31+
}
32+
}
33+
34+
export default LambdaNotificationsIcon;

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

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
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 MirroringIcon 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(61 439)">
25+
<rect width="1.5" height="10" transform="translate(-56.75 -439)" />
26+
<path d="M6.5,10V0h.572L10,10Z" transform="translate(-61 -439)" />
27+
<path d="M3.5,10V0H2.928L0,10Z" transform="translate(-61 -439)" />
28+
</g>
29+
</svg>
30+
</SvgIcon>
31+
);
32+
}
33+
}
34+
35+
export default MirroringIcon;

0 commit comments

Comments
 (0)