@eeacms/volto-cca-policy 0.2.72 → 0.2.73
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/CHANGELOG.md +12 -0
- package/package.json +1 -1
- package/src/components/manage/Blocks/RASTBlock/RASTAccordion.jsx +64 -47
- package/src/components/manage/Blocks/RASTBlock/RASTAccordionContent.jsx +20 -22
- package/src/components/manage/Blocks/RASTBlock/icons/icon_01.svg +62 -0
- package/src/components/manage/Blocks/RASTBlock/icons/icon_02.svg +29 -0
- package/src/components/manage/Blocks/RASTBlock/icons/icon_03.svg +38 -0
- package/src/components/manage/Blocks/RASTBlock/icons/icon_04.svg +53 -0
- package/src/components/manage/Blocks/RASTBlock/icons/icon_05.svg +56 -0
- package/src/components/manage/Blocks/RASTBlock/icons/icon_06.svg +45 -0
- package/src/components/manage/Blocks/RASTBlock/styles.less +162 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,18 @@ All notable changes to this project will be documented in this file. Dates are d
|
|
|
4
4
|
|
|
5
5
|
Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
|
|
6
6
|
|
|
7
|
+
### [0.2.73](https://github.com/eea/volto-cca-policy/compare/0.2.72...0.2.73) - 22 October 2024
|
|
8
|
+
|
|
9
|
+
#### :rocket: New Features
|
|
10
|
+
|
|
11
|
+
- feat: update RAST block navigation based on the new design - refs #278874 [kreafox - [`138ce4d`](https://github.com/eea/volto-cca-policy/commit/138ce4df9ad3a328d1b135e9df9a077c7dac8c80)]
|
|
12
|
+
|
|
13
|
+
#### :house: Internal changes
|
|
14
|
+
|
|
15
|
+
- style: Automated code fix [eea-jenkins - [`43c9245`](https://github.com/eea/volto-cca-policy/commit/43c9245fa8c35853c761ecc47544fd098f8a2978)]
|
|
16
|
+
- style: fix text color in RAST block [kreafox - [`490ab1c`](https://github.com/eea/volto-cca-policy/commit/490ab1cb665910d04c18afd4f26e07913e427706)]
|
|
17
|
+
- style: Automated code fix [eea-jenkins - [`7f54efb`](https://github.com/eea/volto-cca-policy/commit/7f54efb5deafb8773c7db5bac14cf07968ed883e)]
|
|
18
|
+
|
|
7
19
|
### [0.2.72](https://github.com/eea/volto-cca-policy/compare/0.2.71...0.2.72) - 14 October 2024
|
|
8
20
|
|
|
9
21
|
#### :bug: Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,59 +1,76 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Accordion } from 'semantic-ui-react';
|
|
3
|
-
import RASTAccordionContent from './RASTAccordionContent';
|
|
4
3
|
import { useHistory } from 'react-router-dom';
|
|
4
|
+
import { Icon } from '@plone/volto/components';
|
|
5
|
+
|
|
6
|
+
import RASTAccordionContent from './RASTAccordionContent';
|
|
5
7
|
|
|
6
|
-
|
|
8
|
+
import step1 from './icons/icon_01.svg';
|
|
9
|
+
import step2 from './icons/icon_02.svg';
|
|
10
|
+
import step3 from './icons/icon_03.svg';
|
|
11
|
+
import step4 from './icons/icon_04.svg';
|
|
12
|
+
import step5 from './icons/icon_05.svg';
|
|
13
|
+
import step6 from './icons/icon_06.svg';
|
|
14
|
+
|
|
15
|
+
const icons = [step1, step2, step3, step4, step5, step6];
|
|
16
|
+
|
|
17
|
+
const RASTAccordion = ({
|
|
18
|
+
items = [],
|
|
19
|
+
activeMenu,
|
|
20
|
+
show_subfolders,
|
|
21
|
+
curent_location,
|
|
22
|
+
}) => {
|
|
7
23
|
const history = useHistory();
|
|
8
|
-
const { items = {}, curent_location, activeMenu, show_subfolders } = props;
|
|
9
24
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
history.push(itemUrl);
|
|
25
|
+
const handleNavigation = (url) => {
|
|
26
|
+
history.push(url);
|
|
13
27
|
};
|
|
14
28
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
const handleKeyDown = (e, url) => {
|
|
30
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
handleNavigation(url);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
const renderAccordionItem = (item, index) => {
|
|
37
|
+
const active = activeMenu === index;
|
|
38
|
+
// Icons start from the second item
|
|
39
|
+
const icon = icons[index - 1] || null;
|
|
40
|
+
|
|
41
|
+
return (
|
|
42
|
+
<Accordion key={item.id} className={`step-${index}`}>
|
|
43
|
+
<Accordion.Title
|
|
44
|
+
role="button"
|
|
45
|
+
tabIndex={0}
|
|
46
|
+
index={index}
|
|
47
|
+
active={active}
|
|
48
|
+
aria-expanded={active}
|
|
49
|
+
onClick={() => handleNavigation(item.url)}
|
|
50
|
+
onKeyDown={(e) => handleKeyDown(e, item.url)}
|
|
51
|
+
>
|
|
52
|
+
{icon && <Icon name={icon} size="70px" />}
|
|
53
|
+
<span className="item-title">{item.title}</span>
|
|
54
|
+
</Accordion.Title>
|
|
55
|
+
|
|
56
|
+
{show_subfolders && (
|
|
57
|
+
<Accordion.Content active={active}>
|
|
58
|
+
<RASTAccordionContent
|
|
59
|
+
curent_location={curent_location}
|
|
60
|
+
key={index}
|
|
61
|
+
main={{
|
|
62
|
+
title: item.title,
|
|
63
|
+
href: item['@id'],
|
|
64
|
+
url: item.url,
|
|
35
65
|
}}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
main={{
|
|
45
|
-
title: item.title,
|
|
46
|
-
href: item['@id'],
|
|
47
|
-
url: item.url,
|
|
48
|
-
}}
|
|
49
|
-
/>
|
|
50
|
-
</Accordion.Content>
|
|
51
|
-
) : null}
|
|
52
|
-
</Accordion>
|
|
53
|
-
);
|
|
54
|
-
})}
|
|
55
|
-
</>
|
|
56
|
-
);
|
|
66
|
+
/>
|
|
67
|
+
</Accordion.Content>
|
|
68
|
+
)}
|
|
69
|
+
</Accordion>
|
|
70
|
+
);
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
return <>{items.map(renderAccordionItem)}</>;
|
|
57
74
|
};
|
|
58
75
|
|
|
59
76
|
export default RASTAccordion;
|
|
@@ -24,28 +24,26 @@ const RASTAccordionContent = (props) => {
|
|
|
24
24
|
);
|
|
25
25
|
|
|
26
26
|
return (
|
|
27
|
-
<div
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
>
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
: null}
|
|
48
|
-
</div>
|
|
27
|
+
<div>
|
|
28
|
+
{items.length
|
|
29
|
+
? items
|
|
30
|
+
.filter((item) => item['@type'] === 'Folder')
|
|
31
|
+
.map((item) => {
|
|
32
|
+
const active = item['@id'].endsWith(curent_location.pathname);
|
|
33
|
+
return (
|
|
34
|
+
<List.Item
|
|
35
|
+
key={item.id}
|
|
36
|
+
className={cx('substep', {
|
|
37
|
+
active: active,
|
|
38
|
+
})}
|
|
39
|
+
>
|
|
40
|
+
<Link to={flattenToAppURL(getBaseUrl(item['@id']))}>
|
|
41
|
+
{item.title}
|
|
42
|
+
</Link>
|
|
43
|
+
</List.Item>
|
|
44
|
+
);
|
|
45
|
+
})
|
|
46
|
+
: null}
|
|
49
47
|
</div>
|
|
50
48
|
);
|
|
51
49
|
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 180 180">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: none;
|
|
7
|
+
stroke: #000;
|
|
8
|
+
stroke-linecap: round;
|
|
9
|
+
stroke-linejoin: round;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
|
|
14
|
+
<g>
|
|
15
|
+
<g id="Layer_2">
|
|
16
|
+
<g id="g1975">
|
|
17
|
+
<g id="g1981">
|
|
18
|
+
<path id="path1983" class="cls-1" d="M136.2,87.4h-59.7l-4.8-9.9c-.6-1.2-1.7-1.9-2.9-1.9h-26.2c-1.8,0-3.3,1.6-3.3,3.6v64.7c0,2.6,2,4.7,4.4,4.7h92.5c2.4,0,4.4-2.1,4.4-4.7v-51.8c0-2.6-2-4.7-4.4-4.7Z"/>
|
|
19
|
+
</g>
|
|
20
|
+
<g id="g1985">
|
|
21
|
+
<path id="path1987" class="cls-1" d="M103.6,141.6h-27.2v-1.9c0-8.1,6.1-14.6,13.6-14.6s13.6,6.6,13.6,14.6c0,0,0,1.9,0,1.9Z"/>
|
|
22
|
+
</g>
|
|
23
|
+
<g id="g1989">
|
|
24
|
+
<path id="path1991" class="cls-1" d="M100.4,113.9c0,6.2-4.7,11.2-10.4,11.2s-10.4-5-10.4-11.2,4.7-11.2,10.4-11.2,10.4,5,10.4,11.2Z"/>
|
|
25
|
+
</g>
|
|
26
|
+
<g id="g1993">
|
|
27
|
+
<path id="path1995" class="cls-1" d="M115.9,141.6h-51.7c-2.1,0-3.7-1.8-3.7-4v-38.5c0-2.2,1.7-4,3.7-4h51.7c2.1,0,3.7,1.8,3.7,4v38.5c0,2.2-1.7,4-3.7,4Z"/>
|
|
28
|
+
</g>
|
|
29
|
+
<g id="g1997">
|
|
30
|
+
<path id="path1999" class="cls-1" d="M72.9,50.7h17.8"/>
|
|
31
|
+
</g>
|
|
32
|
+
<g id="g2001">
|
|
33
|
+
<path id="path2003" class="cls-1" d="M72.9,61.4h8.9"/>
|
|
34
|
+
</g>
|
|
35
|
+
<g id="g2005">
|
|
36
|
+
<path id="path2007" class="cls-1" d="M72.9,70.2h8.9"/>
|
|
37
|
+
</g>
|
|
38
|
+
<g id="g2009">
|
|
39
|
+
<path id="path2011" class="cls-1" d="M119,61.4h-28.3"/>
|
|
40
|
+
</g>
|
|
41
|
+
<g id="g2013">
|
|
42
|
+
<path id="path2015" class="cls-1" d="M119,70.2h-28.3"/>
|
|
43
|
+
</g>
|
|
44
|
+
<g id="g2017">
|
|
45
|
+
<path id="path2019" class="cls-1" d="M72.9,78.9h8.9"/>
|
|
46
|
+
</g>
|
|
47
|
+
<g id="g2021">
|
|
48
|
+
<path id="path2023" class="cls-1" d="M119,78.9h-28.3"/>
|
|
49
|
+
</g>
|
|
50
|
+
<g id="g2025">
|
|
51
|
+
<path id="path2027" class="cls-1" d="M136.2,87.4h-59.7l-4.8-9.9c-.6-1.2-1.7-1.9-2.9-1.9h-26.2c-1.8,0-3.3,1.6-3.3,3.6v64.7c0,2.6,2,4.7,4.4,4.7h92.5c2.4,0,4.4-2.1,4.4-4.7v-51.8c0-2.6-2-4.7-4.4-4.7Z"/>
|
|
52
|
+
</g>
|
|
53
|
+
<g id="g2029">
|
|
54
|
+
<path id="path2031" class="cls-1" d="M68.9,75.7c1.2,0,2.4.7,2.9,1.9l4.8,9.9h50.4v-42c0-2.6-2-4.7-4.4-4.7h-53.3c-2.4,0-4.4,2.1-4.4,4.7v30.2h4Z"/>
|
|
55
|
+
</g>
|
|
56
|
+
<g id="g2033">
|
|
57
|
+
<path id="path2035" class="cls-1" d="M64.9,75.7v-30.2c0-2.6,2-4.7,4.4-4.7h45.8v-4.7c0-2.6-2-4.7-4.4-4.7h-53.3c-2.4,0-4.4,2.1-4.4,4.7v39.7h11.9Z"/>
|
|
58
|
+
</g>
|
|
59
|
+
</g>
|
|
60
|
+
</g>
|
|
61
|
+
</g>
|
|
62
|
+
</svg>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 180 180">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: none;
|
|
7
|
+
stroke: #000;
|
|
8
|
+
stroke-linecap: round;
|
|
9
|
+
stroke-linejoin: round;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
|
|
14
|
+
<g>
|
|
15
|
+
<g id="Layer_2">
|
|
16
|
+
<g id="g2731">
|
|
17
|
+
<g id="g2745">
|
|
18
|
+
<path id="path2747" class="cls-1" d="M40.8,119.3l41.7-67.8c3.4-5.6,11.6-5.6,15,0l41.7,67.8c3.6,5.9-.6,13.4-7.5,13.4H48.3c-6.9,0-11.1-7.6-7.5-13.4Z"/>
|
|
19
|
+
</g>
|
|
20
|
+
<g id="g2749">
|
|
21
|
+
<path id="path2751" class="cls-1" d="M94.1,115c0,2.3-1.9,4.1-4.1,4.1s-4.1-1.9-4.1-4.1,1.8-4.1,4.1-4.1,4.1,1.9,4.1,4.1"/>
|
|
22
|
+
</g>
|
|
23
|
+
<g id="g2753">
|
|
24
|
+
<path id="path2755" class="cls-1" d="M90.1,98.4v-26.7"/>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</g>
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 180 180">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: none;
|
|
7
|
+
stroke: #000;
|
|
8
|
+
stroke-linecap: round;
|
|
9
|
+
stroke-linejoin: round;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
|
|
14
|
+
<g>
|
|
15
|
+
<g id="Layer_2">
|
|
16
|
+
<g>
|
|
17
|
+
<g>
|
|
18
|
+
<path class="cls-1" d="M55.7,114.7h.5c9,0,16.2,7.3,16.2,16.2v3.4h-33v-3.4c0-9,7.3-16.2,16.2-16.2h0Z"/>
|
|
19
|
+
<circle class="cls-1" cx="56" cy="105" r="9.7"/>
|
|
20
|
+
</g>
|
|
21
|
+
<g>
|
|
22
|
+
<path class="cls-1" d="M88.7,114.7h.5c9,0,16.2,7.3,16.2,16.2v3.4h-33v-3.4c0-9,7.3-16.2,16.2-16.2h.1Z"/>
|
|
23
|
+
<circle class="cls-1" cx="88.9" cy="105" r="9.7"/>
|
|
24
|
+
</g>
|
|
25
|
+
<g>
|
|
26
|
+
<path class="cls-1" d="M121.7,114.7h.5c9,0,16.2,7.3,16.2,16.2v3.4h-33v-3.4c0-9,7.3-16.2,16.2-16.2h.1Z"/>
|
|
27
|
+
<circle class="cls-1" cx="121.9" cy="105" r="9.7"/>
|
|
28
|
+
</g>
|
|
29
|
+
</g>
|
|
30
|
+
<g>
|
|
31
|
+
<polygon class="cls-1" points="138.4 35.4 138.4 76.5 99 76.5 89 89.1 88.9 89.2 88.9 89.1 78.9 76.5 39.5 76.5 39.5 35.4 138.4 35.4"/>
|
|
32
|
+
<rect class="cls-1" x="51.8" y="48.7" width="14.6" height="14.6"/>
|
|
33
|
+
<polygon class="cls-1" points="99.3 64.1 78.6 64.1 88.9 47.8 88.9 47.7 89 47.8 99.3 64.1"/>
|
|
34
|
+
<path class="cls-1" d="M118,64.2h-.3c-4.5,0-8.1-3.6-8.1-8.1v-.3c0-4.5,3.6-8.1,8.1-8.1h.3c4.5,0,8.1,3.6,8.1,8.1v.3c0,4.5-3.6,8.1-8.1,8.1Z"/>
|
|
35
|
+
</g>
|
|
36
|
+
</g>
|
|
37
|
+
</g>
|
|
38
|
+
</svg>
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 180 180">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: none;
|
|
7
|
+
stroke: #000;
|
|
8
|
+
stroke-linecap: round;
|
|
9
|
+
stroke-linejoin: round;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
|
|
14
|
+
<g>
|
|
15
|
+
<g id="Layer_2">
|
|
16
|
+
<g id="g2116">
|
|
17
|
+
<g id="g2122">
|
|
18
|
+
<path id="path2124" class="cls-1" d="M107.8,99.6l8.7,8.7,27.5,27.5-9.3,9.3-27.5-27.5-8.7-8.7"/>
|
|
19
|
+
</g>
|
|
20
|
+
<g id="g2126">
|
|
21
|
+
<path id="path2128" class="cls-1" d="M62.5,83.3c0-3.6-2.9-6.6-6.6-6.6s-6.6,2.9-6.6,6.6,2.9,6.6,6.6,6.6,6.6-2.9,6.6-6.6Z"/>
|
|
22
|
+
</g>
|
|
23
|
+
<g id="g2130">
|
|
24
|
+
<path id="path2132" class="cls-1" d="M82.2,63.6c0-3.6-2.9-6.6-6.6-6.6s-6.6,2.9-6.6,6.6,2.9,6.6,6.6,6.6,6.6-2.9,6.6-6.6Z"/>
|
|
25
|
+
</g>
|
|
26
|
+
<g id="g2134">
|
|
27
|
+
<path id="path2136" class="cls-1" d="M102,83.3c0-3.6-2.9-6.6-6.6-6.6s-3.5.7-4.7,1.9c-1.2,1.2-1.9,2.8-1.9,4.7,0,3.6,2.9,6.6,6.6,6.6s6.6-2.9,6.6-6.6Z"/>
|
|
28
|
+
</g>
|
|
29
|
+
<g id="g2138">
|
|
30
|
+
<path id="path2140" class="cls-1" d="M60.6,78.7l10.4-10.4"/>
|
|
31
|
+
</g>
|
|
32
|
+
<g id="g2142">
|
|
33
|
+
<path id="path2144" class="cls-1" d="M80.3,68.2l10.4,10.4"/>
|
|
34
|
+
</g>
|
|
35
|
+
<g id="g2146">
|
|
36
|
+
<path id="path2148" class="cls-1" d="M100,78.7l13.4-13.4,10.2-10.2"/>
|
|
37
|
+
</g>
|
|
38
|
+
<g id="g2150">
|
|
39
|
+
<path id="path2152" class="cls-1" d="M134.8,50.4c0,3.6-2.9,6.6-6.6,6.6s-6.6-2.9-6.6-6.6,2.9-6.6,6.6-6.6,6.6,2.9,6.6,6.6Z"/>
|
|
40
|
+
</g>
|
|
41
|
+
<g id="g2154">
|
|
42
|
+
<path id="path2156" class="cls-1" d="M107.2,117.6l9.3-9.3"/>
|
|
43
|
+
</g>
|
|
44
|
+
<g id="g2158">
|
|
45
|
+
<path id="path2160" class="cls-1" d="M77.7,37.1c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2"/>
|
|
46
|
+
</g>
|
|
47
|
+
<g id="g2162">
|
|
48
|
+
<path id="path2164" class="cls-1" d="M85.3,38.4c13.4,3.4,24.1,13.7,28.1,26.9,1.1,3.6,1.7,7.5,1.7,11.5,0,8.5-2.7,16.4-7.3,22.9-2.6,3.6-5.7,6.7-9.3,9.3-6.5,4.6-14.3,7.3-22.9,7.3-21.8,0-39.6-17.7-39.6-39.5s12.6-33.9,29.7-38.3"/>
|
|
49
|
+
</g>
|
|
50
|
+
</g>
|
|
51
|
+
</g>
|
|
52
|
+
</g>
|
|
53
|
+
</svg>
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 180 180">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: none;
|
|
7
|
+
stroke: #000;
|
|
8
|
+
stroke-linecap: round;
|
|
9
|
+
stroke-linejoin: round;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
|
|
14
|
+
<g>
|
|
15
|
+
<g id="Layer_2">
|
|
16
|
+
<g id="g3617">
|
|
17
|
+
<g id="g3623">
|
|
18
|
+
<path id="path3625" class="cls-1" d="M73.8,141.4h57.6c5.5,0,10-4.5,10-10"/>
|
|
19
|
+
</g>
|
|
20
|
+
<g id="g3627">
|
|
21
|
+
<path id="path3629" class="cls-1" d="M38.6,131.4c0,5.5,4.5,10,10,10h18"/>
|
|
22
|
+
</g>
|
|
23
|
+
<g id="g3631">
|
|
24
|
+
<path id="path3633" class="cls-1" d="M90,64.8c-2.9,0-5.2-2.3-5.2-5.2s2.3-5.2,5.2-5.2,5.2,2.3,5.2,5.2-2.3,5.2-5.2,5.2ZM111,61.4v-3.8c0-1-.7-1.8-1.7-1.9l-3.1-.5c-.7,0-1.3-.6-1.5-1.2,0-.3-.2-.6-.4-.9-.3-.6-.2-1.4.2-1.9l1.8-2.5c.6-.8.5-1.9-.2-2.5l-2.7-2.7c-.7-.7-1.8-.8-2.5-.2l-2.5,1.8c-.6.4-1.3.5-1.9.2-.3,0-.6-.3-.9-.4-.7-.2-1.1-.8-1.2-1.5l-.5-3.1c0-1-1-1.7-1.9-1.7h-3.8c-1,0-1.8.7-1.9,1.7l-.5,3.1c0,.7-.6,1.3-1.2,1.5-.3,0-.6.2-.9.4-.6.3-1.4.2-1.9-.2l-2.5-1.8c-.8-.6-1.9-.5-2.5.2l-2.7,2.7c-.7.7-.8,1.8-.2,2.5l1.8,2.5c.4.6.5,1.3.2,1.9,0,.3-.3.6-.4.9-.2.7-.8,1.1-1.5,1.2l-3.1.5c-1,0-1.7,1-1.7,1.9v3.8c0,1,.7,1.8,1.7,1.9l3.1.5c.7,0,1.3.6,1.5,1.2,0,.3.2.6.4.9.3.6.2,1.4-.2,1.9l-1.8,2.5c-.6.8-.5,1.9.2,2.5l2.7,2.7c.7.7,1.8.8,2.5.2l2.5-1.8c.6-.4,1.3-.5,1.9-.2.3,0,.6.3.9.4.7.2,1.1.8,1.2,1.5l.5,3.1c0,1,1,1.7,1.9,1.7h3.8c1,0,1.8-.7,1.9-1.7l.5-3.1c0-.7.6-1.3,1.2-1.5.3,0,.6-.2.9-.4.6-.3,1.4-.2,1.9.2l2.5,1.8c.8.6,1.9.5,2.5-.2l2.7-2.7c.7-.7.8-1.8.2-2.5l-1.8-2.5c-.4-.6-.5-1.3-.2-1.9,0-.3.3-.6.4-.9.2-.7.8-1.1,1.5-1.2l3.1-.5c1,0,1.7-1,1.7-1.9h0Z"/>
|
|
25
|
+
</g>
|
|
26
|
+
<g id="g3635">
|
|
27
|
+
<path id="path3637" class="cls-1" d="M38.6,77.3v54.1c0-5.5,4.5-10,10-10s2.9.3,4.2.9c1.4.6,2.9-.4,2.9-1.9v-63.9c0-1.5-.8-2.9-2.1-3.6-1.5-.8-3.1-1.3-5-1.4-5.6,0-10.1,4.6-10.1,10.2v8.3"/>
|
|
28
|
+
</g>
|
|
29
|
+
<g id="g3639">
|
|
30
|
+
<path id="path3641" class="cls-1" d="M124.3,92.1v28.2c0,1.5,1.6,2.5,2.9,1.9,1.3-.6,2.7-.9,4.2-.9,5.5,0,10,4.5,10,10V61.7c0-5.6-4.6-10.3-10.1-10.2-1.8,0-3.5.5-5,1.4-1.3.7-2.1,2.1-2.1,3.6v28.4"/>
|
|
31
|
+
</g>
|
|
32
|
+
<g id="g3643">
|
|
33
|
+
<path id="path3645" class="cls-1" d="M90,97.2v6.3h18.8v6.3"/>
|
|
34
|
+
</g>
|
|
35
|
+
<g id="g3647">
|
|
36
|
+
<path id="path3649" class="cls-1" d="M97.6,97.2h-15.3c-.9,0-1.6-.7-1.6-1.6v-6.9c0-.9.7-1.6,1.6-1.6h15.3c.9,0,1.6.7,1.6,1.6v6.9c0,.9-.7,1.6-1.6,1.6Z"/>
|
|
37
|
+
</g>
|
|
38
|
+
<g id="g3651">
|
|
39
|
+
<path id="path3653" class="cls-1" d="M116.5,119.8h-15.3c-.9,0-1.6-.7-1.6-1.6v-6.9c0-.9.7-1.6,1.6-1.6h15.3c.9,0,1.6.7,1.6,1.6v6.9c0,.9-.7,1.6-1.6,1.6Z"/>
|
|
40
|
+
</g>
|
|
41
|
+
<g id="g3655">
|
|
42
|
+
<path id="path3657" class="cls-1" d="M90,103.5h-18.8v6.3"/>
|
|
43
|
+
</g>
|
|
44
|
+
<g id="g3659">
|
|
45
|
+
<path id="path3661" class="cls-1" d="M63.5,119.8h15.3c.9,0,1.6-.7,1.6-1.6v-6.9c0-.9-.7-1.6-1.6-1.6h-15.3c-.9,0-1.6.7-1.6,1.6v6.9c0,.9.7,1.6,1.6,1.6Z"/>
|
|
46
|
+
</g>
|
|
47
|
+
<g id="g3663">
|
|
48
|
+
<path id="path3665" class="cls-1" d="M90,80.5v6.7"/>
|
|
49
|
+
</g>
|
|
50
|
+
<g id="g3667">
|
|
51
|
+
<path id="path3669" class="cls-1" d="M62,128.5h56"/>
|
|
52
|
+
</g>
|
|
53
|
+
</g>
|
|
54
|
+
</g>
|
|
55
|
+
</g>
|
|
56
|
+
</svg>
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 180 180">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: none;
|
|
7
|
+
stroke: #000;
|
|
8
|
+
stroke-dasharray: 0 0 0 0 63 5.9;
|
|
9
|
+
stroke-linecap: round;
|
|
10
|
+
stroke-linejoin: round;
|
|
11
|
+
}
|
|
12
|
+
</style>
|
|
13
|
+
</defs>
|
|
14
|
+
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
|
|
15
|
+
<g>
|
|
16
|
+
<g id="Layer_2">
|
|
17
|
+
<g id="g19">
|
|
18
|
+
<g id="g25">
|
|
19
|
+
<path id="path27" class="cls-1" d="M90,72.6c9.6,0,17.4,7.8,17.4,17.4s-7.8,17.4-17.4,17.4-17.4-7.8-17.4-17.4,7.8-17.4,17.4-17.4Z"/>
|
|
20
|
+
</g>
|
|
21
|
+
<g id="g29">
|
|
22
|
+
<path id="path31" class="cls-1" d="M90,83.9c3.4,0,6.1,2.7,6.1,6.1s-2.7,6.1-6.1,6.1-6.1-2.7-6.1-6.1,2.7-6.1,6.1-6.1Z"/>
|
|
23
|
+
</g>
|
|
24
|
+
<g id="g33">
|
|
25
|
+
<path id="path35" class="cls-1" d="M55.7,90h0c.5.9,10.6,17.4,34.6,17.4s33.2-16.1,33.9-17.4c-.5-.9-10.6-17.4-34.6-17.4s-33.2,16.1-33.9,17.4Z"/>
|
|
26
|
+
</g>
|
|
27
|
+
<g id="g37">
|
|
28
|
+
<path id="path39" class="cls-1" d="M136.9,90c0,25.9-21,46.9-46.9,46.9s-46.9-21-46.9-46.9,21-46.9,46.9-46.9,46.9,21,46.9,46.9Z"/>
|
|
29
|
+
</g>
|
|
30
|
+
<g id="g41">
|
|
31
|
+
<path id="path43" class="cls-1" d="M90,35.5v16.6"/>
|
|
32
|
+
</g>
|
|
33
|
+
<g id="g45">
|
|
34
|
+
<path id="path47" class="cls-1" d="M90,129.2v15.3"/>
|
|
35
|
+
</g>
|
|
36
|
+
<g id="g49">
|
|
37
|
+
<path id="path51" class="cls-1" d="M144.5,90h-7.6"/>
|
|
38
|
+
</g>
|
|
39
|
+
<g id="g53">
|
|
40
|
+
<path id="path55" class="cls-1" d="M43.1,90h-7.6"/>
|
|
41
|
+
</g>
|
|
42
|
+
</g>
|
|
43
|
+
</g>
|
|
44
|
+
</g>
|
|
45
|
+
</svg>
|
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
|
|
4
4
|
@import (multiple, reference, optional) '../../theme.config';
|
|
5
5
|
|
|
6
|
+
@grey-light: #f1f0f5;
|
|
7
|
+
@grey-dark: #e1e1e1;
|
|
8
|
+
@blue: #004b80;
|
|
9
|
+
@teal: #007b6a;
|
|
10
|
+
@sand: #b78b02;
|
|
11
|
+
@light-blue: #50afa3;
|
|
12
|
+
@purple: #9e85b6;
|
|
13
|
+
@blue-grey: #6889a6;
|
|
14
|
+
@border-color: #3d5265;
|
|
15
|
+
@text-color: #212d39;
|
|
16
|
+
|
|
6
17
|
.rast-map-block {
|
|
7
18
|
display: flex;
|
|
8
19
|
align-items: center;
|
|
@@ -104,3 +115,154 @@
|
|
|
104
115
|
}
|
|
105
116
|
}
|
|
106
117
|
}
|
|
118
|
+
|
|
119
|
+
.rast-block {
|
|
120
|
+
.ui.accordion {
|
|
121
|
+
margin-bottom: 0.7em;
|
|
122
|
+
color: @text-color;
|
|
123
|
+
|
|
124
|
+
&:has(svg) {
|
|
125
|
+
.title:not(.ui) {
|
|
126
|
+
padding: 0.3rem 0.5rem 0.3rem 0;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.title {
|
|
131
|
+
justify-content: flex-start;
|
|
132
|
+
border: none;
|
|
133
|
+
background-color: @grey-light;
|
|
134
|
+
|
|
135
|
+
&.active {
|
|
136
|
+
background-color: @grey-dark;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.item-title {
|
|
140
|
+
color: @text-color;
|
|
141
|
+
font-size: 15px;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
> .icon {
|
|
145
|
+
order: unset;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.content {
|
|
150
|
+
padding: 1rem;
|
|
151
|
+
background-color: @grey-light;
|
|
152
|
+
|
|
153
|
+
&.active {
|
|
154
|
+
border: 2px solid @grey-dark;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.item {
|
|
158
|
+
a {
|
|
159
|
+
color: @text-color;
|
|
160
|
+
font-size: 14px;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
&:not(:last-child) {
|
|
164
|
+
padding-bottom: 0.8em;
|
|
165
|
+
border-bottom: 1px solid @border-color;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
&:not(:first-child) {
|
|
169
|
+
padding-top: 0.8em;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.substep.active {
|
|
174
|
+
a {
|
|
175
|
+
color: @text-color;
|
|
176
|
+
font-weight: bold;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.cls-1 {
|
|
182
|
+
stroke: @text-color;
|
|
183
|
+
stroke-width: 3;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
&.step-1,
|
|
187
|
+
&.step-2,
|
|
188
|
+
&.step-3,
|
|
189
|
+
&.step-4,
|
|
190
|
+
&.step-5,
|
|
191
|
+
&.step-6 {
|
|
192
|
+
.title.active {
|
|
193
|
+
.item-title {
|
|
194
|
+
color: @white;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.icon {
|
|
198
|
+
fill: @white !important;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.cls-1 {
|
|
202
|
+
stroke: @white;
|
|
203
|
+
stroke-width: 3;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
&.step-1 {
|
|
209
|
+
.title.active {
|
|
210
|
+
background-color: @teal;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.content {
|
|
214
|
+
border: 2px solid @teal;
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
&.step-2 {
|
|
219
|
+
.title.active {
|
|
220
|
+
background-color: @blue;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.content {
|
|
224
|
+
border: 2px solid @blue;
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
&.step-3 {
|
|
229
|
+
.title.active {
|
|
230
|
+
background-color: @blue-grey;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.content {
|
|
234
|
+
border: 2px solid @blue-grey;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
&.step-4 {
|
|
239
|
+
.title.active {
|
|
240
|
+
background-color: @purple;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.content {
|
|
244
|
+
border: 2px solid @purple;
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
&.step-5 {
|
|
249
|
+
.title.active {
|
|
250
|
+
background-color: @sand;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.content {
|
|
254
|
+
border: 2px solid @sand;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
&.step-6 {
|
|
259
|
+
.title.active {
|
|
260
|
+
background-color: @light-blue;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.content {
|
|
264
|
+
border: 2px solid @light-blue;
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
}
|