mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-22 14:47:56 +01:00
SVG Icons Update
This commit is contained in:
Paulo Veiga
parent
c503c590d9
commit
1ce46337d6
11
packages/mindplot/assets/icons/bulb_light_off.svg
Normal file
11
packages/mindplot/assets/icons/bulb_light_off.svg
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
|
||||||
|
<path fill="#FBC02D" d="M37,22c0-7.7-6.6-13.8-14.5-12.9c-6,0.7-10.8,5.5-11.4,11.5c-0.5,4.6,1.4,8.7,4.6,11.3 c1.4,1.2,2.3,2.9,2.3,4.8V37h12v-0.1c0-1.8,0.8-3.6,2.2-4.8C35.1,29.7,37,26.1,37,22z"/>
|
||||||
|
<path fill="#FFF59D" d="M30.6,20.2l-3-2c-0.3-0.2-0.8-0.2-1.1,0L24,19.8l-2.4-1.6c-0.3-0.2-0.8-0.2-1.1,0l-3,2 c-0.2,0.2-0.4,0.4-0.4,0.7s0,0.6,0.2,0.8l3.8,4.7V37h2V26c0-0.2-0.1-0.4-0.2-0.6l-3.3-4.1l1.5-1l2.4,1.6c0.3,0.2,0.8,0.2,1.1,0 l2.4-1.6l1.5,1l-3.3,4.1C25.1,25.6,25,25.8,25,26v11h2V26.4l3.8-4.7c0.2-0.2,0.3-0.5,0.2-0.8S30.8,20.3,30.6,20.2z"/>
|
||||||
|
<circle fill="#5C6BC0" cx="24" cy="44" r="3"/>
|
||||||
|
<path fill="#9FA8DA" d="M26,45h-4c-2.2,0-4-1.8-4-4v-5h12v5C30,43.2,28.2,45,26,45z"/>
|
||||||
|
<g fill="#5C6BC0">
|
||||||
|
<path d="M30,41l-11.6,1.6c0.3,0.7,0.9,1.4,1.6,1.8l9.4-1.3C29.8,42.5,30,41.8,30,41z"/>
|
||||||
|
<polygon points="18,38.7 18,40.7 30,39 30,37"/>
|
||||||
|
</g>
|
||||||
|
<rect x="22" y="-2.9" transform="matrix(.707 -.707 .707 .707 -9.941 24)" fill="#37474F" width="4" height="53.7"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
11
packages/mindplot/assets/icons/bulb_light_on.svg
Normal file
11
packages/mindplot/assets/icons/bulb_light_on.svg
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
|
||||||
|
<circle fill="#FFF59D" cx="24" cy="22" r="20"/>
|
||||||
|
<path fill="#FBC02D" d="M37,22c0-7.7-6.6-13.8-14.5-12.9c-6,0.7-10.8,5.5-11.4,11.5c-0.5,4.6,1.4,8.7,4.6,11.3 c1.4,1.2,2.3,2.9,2.3,4.8V37h12v-0.1c0-1.8,0.8-3.6,2.2-4.8C35.1,29.7,37,26.1,37,22z"/>
|
||||||
|
<path fill="#FFF59D" d="M30.6,20.2l-3-2c-0.3-0.2-0.8-0.2-1.1,0L24,19.8l-2.4-1.6c-0.3-0.2-0.8-0.2-1.1,0l-3,2 c-0.2,0.2-0.4,0.4-0.4,0.7s0,0.6,0.2,0.8l3.8,4.7V37h2V26c0-0.2-0.1-0.4-0.2-0.6l-3.3-4.1l1.5-1l2.4,1.6c0.3,0.2,0.8,0.2,1.1,0 l2.4-1.6l1.5,1l-3.3,4.1C25.1,25.6,25,25.8,25,26v11h2V26.4l3.8-4.7c0.2-0.2,0.3-0.5,0.2-0.8S30.8,20.3,30.6,20.2z"/>
|
||||||
|
<circle fill="#5C6BC0" cx="24" cy="44" r="3"/>
|
||||||
|
<path fill="#9FA8DA" d="M26,45h-4c-2.2,0-4-1.8-4-4v-5h12v5C30,43.2,28.2,45,26,45z"/>
|
||||||
|
<g fill="#5C6BC0">
|
||||||
|
<path d="M30,41l-11.6,1.6c0.3,0.7,0.9,1.4,1.6,1.8l9.4-1.3C29.8,42.5,30,41.8,30,41z"/>
|
||||||
|
<polygon points="18,38.7 18,40.7 30,39 30,37"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
50
packages/mindplot/assets/icons/face_crying.svg
Normal file
50
packages/mindplot/assets/icons/face_crying.svg
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#75CDDE;" d="M366.532,278.29c-13.205,0-25.736-7.817-31.113-20.771c-11.113-26.765-24.928-49.754-39.951-66.484
|
||||||
|
c-12.426-13.837-11.285-35.131,2.552-47.558c13.837-12.426,35.128-11.289,47.554,2.556c20.336,22.645,37.848,51.464,52.044,85.66
|
||||||
|
c7.132,17.178-1.01,36.883-18.189,44.014C375.209,277.459,370.835,278.29,366.532,278.29z"/>
|
||||||
|
<path style="fill:#75CDDE;" d="M113.465,278.29c-4.303,0-8.677-0.831-12.902-2.582c-17.178-7.128-25.32-26.836-18.189-44.014
|
||||||
|
c14.196-34.196,31.708-63.015,52.044-85.66c12.426-13.833,33.717-14.982,47.554-2.556c13.837,12.426,14.978,33.721,2.552,47.558
|
||||||
|
c-15.023,16.729-28.838,39.715-39.951,66.484C139.201,270.473,126.666,278.29,113.465,278.29z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<circle style="fill:#333333;" cx="164.937" cy="155.227" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="305.664" cy="155.227" r="37.216"/>
|
||||||
|
<path style="fill:#333333;" d="M296.381,302.024c0,43.805-26.57,79.344-59.356,79.344s-59.356-35.539-59.356-79.344
|
||||||
|
c0-43.827,26.57-79.348,59.356-79.348S296.381,258.196,296.381,302.024z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
48
packages/mindplot/assets/icons/face_love.svg
Normal file
48
packages/mindplot/assets/icons/face_love.svg
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#ED3533;" d="M182.13,109.97c-14.133,0-27.262,6.892-35.154,18.432l-1.628,2.069l-1.089-1.388
|
||||||
|
c-7.802-11.962-20.954-19.109-35.232-19.109c-24.363,0-42.042,17.684-42.042,42.039c0,35.962,65.107,88.968,69.855,92.784
|
||||||
|
c2.241,2.144,5.175,3.323,8.288,3.323s6.047-1.175,8.288-3.326c4.763-3.847,70.753-57.683,70.753-92.781
|
||||||
|
C224.169,127.654,206.489,109.97,182.13,109.97z"/>
|
||||||
|
<path style="fill:#ED3533;" d="M366.696,109.97c-14.133,0-27.262,6.892-35.154,18.432l-1.628,2.069l-1.089-1.388
|
||||||
|
c-7.802-11.962-20.954-19.109-35.232-19.109c-24.363,0-42.042,17.684-42.042,42.039c0,35.962,65.107,88.968,69.855,92.784
|
||||||
|
c2.241,2.144,5.175,3.323,8.288,3.323c3.109,0,6.043-1.175,8.288-3.326c4.76-3.843,70.749-57.683,70.749-92.781
|
||||||
|
C408.735,127.654,391.055,109.97,366.696,109.97z"/>
|
||||||
|
</g>
|
||||||
|
<path style="fill:#333333;" d="M343.254,316.86c-59.281,60.325-154.662,59.853-213.449-0.898c-8.4-8.681-21.616,4.561-13.227,13.227
|
||||||
|
c65.769,67.969,173.644,68.332,239.903,0.898C364.941,321.481,351.718,308.246,343.254,316.86L343.254,316.86z"/>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
50
packages/mindplot/assets/icons/face_plain.svg
Normal file
50
packages/mindplot/assets/icons/face_plain.svg
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.935 473.935" style="enable-background:new 0 0 473.935 473.935;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.967" cy="236.967" r="236.967"/>
|
||||||
|
<g>
|
||||||
|
<circle style="fill:#333333;" cx="164.938" cy="207.632" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="313.637" cy="207.632" r="37.216"/>
|
||||||
|
<path style="fill:#333333;" d="M280.432,101.047c12.456-14.571,24.913-29.137,37.366-43.708c-4.412,0-8.816,0-13.227,0
|
||||||
|
c25.141,20.176,50.282,40.351,75.423,60.527c9.31,7.472,22.642-5.676,13.227-13.227c-25.141-20.176-50.282-40.351-75.423-60.527
|
||||||
|
c-3.719-2.986-9.658-4.176-13.227,0c-12.456,14.571-24.913,29.137-37.366,43.708C259.411,96.935,272.582,110.233,280.432,101.047
|
||||||
|
L280.432,101.047z"/>
|
||||||
|
<path style="fill:#333333;" d="M208.635,87.82c-12.456-14.571-24.909-29.137-37.365-43.708c-3.57-4.176-9.508-2.986-13.227,0
|
||||||
|
c-25.145,20.176-50.282,40.351-75.423,60.527c-9.414,7.551,3.918,20.7,13.227,13.227c25.141-20.176,50.282-40.351,75.423-60.527
|
||||||
|
c-4.412,0-8.816,0-13.227,0c12.456,14.571,24.909,29.137,37.365,43.708C203.258,110.233,216.429,96.935,208.635,87.82
|
||||||
|
L208.635,87.82z"/>
|
||||||
|
<path style="fill:#333333;" d="M178.592,369.397c35.831,11.326,71.659,22.66,107.49,33.99c11.54,3.648,16.438-14.421,4.977-18.043
|
||||||
|
c-35.831-11.326-71.659-22.66-107.49-33.99C172.029,347.706,167.134,365.771,178.592,369.397L178.592,369.397z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
43
packages/mindplot/assets/icons/face_sad.svg
Normal file
43
packages/mindplot/assets/icons/face_sad.svg
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.935 473.935" style="enable-background:new 0 0 473.935 473.935;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.967" cy="236.967" r="236.967"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#333333;" d="M356.671,354.1c-66.226-67.618-174.255-67.337-240.096,0.703
|
||||||
|
c-8.389,8.666,4.827,21.912,13.227,13.227c58.87-60.83,154.386-61.204,213.641-0.703C351.896,375.96,365.116,362.721,356.671,354.1
|
||||||
|
L356.671,354.1z"/>
|
||||||
|
<circle style="fill:#333333;" cx="164.938" cy="155.232" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="305.667" cy="155.232" r="37.216"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1015 B |
44
packages/mindplot/assets/icons/face_smile.svg
Normal file
44
packages/mindplot/assets/icons/face_smile.svg
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#333333;" d="M81.391,237.127c0,85.911,69.649,155.56,155.56,155.56c85.915,0,155.567-69.649,155.567-155.56
|
||||||
|
H81.391z"/>
|
||||||
|
<path style="fill:#CA2027;" d="M150.452,298.705c0,47.771,38.731,86.498,86.498,86.498c47.775,0,86.502-38.731,86.502-86.498
|
||||||
|
H150.452z"/>
|
||||||
|
<g>
|
||||||
|
<circle style="fill:#333333;" cx="164.937" cy="155.231" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="305.664" cy="155.231" r="37.216"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
52
packages/mindplot/assets/icons/face_smile_big.svg
Normal file
52
packages/mindplot/assets/icons/face_smile_big.svg
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#FFFFFF;" d="M81.391,237.123c0,85.911,69.649,155.56,155.56,155.56c85.915,0,155.564-69.649,155.564-155.56
|
||||||
|
L81.391,237.123L81.391,237.123z"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#CCCBCB;" d="M167.728,237.123c0,46.435,0,92.87,0,139.306c6.024,3.001,12.273,5.609,18.709,7.82
|
||||||
|
c0-49.043,0-98.083,0-147.126H167.728z"/>
|
||||||
|
<path style="fill:#CCCBCB;" d="M283.319,237.123c0,49.511,0,99.018,0,148.529c6.432-2.006,12.666-4.453,18.709-7.24
|
||||||
|
c0-47.098,0-94.191,0-141.289L283.319,237.123L283.319,237.123z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#333333;" d="M219.181,158.793c-1.684-31.255-23.992-53.56-55.243-55.243
|
||||||
|
c-31.184-1.68-53.698,26.522-55.243,55.243c-0.651,12.063,18.061,12,18.709,0c2.537-47.09,70.536-47.09,73.069,0
|
||||||
|
C201.12,170.793,219.832,170.856,219.181,158.793L219.181,158.793z"/>
|
||||||
|
<path style="fill:#333333;" d="M353.985,158.793c-1.684-31.255-23.992-53.56-55.243-55.243
|
||||||
|
c-31.184-1.68-53.694,26.522-55.243,55.243c-0.651,12.063,18.061,12,18.709,0c2.537-47.09,70.532-47.09,73.069,0
|
||||||
|
C335.924,170.793,354.637,170.856,353.985,158.793L353.985,158.793z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
41
packages/mindplot/assets/icons/face_surprise.svg
Normal file
41
packages/mindplot/assets/icons/face_surprise.svg
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<g>
|
||||||
|
<ellipse style="fill:#333333;" cx="164.937" cy="163.26" rx="37.216" ry="70.188"/>
|
||||||
|
<ellipse style="fill:#333333;" cx="305.664" cy="163.26" rx="37.216" ry="70.188"/>
|
||||||
|
<circle style="fill:#333333;" cx="236.966" cy="341.997" r="25.762"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 868 B |
45
packages/mindplot/assets/icons/face_wink.svg
Normal file
45
packages/mindplot/assets/icons/face_wink.svg
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#CA2027;" d="M262.327,342.379c24.074,44.916,62.944,70.959,86.828,58.162
|
||||||
|
c23.884-12.808,23.73-59.603-0.341-104.522L262.327,342.379z"/>
|
||||||
|
<g>
|
||||||
|
<circle style="fill:#333333;" cx="164.937" cy="155.227" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="305.664" cy="155.227" r="37.216"/>
|
||||||
|
<path style="fill:#333333;" d="M343.25,285.055c-59.281,60.328-154.662,59.846-213.449-0.898
|
||||||
|
c-8.4-8.681-21.616,4.561-13.227,13.227c65.769,67.965,173.64,68.336,239.903,0.898
|
||||||
|
C364.938,289.676,351.718,276.441,343.25,285.055L343.25,285.055z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
48
packages/mindplot/assets/icons/funy_angel.svg
Normal file
48
packages/mindplot/assets/icons/funy_angel.svg
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#ED3533;" d="M182.13,109.97c-14.133,0-27.262,6.892-35.154,18.432l-1.628,2.069l-1.089-1.388
|
||||||
|
c-7.802-11.962-20.954-19.109-35.232-19.109c-24.363,0-42.042,17.684-42.042,42.039c0,35.962,65.107,88.968,69.855,92.784
|
||||||
|
c2.241,2.144,5.175,3.323,8.288,3.323s6.047-1.175,8.288-3.326c4.763-3.847,70.753-57.683,70.753-92.781
|
||||||
|
C224.169,127.654,206.489,109.97,182.13,109.97z"/>
|
||||||
|
<path style="fill:#ED3533;" d="M366.696,109.97c-14.133,0-27.262,6.892-35.154,18.432l-1.628,2.069l-1.089-1.388
|
||||||
|
c-7.802-11.962-20.954-19.109-35.232-19.109c-24.363,0-42.042,17.684-42.042,42.039c0,35.962,65.107,88.968,69.855,92.784
|
||||||
|
c2.241,2.144,5.175,3.323,8.288,3.323c3.109,0,6.043-1.175,8.288-3.326c4.76-3.843,70.749-57.683,70.749-92.781
|
||||||
|
C408.735,127.654,391.055,109.97,366.696,109.97z"/>
|
||||||
|
</g>
|
||||||
|
<path style="fill:#333333;" d="M343.254,316.86c-59.281,60.325-154.662,59.853-213.449-0.898c-8.4-8.681-21.616,4.561-13.227,13.227
|
||||||
|
c65.769,67.969,173.644,68.332,239.903,0.898C364.941,321.481,351.718,308.246,343.254,316.86L343.254,316.86z"/>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
1
packages/mindplot/assets/icons/funy_devilish.svg
Normal file
1
packages/mindplot/assets/icons/funy_devilish.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" ?><svg width="83px" height="83px" viewBox="0 -0.5 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M41.5012 0.163945C33.7153 0.163945 26.3228 2.16849 20.2618 6.15345C17.2535 8.12984 15.7016 10.8525 11.3555 3.66109C3.7839 8.27367 2.40597 16.9366 6.04493 20.9437C2.75095 26.8145 0.870117 33.5845 0.870117 40.794C0.870117 63.2343 19.0609 81.4251 41.5012 81.4251C63.9405 81.4251 82.1313 63.2343 82.1313 40.794C82.1313 32.3303 79.5424 24.47 75.1129 17.9635C79.2014 9.73207 74.5898 3.74759 69.0268 0C67.1379 4.79965 66.0597 7.58973 60.1446 4.687C54.5011 1.91604 48.2219 0.163945 41.5012 0.163945V0.163945Z" fill="url(#paint0_linear)" fill-rule="evenodd"/><path d="M51.8424 42.0992C52.5676 41.9484 53.2777 42.413 53.4275 43.1372C53.5784 43.8614 53.1127 44.5715 52.3885 44.7223C50.9955 45.013 49.3883 45.4103 47.8283 45.9766C46.3135 46.5267 44.8451 47.2348 43.6804 48.1541C43.101 48.6117 42.2602 48.5132 41.8025 47.9338C41.3449 47.3545 41.4435 46.5137 42.0228 46.056C43.447 44.9305 45.1689 44.0917 46.916 43.4581C48.6178 42.8395 50.3488 42.41 51.8424 42.0992Z" fill="#2B2A29"/><path d="M11.2134 45.3137C10.4751 45.2503 9.92796 44.5996 9.99132 43.8603C10.0547 43.1221 10.7054 42.5749 11.4447 42.6383C12.9604 42.769 14.7276 42.9873 16.4988 43.3997C18.3103 43.8211 20.1197 44.4487 21.6666 45.3932C22.2982 45.7794 22.4974 46.6041 22.1122 47.2358C21.7269 47.8674 20.9022 48.0666 20.2705 47.6813C19.0032 46.9069 17.4604 46.3788 15.8903 46.0137C14.282 45.6386 12.6366 45.4364 11.2134 45.3137V45.3137Z" fill="#2B2A29"/><path clip-rule="evenodd" d="M16.0495 45.1373C17.6517 44.8688 19.2006 46.1411 19.5084 47.9797C19.8162 49.8173 18.7661 51.5251 17.1639 51.7937C15.5606 52.0622 14.0127 50.7889 13.7039 48.9513C13.3962 47.1127 14.4462 45.4059 16.0495 45.1373Z" fill="#282829" fill-rule="evenodd"/><path clip-rule="evenodd" d="M46.4957 45.1881C48.098 44.9196 49.6469 46.1919 49.9547 48.0305C50.2624 49.8681 49.2134 51.5759 47.6101 51.8445C46.0079 52.113 44.459 50.8397 44.1512 49.0021C43.8434 47.1635 44.8935 45.4567 46.4957 45.1881Z" fill="#282829" fill-rule="evenodd"/><path d="M22.9145 63.9699C22.3815 64.4799 21.5346 64.4607 21.0246 63.9277C20.5147 63.3946 20.5338 62.5487 21.0669 62.0388C24.0058 59.2266 27.9365 57.7682 31.8933 57.8667C35.672 57.9623 39.4749 59.47 42.4652 62.5668C42.9781 63.0999 42.961 63.9478 42.428 64.4607C41.8949 64.9737 41.047 64.9566 40.534 64.4235C38.0648 61.8658 34.9338 60.6206 31.8299 60.5432C28.5661 60.4607 25.3284 61.6596 22.9145 63.9699V63.9699Z" fill="#2B2A29"/><defs><linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear" x1="49.0185" x2="33.9849" y1="80.7211" y2="0.702049"><stop stop-color="#D6373D"/><stop offset="1" stop-color="#EA514F"/></linearGradient></defs></svg>
|
||||||
|
After Width: | Height: | Size: 2.7 KiB |
42
packages/mindplot/assets/icons/funy_glasses.svg
Normal file
42
packages/mindplot/assets/icons/funy_glasses.svg
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#333333;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#FFC10E;" d="M418.516,161.109c0,0-96.043-71.093-185.846-71.093S49.324,161.109,49.324,161.109
|
||||||
|
S244.524,290.2,418.516,161.109z"/>
|
||||||
|
<g>
|
||||||
|
<circle style="fill:#333333;" cx="164.937" cy="155.227" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="305.664" cy="155.227" r="37.216"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 920 B |
52
packages/mindplot/assets/icons/funy_grin.svg
Normal file
52
packages/mindplot/assets/icons/funy_grin.svg
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#FFFFFF;" d="M81.391,237.123c0,85.911,69.649,155.56,155.56,155.56c85.915,0,155.564-69.649,155.564-155.56
|
||||||
|
L81.391,237.123L81.391,237.123z"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#CCCBCB;" d="M167.728,237.123c0,46.435,0,92.87,0,139.306c6.024,3.001,12.273,5.609,18.709,7.82
|
||||||
|
c0-49.043,0-98.083,0-147.126H167.728z"/>
|
||||||
|
<path style="fill:#CCCBCB;" d="M283.319,237.123c0,49.511,0,99.018,0,148.529c6.432-2.006,12.666-4.453,18.709-7.24
|
||||||
|
c0-47.098,0-94.191,0-141.289L283.319,237.123L283.319,237.123z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#333333;" d="M219.181,158.793c-1.684-31.255-23.992-53.56-55.243-55.243
|
||||||
|
c-31.184-1.68-53.698,26.522-55.243,55.243c-0.651,12.063,18.061,12,18.709,0c2.537-47.09,70.536-47.09,73.069,0
|
||||||
|
C201.12,170.793,219.832,170.856,219.181,158.793L219.181,158.793z"/>
|
||||||
|
<path style="fill:#333333;" d="M353.985,158.793c-1.684-31.255-23.992-53.56-55.243-55.243
|
||||||
|
c-31.184-1.68-53.694,26.522-55.243,55.243c-0.651,12.063,18.061,12,18.709,0c2.537-47.09,70.532-47.09,73.069,0
|
||||||
|
C335.924,170.793,354.637,170.856,353.985,158.793L353.985,158.793z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
51
packages/mindplot/assets/icons/funy_kiss.svg
Normal file
51
packages/mindplot/assets/icons/funy_kiss.svg
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#D22327;" d="M131.841,281.987h209.535c0,0-30.806,118.101-105.533,118.101S131.841,281.987,131.841,281.987z"/>
|
||||||
|
<path style="fill:#9B1C1F;" d="M259.203,298.675c0,9.081-13.351,16.434-22.596,16.434c-9.242,0-22.596-7.353-22.596-16.434
|
||||||
|
c0-9.078,13.354-16.438,22.596-16.438C245.849,282.241,259.203,289.597,259.203,298.675z"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#333333;" d="M374.187,172.974c-16.801-35.584-57.331-51.868-94.057-37.59
|
||||||
|
c-11.117,4.325-6.286,22.421,4.973,18.043c29.522-11.48,59.371,0.277,72.927,28.987
|
||||||
|
C363.179,193.322,379.306,183.821,374.187,172.974L374.187,172.974z"/>
|
||||||
|
<path style="fill:#333333;" d="M122.243,182.328c13.556-28.711,43.404-40.471,72.927-28.987
|
||||||
|
c11.259,4.378,16.09-13.717,4.973-18.043c-36.725-14.282-77.252,2.006-94.057,37.59
|
||||||
|
C100.968,183.732,117.095,193.232,122.243,182.328L122.243,182.328z"/>
|
||||||
|
</g>
|
||||||
|
<path style="fill:#E22928;" d="M334.296,270.926c-26.922-14.174-53.724-74.233-97.398-30.772h-0.378
|
||||||
|
c-43.67-43.461-70.476,16.598-97.398,30.772c-6.978,3.674-7.143,11.016-7.143,11.016s30.159,24.628,56.351,24.628
|
||||||
|
s30.473-14.499,48.272-14.499h0.21c17.803,0,22.084,14.499,48.276,14.499s56.351-24.628,56.351-24.628
|
||||||
|
S341.275,274.604,334.296,270.926z"/>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
44
packages/mindplot/assets/icons/funy_monkey.svg
Normal file
44
packages/mindplot/assets/icons/funy_monkey.svg
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFC10E;" cx="236.966" cy="236.966" r="236.966"/>
|
||||||
|
<path style="fill:#333333;" d="M81.391,237.127c0,85.911,69.649,155.56,155.56,155.56c85.915,0,155.567-69.649,155.567-155.56
|
||||||
|
H81.391z"/>
|
||||||
|
<path style="fill:#CA2027;" d="M150.452,298.705c0,47.771,38.731,86.498,86.498,86.498c47.775,0,86.502-38.731,86.502-86.498
|
||||||
|
H150.452z"/>
|
||||||
|
<g>
|
||||||
|
<circle style="fill:#333333;" cx="164.937" cy="155.231" r="37.216"/>
|
||||||
|
<circle style="fill:#333333;" cx="305.664" cy="155.231" r="37.216"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
57
packages/mindplot/assets/icons/hard_controller.svg
Normal file
57
packages/mindplot/assets/icons/hard_controller.svg
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 505 505" style="enable-background:new 0 0 505 505;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FFD05B;" cx="252.5" cy="252.5" r="252.5"/>
|
||||||
|
<path style="fill:#2B3B4E;" d="M318.1,423.3c-5.7,0-11.5-0.6-17.4-1.7l-60.1-12.2l3.7-18.3l60.1,12.2c35.7,7.2,70.8-14.7,79.9-50
|
||||||
|
l6.4-24.8l18.1,4.7l-6.4,24.8C392.3,397,357.1,423.3,318.1,423.3z"/>
|
||||||
|
<path style="fill:#FF7058;" d="M405.6,300.6h-24.2v-57.9c0-72.9-57.8-132.2-128.9-132.2s-128.9,59.3-128.9,132.2v57.9H99.4v-57.9
|
||||||
|
c0-86,68.7-156,153.1-156s153.1,70,153.1,156V300.6z"/>
|
||||||
|
<path style="fill:#324A5E;" d="M345.7,128l-10.5,10.5c-5.5,5.5-14,6.5-20.5,2.3c-18-11.7-39.4-18.5-62.2-18.5s-44.2,6.8-62.2,18.5
|
||||||
|
c-6.5,4.2-15,3.1-20.5-2.3L159.3,128c-7.4-7.4-6.1-19.7,2.6-25.6c26-17.5,57.2-27.7,90.6-27.7s64.6,10.2,90.6,27.7
|
||||||
|
C351.8,108.3,353.1,120.6,345.7,128z"/>
|
||||||
|
<path style="fill:#FFFFFF;" d="M404.2,343.6l-36.1,6.3v-76.6l36.1,6.3c6.4,1.1,11.1,6.7,11.1,13.2v37.7
|
||||||
|
C415.3,336.9,410.6,342.5,404.2,343.6z"/>
|
||||||
|
<path style="fill:#2B3B4E;" d="M371.8,365.6h-52.2c-3.5,0-6.4-2.9-6.4-6.4v-95.3c0-3.5,2.9-6.4,6.4-6.4h52.2c1.3,0,2.3,1,2.3,2.3
|
||||||
|
v103.4C374.2,364.6,373.1,365.6,371.8,365.6z"/>
|
||||||
|
<path style="fill:#324A5E;" d="M339.8,257.6h-1.4c-13.9,0-25.1,11.3-25.1,25.1v57.8c0,13.9,11.3,25.1,25.1,25.1h1.4V257.6z"/>
|
||||||
|
<path style="fill:#FFFFFF;" d="M100.8,343.6l36.1,6.3v-76.6l-36.1,6.3c-6.4,1.1-11.1,6.7-11.1,13.2v37.7
|
||||||
|
C89.7,336.9,94.4,342.5,100.8,343.6z"/>
|
||||||
|
<path style="fill:#2B3B4E;" d="M133.2,365.6h52.2c3.5,0,6.4-2.9,6.4-6.4v-95.3c0-3.5-2.9-6.4-6.4-6.4h-52.2c-1.3,0-2.3,1-2.3,2.3
|
||||||
|
v103.4C130.8,364.6,131.9,365.6,133.2,365.6z"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#324A5E;" d="M165.2,257.6h1.4c13.9,0,25.1,11.3,25.1,25.1v57.8c0,13.9-11.3,25.1-25.1,25.1h-1.4V257.6z"/>
|
||||||
|
<path style="fill:#324A5E;" d="M292.8,414.4c-5.7,14.3-25.7,19.9-44.7,12.4s-29.8-25.2-24.2-39.5c5.7-14.3,25.7-19.9,44.7-12.4
|
||||||
|
C287.7,382.4,298.5,400.1,292.8,414.4z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
64
packages/mindplot/assets/icons/hard_keyboard.svg
Normal file
64
packages/mindplot/assets/icons/hard_keyboard.svg
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 505 505" style="enable-background:new 0 0 505 505;" xml:space="preserve">
|
||||||
|
<circle style="fill:#324A5E;" cx="252.5" cy="252.5" r="252.5"/>
|
||||||
|
<path style="fill:#FF7058;" d="M369.5,124.9c0,17.6-14.3,31.9-31.8,31.9H189.1c-7.8,0-14.2,6.4-14.2,14.1c0,7.8,6.4,14.2,14.2,14.2
|
||||||
|
h93.1c15,0,27.3,12.3,27.3,27.3v15.5h-13.2v-15.4c0-7.8-6.4-14.2-14.1-14.2h-93.1c-15.1,0-27.3-12.3-27.3-27.3s12.3-27.3,27.3-27.3
|
||||||
|
h148.5c10.3,0,18.7-8.4,18.7-18.7s-8.4-18.7-18.7-18.7h-64.1c-15.1,0-27.3-12.3-27.3-27.3V0.1c2.1,0,4.1-0.1,6.2-0.1
|
||||||
|
c2.3,0,4.6,0,6.9,0.1V79c0,7.8,6.4,14.2,14.2,14.2h64.1C355.2,93.1,369.5,107.4,369.5,124.9z"/>
|
||||||
|
<path style="fill:#E6E9EE;" d="M402.8,417.4H98.7c-1.8,0-3.3-1.5-3.3-3.3V225.2c0-1.8,1.5-3.3,3.3-3.3h304.1c1.8,0,3.3,1.5,3.3,3.3
|
||||||
|
V414C406.2,415.9,404.7,417.4,402.8,417.4z"/>
|
||||||
|
<g>
|
||||||
|
<rect x="117.7" y="241.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="165.5" y="241.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="213.3" y="241.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="261.1" y="241.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="117.7" y="284.4" style="fill:#ACB3BA;" width="74.9" height="27.1"/>
|
||||||
|
<rect x="213.3" y="284.4" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="261.1" y="284.4" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="308.9" y="284.4" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="356.7" y="284.4" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="308.9" y="241.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="356.7" y="241.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="117.7" y="327.8" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="165.5" y="327.8" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="213.3" y="327.8" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="261.1" y="327.8" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="308.9" y="327.8" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="117.7" y="371.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="165.5" y="371.1" style="fill:#ACB3BA;" width="122.7" height="27.1"/>
|
||||||
|
<rect x="308.9" y="371.1" style="fill:#ACB3BA;" width="27.1" height="27.1"/>
|
||||||
|
<rect x="356.7" y="327.8" style="fill:#ACB3BA;" width="27.1" height="70.5"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.8 KiB |
5
packages/mindplot/assets/icons/lock_close.svg
Normal file
5
packages/mindplot/assets/icons/lock_close.svg
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
|
||||||
|
<path fill="#424242" d="M24,4c-5.5,0-10,4.5-10,10v4h4v-4c0-3.3,2.7-6,6-6s6,2.7,6,6v4h4v-4C34,8.5,29.5,4,24,4z"/>
|
||||||
|
<path fill="#FB8C00" d="M36,44H12c-2.2,0-4-1.8-4-4V22c0-2.2,1.8-4,4-4h24c2.2,0,4,1.8,4,4v18C40,42.2,38.2,44,36,44z"/>
|
||||||
|
<circle fill="#C76E00" cx="24" cy="31" r="3"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 404 B |
5
packages/mindplot/assets/icons/lock_open.svg
Normal file
5
packages/mindplot/assets/icons/lock_open.svg
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
|
||||||
|
<path fill="#424242" d="M24,4c-5.5,0-10,4.5-10,10v4h4v-4c0-3.3,2.7-6,6-6s6,2.7,6,6v4h4v-4C34,8.5,29.5,4,24,4z"/>
|
||||||
|
<path fill="#FB8C00" d="M36,44H12c-2.2,0-4-1.8-4-4V22c0-2.2,1.8-4,4-4h24c2.2,0,4,1.8,4,4v18C40,42.2,38.2,44,36,44z"/>
|
||||||
|
<circle fill="#C76E00" cx="24" cy="31" r="3"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 404 B |
6
packages/mindplot/assets/icons/sign_cancel.svg
Normal file
6
packages/mindplot/assets/icons/sign_cancel.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" ?><svg height="60" viewBox="0 0 60 60" width="60" xmlns="http://www.w3.org/2000/svg"><defs><style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #9f4c4c;
|
||||||
|
fill-rule: evenodd;
|
||||||
|
}
|
||||||
|
</style></defs><path class="cls-1" d="M390.774,690a3.994,3.994,0,0,1,2.824,1.17l15.231,15.23A4,4,0,0,1,410,709.233v21.534a4,4,0,0,1-1.172,2.831L393.6,748.828A3.989,3.989,0,0,1,390.774,750H369.225a3.989,3.989,0,0,1-2.824-1.171l-15.23-15.23A3.994,3.994,0,0,1,350,730.767V709.233a4,4,0,0,1,1.173-2.832l15.23-15.23a3.994,3.994,0,0,1,2.824-1.17h21.549ZM395,729.951A3.406,3.406,0,0,1,395,734.77l-0.22.22a3.42,3.42,0,0,1-4.833,0l-8.764-8.755a1.71,1.71,0,0,0-2.417,0l-8.741,8.746a3.417,3.417,0,0,1-4.836,0l-0.194-.193a3.408,3.408,0,0,1,.017-4.842l8.834-8.735a1.7,1.7,0,0,0,0-2.43l-8.831-8.725a3.409,3.409,0,0,1-.018-4.844l0.193-.193a3.411,3.411,0,0,1,2.418-1c0.944,0,3.255,1.835,3.872,2.455l7.286,7.287a1.708,1.708,0,0,0,2.417,0l8.764-8.748a3.417,3.417,0,0,1,4.831,0L395,705.243a3.406,3.406,0,0,1,0,4.818l-8.727,8.737a1.7,1.7,0,0,0,0,2.407Z" id="error" transform="translate(-350 -690)"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
6
packages/mindplot/assets/icons/sign_closed.svg
Normal file
6
packages/mindplot/assets/icons/sign_closed.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" ?><svg height="60" viewBox="0 0 60 60" width="60" xmlns="http://www.w3.org/2000/svg"><defs><style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #9f4c4c;
|
||||||
|
fill-rule: evenodd;
|
||||||
|
}
|
||||||
|
</style></defs><path class="cls-1" d="M100,390a30,30,0,1,1,30-30A30,30,0,0,1,100,390Zm18-30a4,4,0,0,1-4,4H86a4,4,0,0,1,0-8h28A4,4,0,0,1,118,360Z" id="remove" transform="translate(-70 -330)"/></svg>
|
||||||
|
After Width: | Height: | Size: 394 B |
62
packages/mindplot/assets/icons/sign_info.svg
Normal file
62
packages/mindplot/assets/icons/sign_info.svg
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 410.551 410.551" style="enable-background:new 0 0 410.551 410.551;" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path style="fill:none;" d="M205.275,24C105.319,24,24,105.32,24,205.275c0,99.956,81.319,181.275,181.275,181.275
|
||||||
|
s181.276-81.319,181.276-181.275C386.551,105.32,305.232,24,205.275,24z M202.078,51.41c24.558,0,44.537,19.98,44.537,44.539
|
||||||
|
c0,24.558-19.979,44.538-44.537,44.538c-24.559,0-44.538-19.98-44.538-44.538C157.54,71.391,177.52,51.41,202.078,51.41z
|
||||||
|
M288.501,347.142c0,6.628-5.373,12-12,12H140.559c-6.627,0-12-5.372-12-12v-45.554c0-6.627,5.373-12,12-12h23.141v-76.426H134.05
|
||||||
|
c-6.627,0-12-5.372-12-12v-37.535c0-6.627,5.373-12,12-12h106.726c6.627,0,12,5.373,12,12v125.961h23.726c6.627,0,12,5.373,12,12
|
||||||
|
V347.142z"/>
|
||||||
|
<path style="fill:#73D0F4;" d="M202.078,116.487c11.324,0,20.537-9.213,20.537-20.538c0-11.325-9.213-20.539-20.537-20.539
|
||||||
|
c-11.325,0-20.538,9.214-20.538,20.539C181.54,107.273,190.753,116.487,202.078,116.487z"/>
|
||||||
|
<path style="fill:#73D0F4;" d="M228.775,301.588V175.627H146.05v13.535h29.649c6.627,0,12,5.373,12,12v100.426
|
||||||
|
c0,6.628-5.373,12-12,12h-23.141v21.554h111.942v-21.554h-23.726C234.148,313.588,228.775,308.216,228.775,301.588z"/>
|
||||||
|
<path style="fill:#3D6889;" d="M205.275,0C92.086,0,0,92.086,0,205.275c0,113.19,92.086,205.275,205.275,205.275
|
||||||
|
s205.276-92.086,205.276-205.275C410.551,92.086,318.465,0,205.275,0z M205.275,386.551C105.319,386.551,24,305.232,24,205.275
|
||||||
|
C24,105.32,105.319,24,205.275,24s181.276,81.32,181.276,181.275C386.551,305.232,305.232,386.551,205.275,386.551z"/>
|
||||||
|
<path style="fill:#3D6889;" d="M202.078,140.487c24.558,0,44.537-19.98,44.537-44.538c0-24.559-19.979-44.539-44.537-44.539
|
||||||
|
c-24.559,0-44.538,19.98-44.538,44.539C157.54,120.507,177.52,140.487,202.078,140.487z M202.078,75.41
|
||||||
|
c11.324,0,20.537,9.214,20.537,20.539c0,11.324-9.213,20.538-20.537,20.538c-11.325,0-20.538-9.213-20.538-20.538
|
||||||
|
C181.54,84.624,190.753,75.41,202.078,75.41z"/>
|
||||||
|
<path style="fill:#3D6889;" d="M276.501,289.588h-23.726V163.627c0-6.627-5.373-12-12-12H134.05c-6.627,0-12,5.373-12,12v37.535
|
||||||
|
c0,6.628,5.373,12,12,12h29.649v76.426h-23.141c-6.627,0-12,5.373-12,12v45.554c0,6.628,5.373,12,12,12h135.942
|
||||||
|
c6.627,0,12-5.372,12-12v-45.554C288.501,294.961,283.128,289.588,276.501,289.588z M264.501,335.142H152.559v-21.554h23.141
|
||||||
|
c6.627,0,12-5.372,12-12V201.162c0-6.627-5.373-12-12-12H146.05v-13.535h82.726v125.961c0,6.628,5.373,12,12,12h23.726V335.142z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.9 KiB |
5794
packages/mindplot/assets/icons/sign_warning.html
Normal file
5794
packages/mindplot/assets/icons/sign_warning.html
Normal file
File diff suppressed because one or more lines are too long
6
packages/mindplot/assets/icons/sign_warning.svg
Normal file
6
packages/mindplot/assets/icons/sign_warning.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" ?><svg height="52" viewBox="0 0 60.031 52" width="60.031" xmlns="http://www.w3.org/2000/svg"><defs><style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #bf873e;
|
||||||
|
fill-rule: evenodd;
|
||||||
|
}
|
||||||
|
</style></defs><path class="cls-1" d="M214.413,746a4.455,4.455,0,0,1-3.84-2.166,4.249,4.249,0,0,1,0-4.334l25.572-43.331a4.483,4.483,0,0,1,7.679,0L269.4,739.5a4.249,4.249,0,0,1,0,4.334,4.452,4.452,0,0,1-3.84,2.166H214.413ZM240,706a4,4,0,0,0-4,4v16a4,4,0,0,0,8,0V710A4,4,0,0,0,240,706Zm0,36a4,4,0,1,0-4-4A4,4,0,0,0,240,742Z" id="attention" transform="translate(-209.969 -694)"/></svg>
|
||||||
|
After Width: | Height: | Size: 587 B |
45
packages/mindplot/assets/images/hard_computer.svg
Normal file
45
packages/mindplot/assets/images/hard_computer.svg
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 505 505" style="enable-background:new 0 0 505 505;" xml:space="preserve">
|
||||||
|
<circle style="fill:#FD8469;" cx="252.5" cy="252.5" r="252.5"/>
|
||||||
|
<path style="fill:#FFFFFF;" d="M384,285.8H121c-1.3,0-2.3-1-2.3-2.3V103c0-1.3,1-2.3,2.3-2.3h263c1.3,0,2.3,1,2.3,2.3v180.5
|
||||||
|
C386.3,284.7,385.3,285.8,384,285.8z"/>
|
||||||
|
<rect x="140.1" y="122" style="fill:#324A5E;" width="224.9" height="142.4"/>
|
||||||
|
<path style="fill:#E6E9EE;" d="M428.1,388.6H76.9c-4.6,0-6.1-3.7-3.4-8.1l42.5-69.2c1.5-2.5,5.5-4.5,8.8-4.5h255.5
|
||||||
|
c3.4,0,7.3,2,8.8,4.5l42.4,69.2C434.2,384.9,432.8,388.6,428.1,388.6z"/>
|
||||||
|
<g>
|
||||||
|
<polygon style="fill:#ACB3BA;" points="383.3,342.4 368.6,313.8 136.4,313.8 121.7,342.4 "/>
|
||||||
|
<polygon style="fill:#ACB3BA;" points="221.8,350.2 215.4,376.1 289.6,376.1 283.2,350.2 "/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
47
packages/mindplot/assets/images/links.svg
Normal file
47
packages/mindplot/assets/images/links.svg
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 368 368" style="enable-background:new 0 0 368 368;" xml:space="preserve">
|
||||||
|
<circle style="fill:#9CE0FF;" cx="184" cy="184" r="176"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#61A1DD;" d="M184,368C82.4,368,0,285.6,0,184S82.4,0,184,0s184,82.4,184,184S285.6,368,184,368z M184,16
|
||||||
|
C91.2,16,16,91.2,16,184s75.2,168,168,168s168-75.2,168-168S276.8,16,184,16z"/>
|
||||||
|
<path style="fill:#61A1DD;" d="M360,192H8c-4.4,0-8-3.6-8-8s3.6-8,8-8h352c4.4,0,8,3.6,8,8S364.4,192,360,192z"/>
|
||||||
|
<path style="fill:#61A1DD;" d="M184,368c-4.4,0-8-3.6-8-8V8c0-4.4,3.6-8,8-8s8,3.6,8,8v352C192,364.4,188.4,368,184,368z"/>
|
||||||
|
<path style="fill:#61A1DD;" d="M184,368c-41.6,0-108-84.4-108-184c0-61.2,23.6-106.8,37.6-128.8C135.6,21.2,162.4,0,184,0
|
||||||
|
c4.4,0,8,3.6,8,8s-3.6,8-8,8c-31.2,0-92,76-92,168s60.8,168,92,168c4.4,0,8,3.6,8,8S188.4,368,184,368z"/>
|
||||||
|
<path style="fill:#61A1DD;" d="M184,368c-4.4,0-8-3.6-8-8s3.6-8,8-8c31.2,0,92-76,92-168c0-56.8-22-99.6-35.2-120
|
||||||
|
c-21.2-33.2-44-48-56.8-48c-4.4,0-8-3.6-8-8s3.6-8,8-8c21.6,0,48.4,21.2,70.4,55.2c14,22,37.6,67.6,37.6,128.8
|
||||||
|
c0,60.8-23.6,106.8-37.6,128.8C232.4,346.8,205.2,368,184,368z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
60
packages/mindplot/assets/images/notes.svg
Normal file
60
packages/mindplot/assets/images/notes.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 383.6 383.6" style="enable-background:new 0 0 383.6 383.6;" xml:space="preserve">
|
||||||
|
<path style="fill:#ACE6ED;" d="M335.8,99.6v244c0,17.6-14.4,32-32,32h-220c-17.6,0-36-14.4-36-32v-240"/>
|
||||||
|
<path style="fill:#56B27D;" d="M303.8,383.6h-220c-20.8,0-44-17.2-44-40v-240c0-4.4,3.6-8,8-8s8,3.6,8,8v240c0,13.2,15.2,24,28,24
|
||||||
|
h220c13.2,0,24-10.8,24-24v-244c0-4.4,3.6-8,8-8s8,3.6,8,8v244C343.8,365.6,325.8,383.6,303.8,383.6z"/>
|
||||||
|
<path style="fill:#FFC33B;" d="M211.8,103.6h-164c-8.8,0-16-7.2-16-16v-16c0-17.6,14.4-32,32-32h80h100h76c17.6,0,32,14.4,32,32v16
|
||||||
|
c0,7.6-5.2,13.6-12,15.6"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#BB8813;" d="M211.8,111.6h-164c-13.2,0-24-10.8-24-24v-16c0-22,18-40,40-40h256c22,0,40,18,40,40v16
|
||||||
|
c0,10.8-7.2,20-17.6,23.2c-4.4,1.2-8.8-1.2-10-5.6c-1.2-4.4,1.2-8.8,5.6-10c2.8-0.8,6.4-3.6,6.4-8v-16c0-13.2-10.8-24-24-24H63.8
|
||||||
|
c-13.2,0-24,10.8-24,24v16c0,4.4,3.6,8,8,8h164c4.4,0,8,3.6,8,8S216.2,111.6,211.8,111.6z"/>
|
||||||
|
<path style="fill:#BB8813;" d="M283.8,111.6h-12c-4.4,0-8-3.6-8-8s3.6-8,8-8h12c4.4,0,8,3.6,8,8S288.2,111.6,283.8,111.6z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#56B27D;" d="M103.8,175.6h-8c-4.4,0-8-3.6-8-8s3.6-8,8-8h8c4.4,0,8,3.6,8,8S108.2,175.6,103.8,175.6z"/>
|
||||||
|
<path style="fill:#56B27D;" d="M103.8,223.6h-8c-4.4,0-8-3.6-8-8s3.6-8,8-8h8c4.4,0,8,3.6,8,8S108.2,223.6,103.8,223.6z"/>
|
||||||
|
<path style="fill:#56B27D;" d="M251.8,175.6h-112c-4.4,0-8-3.6-8-8s3.6-8,8-8h112c4.4,0,8,3.6,8,8S256.2,175.6,251.8,175.6z"/>
|
||||||
|
<path style="fill:#56B27D;" d="M271.8,223.6h-132c-4.4,0-8-3.6-8-8s3.6-8,8-8h132c4.4,0,8,3.6,8,8S276.2,223.6,271.8,223.6z"/>
|
||||||
|
<path style="fill:#56B27D;" d="M103.8,271.6h-8c-4.4,0-8-3.6-8-8s3.6-8,8-8h8c4.4,0,8,3.6,8,8S108.2,271.6,103.8,271.6z"/>
|
||||||
|
<path style="fill:#56B27D;" d="M227.8,271.6h-88c-4.4,0-8-3.6-8-8s3.6-8,8-8h88c4.4,0,8,3.6,8,8S232.2,271.6,227.8,271.6z"/>
|
||||||
|
</g>
|
||||||
|
<path style="fill:#FFE53C;" d="M150.2,35.6l32-24.4c5.6-4.4,13.6-4.4,19.6,0l32,24.4c4,3.2,6.4,7.6,6.4,12.8v7.2c0,8.8-7.2,16-16,16
|
||||||
|
h-64.4c-8.8,0-16-7.2-16-16v-7.2C143.8,43.2,146.2,38.4,150.2,35.6z"/>
|
||||||
|
<path style="fill:#C39215;" d="M224.2,79.6h-64.4c-13.2,0-24-10.8-24-24v-7.2c0-7.6,3.6-14.8,9.6-19.2l32-24.4
|
||||||
|
c8.4-6.4,20.4-6.4,29.2,0l32,24.4c6.4,4.8,9.6,11.6,9.6,19.2v7.2C248.2,68.8,237.4,79.6,224.2,79.6z M191.8,16
|
||||||
|
c-1.6,0-3.2,0.4-4.8,1.6L155,42c0,0,0,0-0.4,0c-1.6,1.6-2.8,3.6-2.8,6.4v7.2c0,4.4,3.6,8,8,8h64.4c4.4,0,8-3.6,8-8v-7.2
|
||||||
|
c0-2.4-1.2-4.8-3.2-6.4l-32-24.4C195.4,16.4,193.8,16,191.8,16z M150.2,35.6L150.2,35.6L150.2,35.6z"/>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.8 KiB |
@ -9,7 +9,7 @@ context('Playground', () => {
|
|||||||
cy.matchImageSnapshot('layout');
|
cy.matchImageSnapshot('layout');
|
||||||
});
|
});
|
||||||
it('viewmode page should match its snapshot', () => {
|
it('viewmode page should match its snapshot', () => {
|
||||||
['welcome', 'sample1', 'sample2', 'sample3', 'sample4', 'sample5', 'sample6', 'complex', 'img-support'].forEach((mapId) => {
|
['welcome', 'sample1', 'sample2', 'sample3', 'sample4', 'sample5', 'sample6', 'complex', 'img-support', 'icon-sample'].forEach((mapId) => {
|
||||||
cy.visit(`/viewmode.html?id=${mapId}`);
|
cy.visit(`/viewmode.html?id=${mapId}`);
|
||||||
cy.get('#mindplot.ready').should('exist');
|
cy.get('#mindplot.ready').should('exist');
|
||||||
cy.matchImageSnapshot(`viewmode-${mapId}`);
|
cy.matchImageSnapshot(`viewmode-${mapId}`);
|
||||||
|
|||||||
@ -16,12 +16,25 @@
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
// eslint-disable-next-line max-classes-per-file
|
// eslint-disable-next-line max-classes-per-file
|
||||||
import { $assert, $defined } from '@wisemapping/core-js';
|
import {
|
||||||
import { Group } from '@wisemapping/web2d';
|
$assert,
|
||||||
|
$defined
|
||||||
|
} from '@wisemapping/core-js';
|
||||||
|
import {
|
||||||
|
Group
|
||||||
|
} from '@wisemapping/web2d';
|
||||||
import IconGroupRemoveTip from './IconGroupRemoveTip';
|
import IconGroupRemoveTip from './IconGroupRemoveTip';
|
||||||
|
|
||||||
|
import NoteModel from './model/NoteModel';
|
||||||
|
import LinkModel from './model/LinkModel';
|
||||||
|
import IconModel from './model/IconModel';
|
||||||
import Icon from './Icon';
|
import Icon from './Icon';
|
||||||
|
|
||||||
|
const ORDER_BY_TYPE = new Map();
|
||||||
|
ORDER_BY_TYPE.set(IconModel.FEATURE_TYPE, 0);
|
||||||
|
ORDER_BY_TYPE.set(NoteModel.FEATURE_TYPE, 1);
|
||||||
|
ORDER_BY_TYPE.set(LinkModel.FEATURE_TYPE, 2);
|
||||||
|
|
||||||
class IconGroup {
|
class IconGroup {
|
||||||
constructor(topicId, iconSize) {
|
constructor(topicId, iconSize) {
|
||||||
$assert($defined(topicId), 'topicId can not be null');
|
$assert($defined(topicId), 'topicId can not be null');
|
||||||
@ -64,7 +77,10 @@ class IconGroup {
|
|||||||
|
|
||||||
/** */
|
/** */
|
||||||
seIconSize(width, height) {
|
seIconSize(width, height) {
|
||||||
this._iconSize = { width, height };
|
this._iconSize = {
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
};
|
||||||
this._resize(this._icons.length);
|
this._resize(this._icons.length);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -76,15 +92,23 @@ class IconGroup {
|
|||||||
addIcon(icon, remove) {
|
addIcon(icon, remove) {
|
||||||
$defined(icon, 'icon is not defined');
|
$defined(icon, 'icon is not defined');
|
||||||
|
|
||||||
|
// Order could have change, need to re-add all.
|
||||||
|
const icons = this._icons.slice();
|
||||||
|
this._icons.forEach((i) => {
|
||||||
|
this._removeIcon(i);
|
||||||
|
});
|
||||||
|
|
||||||
icon.setGroup(this);
|
icon.setGroup(this);
|
||||||
this._icons.push(icon);
|
icons.push(icon);
|
||||||
|
this._icons = icons.sort((a, b) => ORDER_BY_TYPE.get(a.getModel().getType()) - ORDER_BY_TYPE.get(b.getModel().getType()));
|
||||||
|
|
||||||
// Adjust group and position ...
|
// Add all the nodes back ...
|
||||||
this._resize(this._icons.length);
|
this._resize(this._icons.length);
|
||||||
this._positionIcon(icon, this._icons.length - 1);
|
this._icons.forEach((i, index) => {
|
||||||
|
this._positionIcon(i, index);
|
||||||
const imageShape = icon.getImage();
|
const imageShape = i.getImage();
|
||||||
this._group.append(imageShape);
|
this._group.append(imageShape);
|
||||||
|
});
|
||||||
|
|
||||||
// Register event for the group ..
|
// Register event for the group ..
|
||||||
if (remove) {
|
if (remove) {
|
||||||
@ -166,11 +190,5 @@ class IconGroup {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* @constant
|
|
||||||
* @type {Number}
|
|
||||||
* @default
|
|
||||||
*/
|
|
||||||
IconGroup.ICON_PADDING = 5;
|
IconGroup.ICON_PADDING = 5;
|
||||||
|
|
||||||
export default IconGroup;
|
export default IconGroup;
|
||||||
@ -15,17 +15,21 @@
|
|||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
import { $assert } from '@wisemapping/core-js';
|
import {
|
||||||
|
$assert,
|
||||||
|
} from '@wisemapping/core-js';
|
||||||
import Icon from './Icon';
|
import Icon from './Icon';
|
||||||
import ActionDispatcher from './ActionDispatcher';
|
import ActionDispatcher from './ActionDispatcher';
|
||||||
|
|
||||||
function importAll(r) {
|
function importAll(r) {
|
||||||
const images = {};
|
const images = {};
|
||||||
r.keys().forEach((item) => { images[item.replace('./', '')] = r(item); });
|
r.keys().forEach((item) => {
|
||||||
|
images[item.replace('./', '')] = r(item);
|
||||||
|
});
|
||||||
return images;
|
return images;
|
||||||
}
|
}
|
||||||
|
|
||||||
const images = importAll(require.context('../../assets/icons', false, /\.png$/));
|
const images = importAll(require.context('../../assets/icons', false, /\.(png|svg)$/));
|
||||||
|
|
||||||
class ImageIcon extends Icon {
|
class ImageIcon extends Icon {
|
||||||
constructor(topic, iconModel, readOnly) {
|
constructor(topic, iconModel, readOnly) {
|
||||||
@ -56,7 +60,11 @@ class ImageIcon extends Icon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
static _getImageUrl(iconId) {
|
static _getImageUrl(iconId) {
|
||||||
return images[`${iconId}.png`];
|
let result = images[`${iconId}.svg`];
|
||||||
|
if (!result) {
|
||||||
|
result = images[`${iconId}.png`];
|
||||||
|
}
|
||||||
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
getModel() {
|
getModel() {
|
||||||
@ -108,17 +116,34 @@ class ImageIcon extends Icon {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ImageIcon.prototype.ICON_FAMILIES = [
|
ImageIcon.prototype.ICON_FAMILIES = [{
|
||||||
{ id: 'face', icons: ['face_plain', 'face_sad', 'face_crying', 'face_smile', 'face_surprise', 'face_wink'] },
|
id: 'face',
|
||||||
{ id: 'funy', icons: ['funy_angel', 'funy_devilish', 'funy_glasses', 'funy_grin', 'funy_kiss', 'funy_monkey'] },
|
icons: ['face_plain', 'face_sad', 'face_crying', 'face_smile', 'face_surprise', 'face_wink'],
|
||||||
{ id: 'conn', icons: ['conn_connect', 'conn_disconnect'] },
|
},
|
||||||
|
{
|
||||||
|
id: 'funy',
|
||||||
|
icons: ['funy_angel', 'funy_devilish', 'funy_glasses', 'funy_grin', 'funy_kiss', 'funy_monkey'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'conn',
|
||||||
|
icons: ['conn_connect', 'conn_disconnect'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'sport',
|
id: 'sport',
|
||||||
icons: ['sport_basketball', 'sport_football', 'sport_golf', 'sport_raquet', 'sport_shuttlecock', 'sport_soccer', 'sport_tennis'],
|
icons: ['sport_basketball', 'sport_football', 'sport_golf', 'sport_raquet', 'sport_shuttlecock', 'sport_soccer', 'sport_tennis'],
|
||||||
},
|
},
|
||||||
{ id: 'bulb', icons: ['bulb_light_on', 'bulb_light_off'] },
|
{
|
||||||
{ id: 'thumb', icons: ['thumb_thumb_up', 'thumb_thumb_down'] },
|
id: 'bulb',
|
||||||
{ id: 'tick', icons: ['tick_tick', 'tick_cross'] },
|
icons: ['bulb_light_on', 'bulb_light_off'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'thumb',
|
||||||
|
icons: ['thumb_thumb_up', 'thumb_thumb_down'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'tick',
|
||||||
|
icons: ['tick_tick', 'tick_cross'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'onoff',
|
id: 'onoff',
|
||||||
icons: ['onoff_clock', 'onoff_clock_red', 'onoff_add', 'onoff_delete', 'onoff_status_offline', 'onoff_status_online'],
|
icons: ['onoff_clock', 'onoff_clock_red', 'onoff_add', 'onoff_delete', 'onoff_status_offline', 'onoff_status_online'],
|
||||||
@ -127,13 +152,22 @@ ImageIcon.prototype.ICON_FAMILIES = [
|
|||||||
id: 'money',
|
id: 'money',
|
||||||
icons: ['money_money', 'money_dollar', 'money_euro', 'money_pound', 'money_yen', 'money_coins', 'money_ruby'],
|
icons: ['money_money', 'money_dollar', 'money_euro', 'money_pound', 'money_yen', 'money_coins', 'money_ruby'],
|
||||||
},
|
},
|
||||||
{ id: 'time', icons: ['time_calendar', 'time_clock', 'time_hourglass'] },
|
{
|
||||||
|
id: 'time',
|
||||||
|
icons: ['time_calendar', 'time_clock', 'time_hourglass'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'number',
|
id: 'number',
|
||||||
icons: ['number_1', 'number_2', 'number_3', 'number_4', 'number_5', 'number_6', 'number_7', 'number_8', 'number_9'],
|
icons: ['number_1', 'number_2', 'number_3', 'number_4', 'number_5', 'number_6', 'number_7', 'number_8', 'number_9'],
|
||||||
},
|
},
|
||||||
{ id: 'chart', icons: ['chart_bar', 'chart_line', 'chart_curve', 'chart_pie', 'chart_organisation'] },
|
{
|
||||||
{ id: 'sign', icons: ['sign_warning', 'sign_info', 'sign_stop', 'sign_help', 'sign_cancel'] },
|
id: 'chart',
|
||||||
|
icons: ['chart_bar', 'chart_line', 'chart_curve', 'chart_pie', 'chart_organisation'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'sign',
|
||||||
|
icons: ['sign_warning', 'sign_info', 'sign_stop', 'sign_help', 'sign_cancel'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'hard',
|
id: 'hard',
|
||||||
icons: ['hard_cd', 'hard_computer', 'hard_controller', 'hard_driver_disk', 'hard_ipod', 'hard_keyboard', 'hard_mouse', 'hard_printer'],
|
icons: ['hard_cd', 'hard_computer', 'hard_controller', 'hard_driver_disk', 'hard_ipod', 'hard_keyboard', 'hard_mouse', 'hard_printer'],
|
||||||
@ -142,29 +176,48 @@ ImageIcon.prototype.ICON_FAMILIES = [
|
|||||||
id: 'soft',
|
id: 'soft',
|
||||||
icons: ['soft_bug', 'soft_cursor', 'soft_database_table', 'soft_database', 'soft_feed', 'soft_folder_explore', 'soft_rss', 'soft_penguin'],
|
icons: ['soft_bug', 'soft_cursor', 'soft_database_table', 'soft_database', 'soft_feed', 'soft_folder_explore', 'soft_rss', 'soft_penguin'],
|
||||||
},
|
},
|
||||||
{ id: 'arrow', icons: ['arrow_up', 'arrow_down', 'arrow_left', 'arrow_right'] },
|
{
|
||||||
|
id: 'arrow',
|
||||||
|
icons: ['arrow_up', 'arrow_down', 'arrow_left', 'arrow_right'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'arrowc',
|
id: 'arrowc',
|
||||||
icons: ['arrowc_rotate_anticlockwise', 'arrowc_rotate_clockwise', 'arrowc_turn_left', 'arrowc_turn_right'],
|
icons: ['arrowc_rotate_anticlockwise', 'arrowc_rotate_clockwise', 'arrowc_turn_left', 'arrowc_turn_right'],
|
||||||
},
|
},
|
||||||
{ id: 'people', icons: ['people_group', 'people_male1', 'people_male2', 'people_female1', 'people_female2'] },
|
{
|
||||||
{ id: 'mail', icons: ['mail_envelop', 'mail_mailbox', 'mail_edit', 'mail_list'] },
|
id: 'people',
|
||||||
{ id: 'flag', icons: ['flag_blue', 'flag_green', 'flag_orange', 'flag_pink', 'flag_purple', 'flag_yellow'] },
|
icons: ['people_group', 'people_male1', 'people_male2', 'people_female1', 'people_female2'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'mail',
|
||||||
|
icons: ['mail_envelop', 'mail_mailbox', 'mail_edit', 'mail_list'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'flag',
|
||||||
|
icons: ['flag_blue', 'flag_green', 'flag_orange', 'flag_pink', 'flag_purple', 'flag_yellow'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'bullet',
|
id: 'bullet',
|
||||||
icons: ['bullet_black', 'bullet_blue', 'bullet_green', 'bullet_orange', 'bullet_red', 'bullet_pink', 'bullet_purple'],
|
icons: ['bullet_black', 'bullet_blue', 'bullet_green', 'bullet_orange', 'bullet_red', 'bullet_pink', 'bullet_purple'],
|
||||||
},
|
},
|
||||||
{ id: 'tag', icons: ['tag_blue', 'tag_green', 'tag_orange', 'tag_red', 'tag_pink', 'tag_yellow'] },
|
{
|
||||||
|
id: 'tag',
|
||||||
|
icons: ['tag_blue', 'tag_green', 'tag_orange', 'tag_red', 'tag_pink', 'tag_yellow'],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 'object',
|
id: 'object',
|
||||||
icons: ['object_bell', 'object_clanbomber', 'object_key', 'object_pencil', 'object_phone', 'object_magnifier', 'object_clip',
|
icons: ['object_bell', 'object_clanbomber', 'object_key', 'object_pencil', 'object_phone', 'object_magnifier', 'object_clip',
|
||||||
'object_music', 'object_star', 'object_wizard', 'object_house', 'object_cake', 'object_camera', 'object_palette', 'object_rainbow'],
|
'object_music', 'object_star', 'object_wizard', 'object_house', 'object_cake', 'object_camera', 'object_palette', 'object_rainbow',
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'weather',
|
id: 'weather',
|
||||||
icons: ['weather_clear-night', 'weather_clear', 'weather_few-clouds-night', 'weather_few-clouds', 'weather_overcast', 'weather_severe-alert', 'weather_showers-scattered', 'weather_showers', 'weather_snow', 'weather_storm'],
|
icons: ['weather_clear-night', 'weather_clear', 'weather_few-clouds-night', 'weather_few-clouds', 'weather_overcast', 'weather_severe-alert', 'weather_showers-scattered', 'weather_showers', 'weather_snow', 'weather_storm'],
|
||||||
},
|
},
|
||||||
{ id: 'task', icons: ['task_0', 'task_25', 'task_50', 'task_75', 'task_100'] },
|
{
|
||||||
|
id: 'task',
|
||||||
|
icons: ['task_0', 'task_25', 'task_50', 'task_75', 'task_100'],
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export default ImageIcon;
|
export default ImageIcon;
|
||||||
|
|||||||
@ -19,7 +19,7 @@ import { $assert } from '@wisemapping/core-js';
|
|||||||
import $ from 'jquery';
|
import $ from 'jquery';
|
||||||
import Icon from './Icon';
|
import Icon from './Icon';
|
||||||
import LinkIconTooltip from './widget/LinkIconTooltip';
|
import LinkIconTooltip from './widget/LinkIconTooltip';
|
||||||
import LinksImage from '../../assets/images/links.png';
|
import LinksImage from '../../assets/images/links.svg';
|
||||||
|
|
||||||
class LinkIcon extends Icon {
|
class LinkIcon extends Icon {
|
||||||
constructor(topic, linkModel, readOnly) {
|
constructor(topic, linkModel, readOnly) {
|
||||||
|
|||||||
@ -20,7 +20,7 @@ import $ from 'jquery';
|
|||||||
import { $msg } from './Messages';
|
import { $msg } from './Messages';
|
||||||
import Icon from './Icon';
|
import Icon from './Icon';
|
||||||
import FloatingTip from './widget/FloatingTip';
|
import FloatingTip from './widget/FloatingTip';
|
||||||
import NotesImage from '../../assets/images/notes.png';
|
import NotesImage from '../../assets/images/notes.svg';
|
||||||
|
|
||||||
class NoteIcon extends Icon {
|
class NoteIcon extends Icon {
|
||||||
constructor(topic, noteModel, readOnly) {
|
constructor(topic, noteModel, readOnly) {
|
||||||
|
|||||||
@ -16,9 +16,16 @@
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
import $ from 'jquery';
|
import $ from 'jquery';
|
||||||
import { $assert, $defined } from '@wisemapping/core-js';
|
|
||||||
import {
|
import {
|
||||||
Rect, Image, Line, Text, Group,
|
$assert,
|
||||||
|
$defined,
|
||||||
|
} from '@wisemapping/core-js';
|
||||||
|
import {
|
||||||
|
Rect,
|
||||||
|
Image,
|
||||||
|
Line,
|
||||||
|
Text,
|
||||||
|
Group,
|
||||||
} from '@wisemapping/web2d';
|
} from '@wisemapping/web2d';
|
||||||
|
|
||||||
import NodeGraph from './NodeGraph';
|
import NodeGraph from './NodeGraph';
|
||||||
@ -34,8 +41,14 @@ import NoteEditor from './widget/NoteEditor';
|
|||||||
import ActionDispatcher from './ActionDispatcher';
|
import ActionDispatcher from './ActionDispatcher';
|
||||||
import LinkEditor from './widget/LinkEditor';
|
import LinkEditor from './widget/LinkEditor';
|
||||||
|
|
||||||
import TopicEventDispatcher, { TopicEvent } from './TopicEventDispatcher';
|
import TopicEventDispatcher, {
|
||||||
import INodeModel, { TopicShape } from './model/INodeModel';
|
TopicEvent,
|
||||||
|
} from './TopicEventDispatcher';
|
||||||
|
import INodeModel, {
|
||||||
|
TopicShape,
|
||||||
|
} from './model/INodeModel';
|
||||||
|
|
||||||
|
const ICON_SCALING_FACTOR = 1.2;
|
||||||
|
|
||||||
class Topic extends NodeGraph {
|
class Topic extends NodeGraph {
|
||||||
/**
|
/**
|
||||||
@ -200,9 +213,15 @@ class Topic extends NodeGraph {
|
|||||||
} else if (shapeType === TopicShape.ROUNDED_RECT) {
|
} else if (shapeType === TopicShape.ROUNDED_RECT) {
|
||||||
result = new Rect(0.3, attributes);
|
result = new Rect(0.3, attributes);
|
||||||
} else if (shapeType === TopicShape.LINE) {
|
} else if (shapeType === TopicShape.LINE) {
|
||||||
result = new Line({ strokeColor: '#495879', strokeWidth: 1 });
|
result = new Line({
|
||||||
|
strokeColor: '#495879',
|
||||||
|
strokeWidth: 1,
|
||||||
|
});
|
||||||
result.setSize = function setSize(width, height) {
|
result.setSize = function setSize(width, height) {
|
||||||
this.size = { width, height };
|
this.size = {
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
};
|
||||||
result.setFrom(0, height);
|
result.setFrom(0, height);
|
||||||
result.setTo(width, height);
|
result.setTo(width, height);
|
||||||
|
|
||||||
@ -283,21 +302,18 @@ class Topic extends NodeGraph {
|
|||||||
|
|
||||||
_buildIconGroup() {
|
_buildIconGroup() {
|
||||||
const textHeight = this.getTextShape().getFontHeight();
|
const textHeight = this.getTextShape().getFontHeight();
|
||||||
const result = new IconGroup(this.getId(), textHeight);
|
const iconSize = textHeight * ICON_SCALING_FACTOR;
|
||||||
|
const result = new IconGroup(this.getId(), iconSize);
|
||||||
const padding = TopicStyle.getInnerPadding(this);
|
const padding = TopicStyle.getInnerPadding(this);
|
||||||
result.setPosition(padding, padding);
|
result.setPosition(padding, padding);
|
||||||
|
|
||||||
// Load topic features ...
|
// Load topic features ...
|
||||||
const model = this.getModel();
|
const model = this.getModel();
|
||||||
const featuresModel = model.getFeatures();
|
const featuresModel = model.getFeatures();
|
||||||
for (let i = 0; i < featuresModel.length; i++) {
|
featuresModel.forEach((f) => {
|
||||||
const featureModel = featuresModel[i];
|
const icon = TopicFeature.createIcon(this, f, this.isReadOnly());
|
||||||
const icon = TopicFeature.createIcon(this, featureModel, this.isReadOnly());
|
result.addIcon(icon, f.getType() === TopicFeature.Icon.id && !this.isReadOnly());
|
||||||
result.addIcon(
|
});
|
||||||
icon,
|
|
||||||
featureModel.getType() === TopicFeature.Icon.id && !this.isReadOnly(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
@ -737,7 +753,9 @@ class Topic extends NodeGraph {
|
|||||||
|
|
||||||
/** */
|
/** */
|
||||||
showTextEditor(text) {
|
showTextEditor(text) {
|
||||||
this._getTopicEventDispatcher().show(this, { text });
|
this._getTopicEventDispatcher().show(this, {
|
||||||
|
text,
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/** */
|
/** */
|
||||||
@ -858,18 +876,10 @@ class Topic extends NodeGraph {
|
|||||||
return this._outgoingLine;
|
return this._outgoingLine;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** */
|
|
||||||
getIncomingLines() {
|
getIncomingLines() {
|
||||||
const result = [];
|
|
||||||
const children = this.getChildren();
|
const children = this.getChildren();
|
||||||
for (let i = 0; i < children.length; i++) {
|
return children.filter((node) => $defined(node.getOutgoingLine()))
|
||||||
const node = children[i];
|
.map(((node) => node.getOutgoingLine()));
|
||||||
const line = node.getOutgoingLine();
|
|
||||||
if ($defined(line)) {
|
|
||||||
result.push(line);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** */
|
/** */
|
||||||
@ -891,14 +901,10 @@ class Topic extends NodeGraph {
|
|||||||
|
|
||||||
// Update all the incoming lines ...
|
// Update all the incoming lines ...
|
||||||
const incomingLines = this.getIncomingLines();
|
const incomingLines = this.getIncomingLines();
|
||||||
for (let i = 0; i < incomingLines.length; i++) {
|
incomingLines.forEach((line) => line.redraw());
|
||||||
incomingLines[i].redraw();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update relationship lines
|
// Update relationship lines
|
||||||
for (let j = 0; j < this._relationships.length; j++) {
|
this._relationships.forEach((r) => r.redraw());
|
||||||
this._relationships[j].redraw();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** */
|
/** */
|
||||||
@ -932,9 +938,8 @@ class Topic extends NodeGraph {
|
|||||||
/** */
|
/** */
|
||||||
moveToBack() {
|
moveToBack() {
|
||||||
// Update relationship lines
|
// Update relationship lines
|
||||||
for (let j = 0; j < this._relationships.length; j++) {
|
this._relationships.forEach((r) => r.moveToBack());
|
||||||
this._relationships[j].moveToBack();
|
|
||||||
}
|
|
||||||
const connector = this.getShrinkConnector();
|
const connector = this.getShrinkConnector();
|
||||||
if ($defined(connector)) {
|
if ($defined(connector)) {
|
||||||
connector.moveToBack();
|
connector.moveToBack();
|
||||||
@ -951,9 +956,7 @@ class Topic extends NodeGraph {
|
|||||||
connector.moveToFront();
|
connector.moveToFront();
|
||||||
}
|
}
|
||||||
// Update relationship lines
|
// Update relationship lines
|
||||||
for (let j = 0; j < this._relationships.length; j++) {
|
this._relationships.forEach((r) => r.moveToFront());
|
||||||
this._relationships[j].moveToFront();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** */
|
/** */
|
||||||
@ -970,9 +973,9 @@ class Topic extends NodeGraph {
|
|||||||
const targetParent = targetTopic.getModel().getParent();
|
const targetParent = targetTopic.getModel().getParent();
|
||||||
const sourceParent = sourceTopic.getModel().getParent();
|
const sourceParent = sourceTopic.getModel().getParent();
|
||||||
relationship.setVisibility(
|
relationship.setVisibility(
|
||||||
value
|
value &&
|
||||||
&& (targetParent == null || !targetParent.areChildrenShrunken())
|
(targetParent == null || !targetParent.areChildrenShrunken()) &&
|
||||||
&& (sourceParent == null || !sourceParent.areChildrenShrunken()),
|
(sourceParent == null || !sourceParent.areChildrenShrunken()),
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -1034,11 +1037,14 @@ class Topic extends NodeGraph {
|
|||||||
setSize(size, force) {
|
setSize(size, force) {
|
||||||
$assert(size, 'size can not be null');
|
$assert(size, 'size can not be null');
|
||||||
$assert($defined(size.width), 'size seem not to be a valid element');
|
$assert($defined(size.width), 'size seem not to be a valid element');
|
||||||
const roundedSize = { width: Math.ceil(size.width), height: Math.ceil(size.height) };
|
const roundedSize = {
|
||||||
|
width: Math.ceil(size.width),
|
||||||
|
height: Math.ceil(size.height),
|
||||||
|
};
|
||||||
|
|
||||||
const oldSize = this.getSize();
|
const oldSize = this.getSize();
|
||||||
const hasSizeChanged = oldSize.width !== roundedSize.width
|
const hasSizeChanged = oldSize.width !== roundedSize.width ||
|
||||||
|| oldSize.height !== roundedSize.height;
|
oldSize.height !== roundedSize.height;
|
||||||
if (hasSizeChanged || force) {
|
if (hasSizeChanged || force) {
|
||||||
NodeGraph.prototype.setSize.call(this, roundedSize);
|
NodeGraph.prototype.setSize.call(this, roundedSize);
|
||||||
|
|
||||||
@ -1257,34 +1263,33 @@ class Topic extends NodeGraph {
|
|||||||
if (this._isInWorkspace) {
|
if (this._isInWorkspace) {
|
||||||
const textShape = this.getTextShape();
|
const textShape = this.getTextShape();
|
||||||
if (this.getShapeType() !== TopicShape.IMAGE) {
|
if (this.getShapeType() !== TopicShape.IMAGE) {
|
||||||
|
// Calculate topic size and adjust elements ...
|
||||||
const textWidth = textShape.getWidth();
|
const textWidth = textShape.getWidth();
|
||||||
|
const textHeight = textShape.getHeight();
|
||||||
|
const padding = TopicStyle.getInnerPadding(this);
|
||||||
|
|
||||||
let textHeight = textShape.getHeight();
|
// Adjust icons group based on the font size ...
|
||||||
textHeight = textHeight !== 0 ? textHeight : 20;
|
|
||||||
|
|
||||||
const topicPadding = TopicStyle.getInnerPadding(this);
|
|
||||||
|
|
||||||
// Adjust the icon size to the size of the text ...
|
|
||||||
const iconGroup = this.getOrBuildIconGroup();
|
const iconGroup = this.getOrBuildIconGroup();
|
||||||
const fontHeight = this.getTextShape().getFontHeight();
|
const fontHeight = this.getTextShape().getFontHeight();
|
||||||
iconGroup.setPosition(topicPadding, topicPadding);
|
const iconHeight = ICON_SCALING_FACTOR * fontHeight;
|
||||||
iconGroup.seIconSize(fontHeight, fontHeight);
|
iconGroup.seIconSize(iconHeight, iconHeight);
|
||||||
|
|
||||||
// Add a extra padding between the text and the icons
|
// Calculate size and adjust ...
|
||||||
let iconsWidth = iconGroup.getSize().width;
|
const topicHeight = Math.max(iconHeight, textHeight) + padding * 2;
|
||||||
if (iconsWidth !== 0) {
|
const textIconSpacing = Math.round(fontHeight / 4);
|
||||||
iconsWidth += textHeight / 4;
|
const iconGroupWith = iconGroup.getSize().width;
|
||||||
}
|
const topicWith = iconGroupWith + textIconSpacing + textWidth + padding * 2;
|
||||||
|
|
||||||
const height = textHeight + topicPadding * 2;
|
this.setSize({
|
||||||
const width = textWidth + iconsWidth + topicPadding * 2;
|
width: topicWith,
|
||||||
|
height: topicHeight,
|
||||||
|
});
|
||||||
|
|
||||||
this.setSize({ width, height });
|
// Adjust all topic elements positions ...
|
||||||
|
iconGroup.setPosition(padding, (topicHeight - iconHeight) / 2);
|
||||||
// Position node ...
|
textShape.setPosition(padding + iconGroupWith + textIconSpacing, (topicHeight - textHeight) / 2);
|
||||||
textShape.setPosition(topicPadding + iconsWidth, topicPadding);
|
|
||||||
} else {
|
} else {
|
||||||
// In case of images, the size if fixed ...
|
// In case of images, the size is fixed ...
|
||||||
const size = this.getModel().getImageSize();
|
const size = this.getModel().getImageSize();
|
||||||
this.setSize(size);
|
this.setSize(size);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -15,9 +15,16 @@
|
|||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
import { $assert, $defined } from '@wisemapping/core-js';
|
import {
|
||||||
import { $msg } from './Messages';
|
$assert,
|
||||||
import { TopicShape } from './model/INodeModel';
|
$defined,
|
||||||
|
} from '@wisemapping/core-js';
|
||||||
|
import {
|
||||||
|
$msg,
|
||||||
|
} from './Messages';
|
||||||
|
import {
|
||||||
|
TopicShape,
|
||||||
|
} from './model/INodeModel';
|
||||||
|
|
||||||
class TopicStyle {
|
class TopicStyle {
|
||||||
static _getStyles(topic) {
|
static _getStyles(topic) {
|
||||||
@ -42,7 +49,9 @@ class TopicStyle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
static defaultText(topic) {
|
static defaultText(topic) {
|
||||||
const { msgKey } = this._getStyles(topic);
|
const {
|
||||||
|
msgKey,
|
||||||
|
} = this._getStyles(topic);
|
||||||
return $msg(msgKey);
|
return $msg(msgKey);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -59,7 +68,7 @@ class TopicStyle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
static getInnerPadding(topic) {
|
static getInnerPadding(topic) {
|
||||||
return this._getStyles(topic).innerPadding;
|
return Math.round(topic.getTextShape().getFontHeight() * 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
static defaultShapeType(topic) {
|
static defaultShapeType(topic) {
|
||||||
@ -79,7 +88,6 @@ TopicStyle.STYLES = {
|
|||||||
color: '#ffffff',
|
color: '#ffffff',
|
||||||
},
|
},
|
||||||
msgKey: 'CENTRAL_TOPIC',
|
msgKey: 'CENTRAL_TOPIC',
|
||||||
innerPadding: 11,
|
|
||||||
shapeType: TopicShape.ROUNDED_RECT,
|
shapeType: TopicShape.ROUNDED_RECT,
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -94,7 +102,6 @@ TopicStyle.STYLES = {
|
|||||||
color: 'rgb(82,92,97)',
|
color: 'rgb(82,92,97)',
|
||||||
},
|
},
|
||||||
msgKey: 'MAIN_TOPIC',
|
msgKey: 'MAIN_TOPIC',
|
||||||
innerPadding: 3,
|
|
||||||
shapeType: TopicShape.LINE,
|
shapeType: TopicShape.LINE,
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -109,7 +116,6 @@ TopicStyle.STYLES = {
|
|||||||
color: 'rgb(82,92,97)',
|
color: 'rgb(82,92,97)',
|
||||||
},
|
},
|
||||||
msgKey: 'SUB_TOPIC',
|
msgKey: 'SUB_TOPIC',
|
||||||
innerPadding: 3,
|
|
||||||
shapeType: TopicShape.LINE,
|
shapeType: TopicShape.LINE,
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -124,7 +130,6 @@ TopicStyle.STYLES = {
|
|||||||
color: 'rgb(82,92,97)',
|
color: 'rgb(82,92,97)',
|
||||||
},
|
},
|
||||||
msgKey: 'ISOLATED_TOPIC',
|
msgKey: 'ISOLATED_TOPIC',
|
||||||
innerPadding: 4,
|
|
||||||
shapeType: TopicShape.LINE,
|
shapeType: TopicShape.LINE,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@ -30,5 +30,10 @@ global.jQuery = jquery;
|
|||||||
require('@libraries/bootstrap/js/bootstrap');
|
require('@libraries/bootstrap/js/bootstrap');
|
||||||
|
|
||||||
export {
|
export {
|
||||||
Mindmap, PersistenceManager, Designer, LocalStorageManager, Menu, DesignerBuilder,
|
Mindmap,
|
||||||
|
PersistenceManager,
|
||||||
|
Designer,
|
||||||
|
LocalStorageManager,
|
||||||
|
Menu,
|
||||||
|
DesignerBuilder,
|
||||||
};
|
};
|
||||||
@ -0,0 +1,58 @@
|
|||||||
|
<map name="Icons Sample" version="tango">
|
||||||
|
<topic central="true" text="Icons Positioning" id="1" fontStyle=";10;#ffffff;;;">
|
||||||
|
<icon id="sign_info"/>
|
||||||
|
<icon id="face_wink"/>
|
||||||
|
<icon id="funy_monkey"/>
|
||||||
|
<icon id="hard_keyboard"/>
|
||||||
|
<topic position="227,0" order="0" text="Icons Ordered" id="30">
|
||||||
|
<link url="https://www.youtube.com/tv?vq=medium#/watch?v=rKxZwNKs9cE" urlType="url"/>
|
||||||
|
<icon id="hard_printer"/>
|
||||||
|
<note><![CDATA[Icons must be rendered first.]]></note>
|
||||||
|
<icon id="funy_glasses"/>
|
||||||
|
<icon id="onoff_status_online"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-193,0" order="1" text="Icon Position" shape="line" id="11" fontStyle=";;#525c61;;;" bgColor="#250be3" brColor="#080559">
|
||||||
|
<icon id="face_smile"/>
|
||||||
|
<topic position="-318,-99" order="0" text="Different Fonts Size" id="12" fontStyle=";;#525c61;;italic;">
|
||||||
|
<topic position="-419,-172" order="0" text="Small" id="61" fontStyle=";;#525c61;;italic;">
|
||||||
|
<icon id="funy_glasses"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-429,-138" order="1" text="Normal" id="62" fontStyle=";8;#525c61;;italic;">
|
||||||
|
<icon id="funy_glasses"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-435,-96" order="2" text="Large" id="63" fontStyle=";10;#525c61;;italic;">
|
||||||
|
<icon id="funy_glasses"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-450,-42" order="3" text="Huge" id="64" fontStyle=";15;#525c61;;italic;">
|
||||||
|
<icon id="funy_glasses"/>
|
||||||
|
</topic>
|
||||||
|
</topic>
|
||||||
|
<topic position="-297,27" order="1" text="Font Text" id="13">
|
||||||
|
<topic position="-385,5" order="0" id="69">
|
||||||
|
<icon id="funy_devilish"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-383,42" order="1" id="70">
|
||||||
|
<text><![CDATA[Multi-line
|
||||||
|
Line 1
|
||||||
|
Line 2]]></text>
|
||||||
|
<icon id="funy_devilish"/>
|
||||||
|
</topic>
|
||||||
|
</topic>
|
||||||
|
<topic position="-312,126" order="2" text="Different Shapes" id="14" fontStyle=";;#525c61;;italic;">
|
||||||
|
<topic position="-407,80" order="0" text="Circle" shape="elipse" id="71" fontStyle=";;#525c61;;italic;">
|
||||||
|
<icon id="face_smile"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-404,111" order="1" text="Line" id="72" fontStyle=";;#525c61;;italic;">
|
||||||
|
<icon id="face_smile"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-404,142" order="2" text="Box" shape="rectagle" id="73" fontStyle=";;#525c61;;italic;">
|
||||||
|
<icon id="funy_angel"/>
|
||||||
|
</topic>
|
||||||
|
<topic position="-418,173" order="3" text="Round Box" shape="rounded rectagle" id="74" fontStyle=";;#525c61;;italic;">
|
||||||
|
<icon id="face_wink"/>
|
||||||
|
</topic>
|
||||||
|
</topic>
|
||||||
|
</topic>
|
||||||
|
</topic>
|
||||||
|
<relationship srcTopicId="30" destTopicId="11" lineType="3" srcCtrlPoint="-80,-56" destCtrlPoint="110,-116" endArrow="false" startArrow="true"/>
|
||||||
|
</map>
|
||||||
@ -24,10 +24,19 @@ class GroupPeer extends ElementPeer {
|
|||||||
const svgElement = window.document.createElementNS(ElementPeer.svgNamespace, 'g');
|
const svgElement = window.document.createElementNS(ElementPeer.svgNamespace, 'g');
|
||||||
super(svgElement);
|
super(svgElement);
|
||||||
this._native.setAttribute('preserveAspectRatio', 'none');
|
this._native.setAttribute('preserveAspectRatio', 'none');
|
||||||
this._coordSize = { width: 1, height: 1 };
|
this._coordSize = {
|
||||||
|
width: 1,
|
||||||
|
height: 1,
|
||||||
|
};
|
||||||
this._native.setAttribute('focusable', 'true');
|
this._native.setAttribute('focusable', 'true');
|
||||||
this._position = { x: 0, y: 0 };
|
this._position = {
|
||||||
this._coordOrigin = { x: 0, y: 0 };
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
};
|
||||||
|
this._coordOrigin = {
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
setCoordSize(width, height) {
|
setCoordSize(width, height) {
|
||||||
@ -42,7 +51,10 @@ class GroupPeer extends ElementPeer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getCoordSize() {
|
getCoordSize() {
|
||||||
return { width: this._coordSize.width, height: this._coordSize.height };
|
return {
|
||||||
|
width: this._coordSize.width,
|
||||||
|
height: this._coordSize.height
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -79,19 +91,16 @@ class GroupPeer extends ElementPeer {
|
|||||||
* */
|
* */
|
||||||
|
|
||||||
updateTransform() {
|
updateTransform() {
|
||||||
let sx = this._size.width / this._coordSize.width;
|
if (this._coordSize.width > 0) {
|
||||||
let sy = this._size.height / this._coordSize.height;
|
const sx = (this._size.width / this._coordSize.width).toFixed(5);
|
||||||
|
const sy = (this._size.height / this._coordSize.height).toFixed(5);
|
||||||
let cx = this._position.x - this._coordOrigin.x * sx;
|
|
||||||
let cy = this._position.y - this._coordOrigin.y * sy;
|
|
||||||
|
|
||||||
// FIXME: are we sure of this values?
|
|
||||||
cx = Number.isNaN(cx) ? 0 : cx;
|
|
||||||
cy = Number.isNaN(cy) ? 0 : cy;
|
|
||||||
sx = Number.isNaN(sx) ? 0 : sx;
|
|
||||||
sy = Number.isNaN(sy) ? 0 : sy;
|
|
||||||
|
|
||||||
|
const cx = (this._position.x - this._coordOrigin.x * sx).toFixed(5);
|
||||||
|
const cy = (this._position.y - this._coordOrigin.y * sy).toFixed(5);
|
||||||
this._native.setAttribute('transform', `translate(${cx},${cy}) scale(${sx},${sy})`);
|
this._native.setAttribute('transform', `translate(${cx},${cy}) scale(${sx},${sy})`);
|
||||||
|
} else {
|
||||||
|
this._native.removeAttribute('transform');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
setOpacity(value) {
|
setOpacity(value) {
|
||||||
@ -135,7 +144,10 @@ class GroupPeer extends ElementPeer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getPosition() {
|
getPosition() {
|
||||||
return { x: this._position.x, y: this._position.y };
|
return {
|
||||||
|
x: this._position.x,
|
||||||
|
y: this._position.y
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
append(child) {
|
append(child) {
|
||||||
@ -144,7 +156,10 @@ class GroupPeer extends ElementPeer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getCoordOrigin() {
|
getCoordOrigin() {
|
||||||
return { x: this._coordOrigin.x, y: this._coordOrigin.y };
|
return {
|
||||||
|
x: this._coordOrigin.x,
|
||||||
|
y: this._coordOrigin.y
|
||||||
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user