vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-25 23:54:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

SVG Icons Update

Browse Source
This commit is contained in:
Paulo Veiga 2021-12-27 19:42:32 +00:00
parent c503c590d9
commit 1ce46337d6
39 changed files with 7180 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/mindplot/assets/icons/bulb_light_off.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

11
packages/mindplot/assets/icons/bulb_light_on.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

50
packages/mindplot/assets/icons/face_crying.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

48
packages/mindplot/assets/icons/face_love.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

50
packages/mindplot/assets/icons/face_plain.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

43
packages/mindplot/assets/icons/face_sad.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1015 B

44
packages/mindplot/assets/icons/face_smile.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

52
packages/mindplot/assets/icons/face_smile_big.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

41
packages/mindplot/assets/icons/face_surprise.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 868 B

45
packages/mindplot/assets/icons/face_wink.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

48
packages/mindplot/assets/icons/funy_angel.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

1
packages/mindplot/assets/icons/funy_devilish.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

42
packages/mindplot/assets/icons/funy_glasses.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 920 B

52
packages/mindplot/assets/icons/funy_grin.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

51
packages/mindplot/assets/icons/funy_kiss.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

44
packages/mindplot/assets/icons/funy_monkey.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

57
packages/mindplot/assets/icons/hard_controller.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

64
packages/mindplot/assets/icons/hard_keyboard.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

5
packages/mindplot/assets/icons/lock_close.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 404 B

5
packages/mindplot/assets/icons/lock_open.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 404 B

6
packages/mindplot/assets/icons/sign_cancel.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

6
packages/mindplot/assets/icons/sign_closed.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 394 B

62
packages/mindplot/assets/icons/sign_info.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

5794
packages/mindplot/assets/icons/sign_warning.html Normal file
View File

File diff suppressed because one or more lines are too long

6
packages/mindplot/assets/icons/sign_warning.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 587 B

45
packages/mindplot/assets/images/hard_computer.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
packages/mindplot/assets/images/links.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

47
packages/mindplot/assets/images/links.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

60
packages/mindplot/assets/images/notes.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

2
packages/mindplot/cypress/integration/playground.test.js
View File

@ -9,7 +9,7 @@ context('Playground', () => {
cy.matchImageSnapshot('layout');
});
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.get('#mindplot.ready').should('exist');
cy.matchImageSnapshot(`viewmode-${mapId}`);

46
packages/mindplot/src/components/IconGroup.js
View File

@ -16,12 +16,25 @@
* limitations under the License.
*/
// eslint-disable-next-line max-classes-per-file
import { $assert, $defined } from '@wisemapping/core-js';
import { Group } from '@wisemapping/web2d';
import {
$assert,
$defined
} from '@wisemapping/core-js';
import {
Group
} from '@wisemapping/web2d';
import IconGroupRemoveTip from './IconGroupRemoveTip';
import NoteModel from './model/NoteModel';
import LinkModel from './model/LinkModel';
import IconModel from './model/IconModel';
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 {
constructor(topicId, iconSize) {
$assert($defined(topicId), 'topicId can not be null');
@ -64,7 +77,10 @@ class IconGroup {
/** */
seIconSize(width, height) {
this._iconSize = { width, height };
this._iconSize = {
width,
height,
};
this._resize(this._icons.length);
}
@ -76,15 +92,23 @@ class IconGroup {
addIcon(icon, remove) {
$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);
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._positionIcon(icon, this._icons.length - 1);
const imageShape = icon.getImage();
this._icons.forEach((i, index) => {
this._positionIcon(i, index);
const imageShape = i.getImage();
this._group.append(imageShape);
});
// Register event for the group ..
if (remove) {
@ -166,11 +190,5 @@ class IconGroup {
}
}
/**
* @constant
* @type {Number}
* @default
*/
IconGroup.ICON_PADDING = 5;
export default IconGroup;

135
packages/mindplot/src/components/ImageIcon.js
View File

@ -15,17 +15,21 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { $assert } from '@wisemapping/core-js';
import {
$assert,
} from '@wisemapping/core-js';
import Icon from './Icon';
import ActionDispatcher from './ActionDispatcher';
function importAll(r) {
const images = {};
r.keys().forEach((item) => { images[item.replace('./', '')] = r(item); });
r.keys().forEach((item) => {
images[item.replace('./', '')] = r(item);
});
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 {
constructor(topic, iconModel, readOnly) {
@ -56,7 +60,11 @@ class ImageIcon extends Icon {
}
static _getImageUrl(iconId) {
return images[`${iconId}.png`];
let result = images[`${iconId}.svg`];
if (!result) {
result = images[`${iconId}.png`];
}
return result;
}
getModel() {
@ -108,63 +116,108 @@ class ImageIcon extends Icon {
}
}
ImageIcon.prototype.ICON_FAMILIES = [
{ id: 'face', icons: ['face_plain', 'face_sad', 'face_crying', 'face_smile', 'face_surprise', 'face_wink'] },
{ id: 'funy', icons: ['funy_angel', 'funy_devilish', 'funy_glasses', 'funy_grin', 'funy_kiss', 'funy_monkey'] },
{ id: 'conn', icons: ['conn_connect', 'conn_disconnect'] },
{
ImageIcon.prototype.ICON_FAMILIES = [{
id: 'face',
icons: ['face_plain', 'face_sad', 'face_crying', 'face_smile', 'face_surprise', 'face_wink'],
},
{
id: 'funy',
icons: ['funy_angel', 'funy_devilish', 'funy_glasses', 'funy_grin', 'funy_kiss', 'funy_monkey'],
},
{
id: 'conn',
icons: ['conn_connect', 'conn_disconnect'],
},
{
id: 'sport',
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: 'tick', icons: ['tick_tick', 'tick_cross'] },
{
},
{
id: 'bulb',
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',
icons: ['onoff_clock', 'onoff_clock_red', 'onoff_add', 'onoff_delete', 'onoff_status_offline', 'onoff_status_online'],
},
{
},
{
id: 'money',
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',
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',
icons: ['hard_cd', 'hard_computer', 'hard_controller', 'hard_driver_disk', 'hard_ipod', 'hard_keyboard', 'hard_mouse', 'hard_printer'],
},
{
},
{
id: 'soft',
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',
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: 'flag', icons: ['flag_blue', 'flag_green', 'flag_orange', 'flag_pink', 'flag_purple', 'flag_yellow'] },
{
},
{
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: 'flag',
icons: ['flag_blue', 'flag_green', 'flag_orange', 'flag_pink', 'flag_purple', 'flag_yellow'],
},
{
id: 'bullet',
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',
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',
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;

2
packages/mindplot/src/components/LinkIcon.js
View File

@ -19,7 +19,7 @@ import { $assert } from '@wisemapping/core-js';
import $ from 'jquery';
import Icon from './Icon';
import LinkIconTooltip from './widget/LinkIconTooltip';
import LinksImage from '../../assets/images/links.png';
import LinksImage from '../../assets/images/links.svg';
class LinkIcon extends Icon {
constructor(topic, linkModel, readOnly) {

2
packages/mindplot/src/components/NoteIcon.js
View File

@ -20,7 +20,7 @@ import $ from 'jquery';
import { $msg } from './Messages';
import Icon from './Icon';
import FloatingTip from './widget/FloatingTip';
import NotesImage from '../../assets/images/notes.png';
import NotesImage from '../../assets/images/notes.svg';
class NoteIcon extends Icon {
constructor(topic, noteModel, readOnly) {

141
packages/mindplot/src/components/Topic.js
View File

@ -16,9 +16,16 @@
* limitations under the License.
*/
import $ from 'jquery';
import { $assert, $defined } from '@wisemapping/core-js';
import {
Rect, Image, Line, Text, Group,
$assert,
$defined,
} from '@wisemapping/core-js';
import {
Rect,
Image,
Line,
Text,
Group,
} from '@wisemapping/web2d';
import NodeGraph from './NodeGraph';
@ -34,8 +41,14 @@ import NoteEditor from './widget/NoteEditor';
import ActionDispatcher from './ActionDispatcher';
import LinkEditor from './widget/LinkEditor';
import TopicEventDispatcher, { TopicEvent } from './TopicEventDispatcher';
import INodeModel, { TopicShape } from './model/INodeModel';
import TopicEventDispatcher, {
TopicEvent,
} from './TopicEventDispatcher';
import INodeModel, {
TopicShape,
} from './model/INodeModel';
const ICON_SCALING_FACTOR = 1.2;
class Topic extends NodeGraph {
/**
@ -194,15 +207,21 @@ class Topic extends NodeGraph {
return model.getImageSize();
};
result.setPosition = function setPosition() { };
result.setPosition = function setPosition() {};
} else if (shapeType === TopicShape.ELLIPSE) {
result = new Rect(0.9, attributes);
} else if (shapeType === TopicShape.ROUNDED_RECT) {
result = new Rect(0.3, attributes);
} 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) {
this.size = { width, height };
this.size = {
width,
height,
};
result.setFrom(0, height);
result.setTo(width, height);
@ -215,9 +234,9 @@ class Topic extends NodeGraph {
return this.size;
};
result.setPosition = function setPosition() { };
result.setFill = function setFill() { };
result.setStroke = function setStroke() { };
result.setPosition = function setPosition() {};
result.setFill = function setFill() {};
result.setStroke = function setStroke() {};
} else {
$assert(false, `Unsupported figure shapeType:${shapeType}`);
}
@ -283,21 +302,18 @@ class Topic extends NodeGraph {
_buildIconGroup() {
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);
result.setPosition(padding, padding);
// Load topic features ...
const model = this.getModel();
const featuresModel = model.getFeatures();
for (let i = 0; i < featuresModel.length; i++) {
const featureModel = featuresModel[i];
const icon = TopicFeature.createIcon(this, featureModel, this.isReadOnly());
result.addIcon(
icon,
featureModel.getType() === TopicFeature.Icon.id && !this.isReadOnly(),
);
}
featuresModel.forEach((f) => {
const icon = TopicFeature.createIcon(this, f, this.isReadOnly());
result.addIcon(icon, f.getType() === TopicFeature.Icon.id && !this.isReadOnly());
});
return result;
}
@ -737,7 +753,9 @@ class Topic extends NodeGraph {
/** */
showTextEditor(text) {
this._getTopicEventDispatcher().show(this, { text });
this._getTopicEventDispatcher().show(this, {
text,
});
}
/** */
@ -858,18 +876,10 @@ class Topic extends NodeGraph {
return this._outgoingLine;
}
/** */
getIncomingLines() {
const result = [];
const children = this.getChildren();
for (let i = 0; i < children.length; i++) {
const node = children[i];
const line = node.getOutgoingLine();
if ($defined(line)) {
result.push(line);
}
}
return result;
return children.filter((node) => $defined(node.getOutgoingLine()))
.map(((node) => node.getOutgoingLine()));
}
/** */
@ -891,14 +901,10 @@ class Topic extends NodeGraph {
// Update all the incoming lines ...
const incomingLines = this.getIncomingLines();
for (let i = 0; i < incomingLines.length; i++) {
incomingLines[i].redraw();
}
incomingLines.forEach((line) => line.redraw());
// Update relationship lines
for (let j = 0; j < this._relationships.length; j++) {
this._relationships[j].redraw();
}
this._relationships.forEach((r) => r.redraw());
}
/** */
@ -932,9 +938,8 @@ class Topic extends NodeGraph {
/** */
moveToBack() {
// Update relationship lines
for (let j = 0; j < this._relationships.length; j++) {
this._relationships[j].moveToBack();
}
this._relationships.forEach((r) => r.moveToBack());
const connector = this.getShrinkConnector();
if ($defined(connector)) {
connector.moveToBack();
@ -951,9 +956,7 @@ class Topic extends NodeGraph {
connector.moveToFront();
}
// Update relationship lines
for (let j = 0; j < this._relationships.length; j++) {
this._relationships[j].moveToFront();
}
this._relationships.forEach((r) => r.moveToFront());
}
/** */
@ -970,9 +973,9 @@ class Topic extends NodeGraph {
const targetParent = targetTopic.getModel().getParent();
const sourceParent = sourceTopic.getModel().getParent();
relationship.setVisibility(
value
&& (targetParent == null || !targetParent.areChildrenShrunken())
&& (sourceParent == null || !sourceParent.areChildrenShrunken()),
value &&
(targetParent == null || !targetParent.areChildrenShrunken()) &&
(sourceParent == null || !sourceParent.areChildrenShrunken()),
);
});
}
@ -1034,11 +1037,14 @@ class Topic extends NodeGraph {
setSize(size, force) {
$assert(size, 'size can not be null');
$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 hasSizeChanged = oldSize.width !== roundedSize.width
|| oldSize.height !== roundedSize.height;
const hasSizeChanged = oldSize.width !== roundedSize.width ||
oldSize.height !== roundedSize.height;
if (hasSizeChanged || force) {
NodeGraph.prototype.setSize.call(this, roundedSize);
@ -1257,34 +1263,33 @@ class Topic extends NodeGraph {
if (this._isInWorkspace) {
const textShape = this.getTextShape();
if (this.getShapeType() !== TopicShape.IMAGE) {
// Calculate topic size and adjust elements ...
const textWidth = textShape.getWidth();
const textHeight = textShape.getHeight();
const padding = TopicStyle.getInnerPadding(this);
let textHeight = textShape.getHeight();
textHeight = textHeight !== 0 ? textHeight : 20;
const topicPadding = TopicStyle.getInnerPadding(this);
// Adjust the icon size to the size of the text ...
// Adjust icons group based on the font size ...
const iconGroup = this.getOrBuildIconGroup();
const fontHeight = this.getTextShape().getFontHeight();
iconGroup.setPosition(topicPadding, topicPadding);
iconGroup.seIconSize(fontHeight, fontHeight);
const iconHeight = ICON_SCALING_FACTOR * fontHeight;
iconGroup.seIconSize(iconHeight, iconHeight);
// Add a extra padding between the text and the icons
let iconsWidth = iconGroup.getSize().width;
if (iconsWidth !== 0) {
iconsWidth += textHeight / 4;
}
// Calculate size and adjust ...
const topicHeight = Math.max(iconHeight, textHeight) + padding * 2;
const textIconSpacing = Math.round(fontHeight / 4);
const iconGroupWith = iconGroup.getSize().width;
const topicWith = iconGroupWith + textIconSpacing + textWidth + padding * 2;
const height = textHeight + topicPadding * 2;
const width = textWidth + iconsWidth + topicPadding * 2;
this.setSize({
width: topicWith,
height: topicHeight,
});
this.setSize({ width, height });
// Position node ...
textShape.setPosition(topicPadding + iconsWidth, topicPadding);
// Adjust all topic elements positions ...
iconGroup.setPosition(padding, (topicHeight - iconHeight) / 2);
textShape.setPosition(padding + iconGroupWith + textIconSpacing, (topicHeight - textHeight) / 2);
} else {
// In case of images, the size if fixed ...
// In case of images, the size is fixed ...
const size = this.getModel().getImageSize();
this.setSize(size);
}

23
packages/mindplot/src/components/TopicStyle.js
View File

@ -15,9 +15,16 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { $assert, $defined } from '@wisemapping/core-js';
import { $msg } from './Messages';
import { TopicShape } from './model/INodeModel';
import {
$assert,
$defined,
} from '@wisemapping/core-js';
import {
$msg,
} from './Messages';
import {
TopicShape,
} from './model/INodeModel';
class TopicStyle {
static _getStyles(topic) {
@ -42,7 +49,9 @@ class TopicStyle {
}
static defaultText(topic) {
const { msgKey } = this._getStyles(topic);
const {
msgKey,
} = this._getStyles(topic);
return $msg(msgKey);
}
@ -59,7 +68,7 @@ class TopicStyle {
}
static getInnerPadding(topic) {
return this._getStyles(topic).innerPadding;
return Math.round(topic.getTextShape().getFontHeight() * 0.5);
}
static defaultShapeType(topic) {
@ -79,7 +88,6 @@ TopicStyle.STYLES = {
color: '#ffffff',
},
msgKey: 'CENTRAL_TOPIC',
innerPadding: 11,
shapeType: TopicShape.ROUNDED_RECT,
},
@ -94,7 +102,6 @@ TopicStyle.STYLES = {
color: 'rgb(82,92,97)',
},
msgKey: 'MAIN_TOPIC',
innerPadding: 3,
shapeType: TopicShape.LINE,
},
@ -109,7 +116,6 @@ TopicStyle.STYLES = {
color: 'rgb(82,92,97)',
},
msgKey: 'SUB_TOPIC',
innerPadding: 3,
shapeType: TopicShape.LINE,
},
@ -124,7 +130,6 @@ TopicStyle.STYLES = {
color: 'rgb(82,92,97)',
},
msgKey: 'ISOLATED_TOPIC',
innerPadding: 4,
shapeType: TopicShape.LINE,
},
};

7
packages/mindplot/src/index.js
View File

@ -30,5 +30,10 @@ global.jQuery = jquery;
require('@libraries/bootstrap/js/bootstrap');
export {
Mindmap, PersistenceManager, Designer, LocalStorageManager, Menu, DesignerBuilder,
Mindmap,
PersistenceManager,
Designer,
LocalStorageManager,
Menu,
DesignerBuilder,
};

58
packages/mindplot/test/playground/map-render/samples/icon-sample.xml Normal file
View File

@ -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>

49
packages/web2d/src/components/peer/svg/GroupPeer.js
View File

@ -24,10 +24,19 @@ class GroupPeer extends ElementPeer {
const svgElement = window.document.createElementNS(ElementPeer.svgNamespace, 'g');
super(svgElement);
this._native.setAttribute('preserveAspectRatio', 'none');
this._coordSize = { width: 1, height: 1 };
this._coordSize = {
width: 1,
height: 1,
};
this._native.setAttribute('focusable', 'true');
this._position = { x: 0, y: 0 };
this._coordOrigin = { x: 0, y: 0 };
this._position = {
x: 0,
y: 0,
};
this._coordOrigin = {
x: 0,
y: 0,
};
}
setCoordSize(width, height) {
@ -42,7 +51,10 @@ class GroupPeer extends ElementPeer {
}
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() {
let sx = this._size.width / this._coordSize.width;
let sy = this._size.height / this._coordSize.height;
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;
if (this._coordSize.width > 0) {
const sx = (this._size.width / this._coordSize.width).toFixed(5);
const sy = (this._size.height / this._coordSize.height).toFixed(5);
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})`);
} else {
this._native.removeAttribute('transform');
}
}
setOpacity(value) {
@ -135,7 +144,10 @@ class GroupPeer extends ElementPeer {
}
getPosition() {
return { x: this._position.x, y: this._position.y };
return {
x: this._position.x,
y: this._position.y
};
}
append(child) {
@ -144,7 +156,10 @@ class GroupPeer extends ElementPeer {
}
getCoordOrigin() {
return { x: this._coordOrigin.x, y: this._coordOrigin.y };
return {
x: this._coordOrigin.x,
y: this._coordOrigin.y
};
}
}