add icons

This commit is contained in:
Arthur Lu 2022-12-14 15:28:22 -08:00
parent 6400f36324
commit 7b276c2649
7 changed files with 83 additions and 21 deletions

View File

@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<polygon points="18.51,29.21 45,16.33 71.49,29.21 45,42.08 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) "/>
<polygon points="45,42.08 45,73.67 71.49,60.79 71.49,29.21 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) "/>
<path d="M 45 44.08 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.873 c -0.689 -0.334 -1.126 -1.033 -1.126 -1.799 s 0.437 -1.464 1.126 -1.799 l 26.49 -12.874 c 0.552 -0.269 1.196 -0.269 1.748 0 l 26.489 12.874 c 0.688 0.334 1.126 1.033 1.126 1.799 s -0.438 1.464 -1.126 1.799 L 45.874 43.879 C 45.598 44.013 45.299 44.08 45 44.08 z M 23.086 29.207 L 45 39.856 l 21.914 -10.649 L 45 18.557 L 23.086 29.207 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 75.667 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.874 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 29.207 c 0 -0.689 0.355 -1.33 0.939 -1.695 c 0.585 -0.365 1.315 -0.404 1.935 -0.104 L 45 39.856 l 25.615 -12.448 c 0.618 -0.301 1.35 -0.262 1.936 0.104 c 0.584 0.366 0.938 1.006 0.938 1.695 v 31.586 c 0 0.766 -0.438 1.464 -1.126 1.799 L 45.874 75.466 C 45.598 75.6 45.299 75.667 45 75.667 z M 20.51 59.541 L 45 71.443 l 24.489 -11.902 V 32.403 L 45.874 43.879 c -0.552 0.269 -1.196 0.269 -1.748 0 L 20.51 32.403 V 59.541 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 75.667 c -1.104 0 -2 -0.896 -2 -2 V 42.08 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 31.587 C 47 74.771 46.104 75.667 45 75.667 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 84.734 62.139 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 86.734 61.243 85.839 62.139 84.734 62.139 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 84.734 45.815 c -1.104 0 -2 -0.896 -2 -2 V 22.562 L 45 4.224 L 6.14 23.109 c -0.992 0.482 -2.19 0.069 -2.673 -0.925 c -0.483 -0.993 -0.069 -2.19 0.925 -2.673 l 39.734 -19.31 c 0.552 -0.269 1.196 -0.269 1.748 0 l 39.734 19.31 c 0.688 0.334 1.126 1.033 1.126 1.799 v 22.505 C 86.734 44.92 85.839 45.815 84.734 45.815 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 5.266 38.567 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 7.266 37.672 6.37 38.567 5.266 38.567 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 90 c -0.299 0 -0.598 -0.067 -0.874 -0.201 L 4.392 70.488 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 45.795 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 21.643 L 45 85.776 l 38.86 -18.886 c 0.99 -0.481 2.19 -0.069 2.673 0.925 c 0.482 0.993 0.068 2.19 -0.925 2.673 L 45.874 89.799 C 45.598 89.933 45.299 90 45 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<polygon points="18.51,29.21 45,16.33 71.49,29.21 45,42.08 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) "/>
<polygon points="45,42.08 45,73.67 71.49,60.79 71.49,29.21 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) "/>
<path d="M 45 44.08 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.873 c -0.689 -0.334 -1.126 -1.033 -1.126 -1.799 s 0.437 -1.464 1.126 -1.799 l 26.49 -12.874 c 0.552 -0.269 1.196 -0.269 1.748 0 l 26.489 12.874 c 0.688 0.334 1.126 1.033 1.126 1.799 s -0.438 1.464 -1.126 1.799 L 45.874 43.879 C 45.598 44.013 45.299 44.08 45 44.08 z M 23.086 29.207 L 45 39.856 l 21.914 -10.649 L 45 18.557 L 23.086 29.207 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 75.667 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.874 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 29.207 c 0 -0.689 0.355 -1.33 0.939 -1.695 c 0.585 -0.365 1.315 -0.404 1.935 -0.104 L 45 39.856 l 25.615 -12.448 c 0.618 -0.301 1.35 -0.262 1.936 0.104 c 0.584 0.366 0.938 1.006 0.938 1.695 v 31.586 c 0 0.766 -0.438 1.464 -1.126 1.799 L 45.874 75.466 C 45.598 75.6 45.299 75.667 45 75.667 z M 20.51 59.541 L 45 71.443 l 24.489 -11.902 V 32.403 L 45.874 43.879 c -0.552 0.269 -1.196 0.269 -1.748 0 L 20.51 32.403 V 59.541 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 75.667 c -1.104 0 -2 -0.896 -2 -2 V 42.08 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 31.587 C 47 74.771 46.104 75.667 45 75.667 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 84.734 62.139 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 86.734 61.243 85.839 62.139 84.734 62.139 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 84.734 45.815 c -1.104 0 -2 -0.896 -2 -2 V 22.562 L 45 4.224 L 6.14 23.109 c -0.992 0.482 -2.19 0.069 -2.673 -0.925 c -0.483 -0.993 -0.069 -2.19 0.925 -2.673 l 39.734 -19.31 c 0.552 -0.269 1.196 -0.269 1.748 0 l 39.734 19.31 c 0.688 0.334 1.126 1.033 1.126 1.799 v 22.505 C 86.734 44.92 85.839 45.815 84.734 45.815 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 5.266 38.567 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 7.266 37.672 6.37 38.567 5.266 38.567 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 90 c -0.299 0 -0.598 -0.067 -0.874 -0.201 L 4.392 70.488 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 45.795 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 21.643 L 45 85.776 l 38.86 -18.886 c 0.99 -0.481 2.19 -0.069 2.673 0.925 c 0.482 0.993 0.068 2.19 -0.925 2.673 L 45.874 89.799 C 45.598 89.933 45.299 90 45 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<path d="M 83.843 7.245 H 6.157 C 2.757 7.245 0 10.002 0 13.402 v 49.074 c 0 3.4 2.757 6.157 6.157 6.157 h 28.431 v 8.243 h -7.564 c -1.623 0 -2.939 1.316 -2.939 2.939 s 1.316 2.939 2.939 2.939 h 35.954 c 1.623 0 2.939 -1.316 2.939 -2.939 s -1.316 -2.939 -2.939 -2.939 h -7.564 v -8.243 h 28.431 c 3.4 0 6.157 -2.757 6.157 -6.157 V 13.402 C 90 10.002 87.243 7.245 83.843 7.245 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<path d="M 83.843 7.245 H 6.157 C 2.757 7.245 0 10.002 0 13.402 v 49.074 c 0 3.4 2.757 6.157 6.157 6.157 h 28.431 v 8.243 h -7.564 c -1.623 0 -2.939 1.316 -2.939 2.939 s 1.316 2.939 2.939 2.939 h 35.954 c 1.623 0 2.939 -1.316 2.939 -2.939 s -1.316 -2.939 -2.939 -2.939 h -7.564 v -8.243 h 28.431 c 3.4 0 6.157 -2.757 6.157 -6.157 V 13.402 C 90 10.002 87.243 7.245 83.843 7.245 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

10
images/nodes/offline.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<path d="M 85.426 3.805 H 4.574 C 2.048 3.805 0 5.853 0 8.379 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 8.379 C 90 5.853 87.952 3.805 85.426 3.805 z M 46.066 22.287 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 22.287 46.066 22.287 z M 46.066 13.787 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 13.787 46.066 13.787 z M 74.863 22.107 c -3.076 0 -5.57 -2.494 -5.57 -5.57 s 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 S 77.94 22.107 74.863 22.107 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 85.426 32.268 H 4.574 C 2.048 32.268 0 34.316 0 36.843 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 36.843 C 90 34.316 87.952 32.268 85.426 32.268 z M 46.066 50.75 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 50.75 46.066 50.75 z M 46.066 42.25 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 42.25 46.066 42.25 z M 74.863 50.57 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 48.076 77.94 50.57 74.863 50.57 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 85.426 60.732 H 4.574 C 2.048 60.732 0 62.78 0 65.306 v 16.314 c 0 2.526 2.048 4.575 4.574 4.575 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.575 V 65.306 C 90 62.78 87.952 60.732 85.426 60.732 z M 46.066 79.213 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 79.213 46.066 79.213 z M 46.066 70.714 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 70.714 46.066 70.714 z M 74.863 79.034 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 76.54 77.94 79.034 74.863 79.034 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

10
images/nodes/online.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<path d="M 85.426 3.805 H 4.574 C 2.048 3.805 0 5.853 0 8.379 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 8.379 C 90 5.853 87.952 3.805 85.426 3.805 z M 46.066 22.287 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 22.287 46.066 22.287 z M 46.066 13.787 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 13.787 46.066 13.787 z M 74.863 22.107 c -3.076 0 -5.57 -2.494 -5.57 -5.57 s 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 S 77.94 22.107 74.863 22.107 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 85.426 32.268 H 4.574 C 2.048 32.268 0 34.316 0 36.843 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 36.843 C 90 34.316 87.952 32.268 85.426 32.268 z M 46.066 50.75 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 50.75 46.066 50.75 z M 46.066 42.25 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 42.25 46.066 42.25 z M 74.863 50.57 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 48.076 77.94 50.57 74.863 50.57 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 85.426 60.732 H 4.574 C 2.048 60.732 0 62.78 0 65.306 v 16.314 c 0 2.526 2.048 4.575 4.574 4.575 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.575 V 65.306 C 90 62.78 87.952 60.732 85.426 60.732 z M 46.066 79.213 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 79.213 46.066 79.213 z M 46.066 70.714 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 70.714 46.066 70.714 z M 74.863 79.034 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 76.54 77.94 79.034 74.863 79.034 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -24,31 +24,25 @@ class Instance extends HTMLElement {
set data (data) { set data (data) {
let instanceArticle = this.shadowElement.querySelector("article"); let instanceArticle = this.shadowElement.querySelector("article");
let type = document.createElement("img"); let typeImg = document.createElement("img");
type.src = `images/${data.type}.svg`; typeImg.src = `images/instances/${data.type}/${data.status}.svg`;
instanceArticle.append(type); instanceArticle.append(typeImg);
let vmid = document.createElement("p"); let vmidParagraph = document.createElement("p");
vmid.innerText = data.vmid; vmidParagraph.innerText = data.vmid;
instanceArticle.append(vmid); instanceArticle.append(vmidParagraph);
let name = document.createElement("p"); let nameParagraph = document.createElement("p");
name.innerText = data.name; nameParagraph.innerText = data.name;
instanceArticle.append(name); instanceArticle.append(nameParagraph);
let status = document.createElement("p"); let nodeImg = document.createElement("img");
status.innerText = data.status; nodeImg.src = `images/nodes/${data.node.status}`;
status.style.color = data.status === "running" ? "#00ff00" : "#ff0000"; instanceArticle.append(nodeImg);
instanceArticle.append(status);
let nodeName = document.createElement("p"); let nodeParagraph = document.createElement("p");
nodeName.innerText = data.node.name; nodeParagraph.innerText = data.node.name;
instanceArticle.append(nodeName); instanceArticle.append(nodeParagraph);
let nodeStatus = document.createElement("p");
nodeStatus.innerText = data.node.status;
nodeStatus.style.color = data.node.status === "online" ? "#00ff00" : "#ff0000";
instanceArticle.append(nodeStatus);
} }
} }