peranger/qskinny
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
qskinny/examples/iotdashboard/images/router.svg

20 lines
3.7 KiB
XML
Raw Normal View History

Add IOT dashboard example (#116) * Add IOT dashboard example * Add images * more content * add pie chart * Add skin factories etc. * more work on the pie chart * Try to use quick shapes * Revert "Try to use quick shapes" This reverts commit df6b5b22a339173d2a70ed85744b598811c26b30. Doesn't work that easily unfortunately. * implement design * Add fonts; for now as a resource We should use fontconfig of course later * improve menu bar * implement top bar * use QNanoPainter for circular graphs * Revert "use QNanoPainter for circular graphs" This reverts commit ba0263cb1c19462cc41063ec7087c95e176c8293. Try with QQuickPaintedItem instead for now. * use painted items for circular bar graphs (for now) * use different colors * use some gradients all of this is very hackish still * add to top bar * fix fonts and time display * implement usage * implement indoor temperature * implement Humidity * implement My Devices * fix opacity issue with devices * make icons quadratic with some quick fixes as usual * Add diagram * try to smooth out curves * Add diagram caption * use tiny font * make caption smaller * add wekdays * add grid lines * fix my devices * add light intensity * add box around each section * rename Card to Box * Put indoor temperature inside a box * put Humidity in a box * put the rest in a box * some small stuff * add kirigami code * something works somehow * maybe we don't need our own class still some work to do, but the main thing works * add shadow from outside ... because the class is not a QskControl * fine-tune the layout * cross compilation: Make sure examples find libraries at link time * fix compilation for embedded target * add night time skin * add new button class to better style it * more hints for the night time skin * change hints for dimmer * change hints for progress bars * Use animator for light dimmer * use animator for progress bars * Add Kirigami code It was on oversight that this was forgotten earlier. We could of course strip this down a lot to the part that we are actually using (i.e. the shadowed rectangle). * fix build with new QSkinny version * fix paddings, something in the API changed * fix stretch factors * fix build with new version * clang tidy fixes * fix unused parameter warnings should clean this up properly * beautify example * use astyle * style menu bar properly * fix warning * more size hints * refactor skins * more skin hints * graphic label skin hints * menu item states instead of own API * main grid box styling * top bar styling * fix build * style round progress bars * style time * style indoor temperature and humidity * simplify temperature and humidity * style some more * style My Devices section * style My Devices some more * fix styles when switching between them * style diagram * style more elements inside diagram * more diagram style * fix skin changes * style light intensity * Fix Humidity * fix light intensity layout and other stuff * style light intensity * style button value label * style round button * style button boxes some more * style menu bar top label * style menu bar icons * remove ShadowBox, it is not used * style shadow boxes * remove QskShadowedRectangle We are not using it * style usage spacer * fine tune * Refactor diagram before replacing it * Add Diagram drawn with OpenGL * use new Diagram class * Support more than one data point in a diagram * change data points and colors a bit * position caption box * adapt the spline to show nice curves * remove boost::math dependency We just hardcode the values here so we can get rid of the dependency. * Remove kirigami code that we don't need We only need the shadow * move kirigami code * rename header guards * add license headers * rename some classes
2021-04-26 06:22:35 +02:00
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M24.1875 17.7188V19.4062V19.9688C24.1875 20.2795 24.4392 20.5312 24.75 20.5312H29.25C29.5608 20.5312 29.8125 20.2795 29.8125 19.9688V19.4062V17.7188C29.8125 16.1677 28.5511 14.9062 27 14.9062C25.4489 14.9062 24.1875 16.1677 24.1875 17.7188Z" fill="#606675"/>
<path d="M29.8125 32.9062C30.8587 32.9062 31.7412 32.1877 31.9915 31.2188H27.6335C27.8838 32.1877 28.7662 32.9062 29.8125 32.9062Z" fill="#606675"/>
<path d="M6.18749 32.9062C7.23374 32.9062 8.11616 32.1877 8.36647 31.2188H4.0085C4.25881 32.1877 5.14123 32.9062 6.18749 32.9062Z" fill="#606675"/>
<path d="M31.4995 11.3265C31.6619 11.3265 31.823 11.2566 31.9341 11.1215C32.1317 10.8817 32.0973 10.5271 31.8574 10.3297C30.9169 9.55535 29.0556 9.07434 26.9999 9.07434C24.9442 9.07434 23.0828 9.55542 22.1423 10.3297C21.9025 10.5271 21.8682 10.8817 22.0656 11.1215C22.2631 11.3613 22.6176 11.3957 22.8574 11.1982C23.5944 10.5914 25.2204 10.1993 26.9999 10.1993C28.7794 10.1993 30.4054 10.5914 31.1424 11.1982C31.2471 11.2844 31.3737 11.3265 31.4995 11.3265Z" fill="#606675"/>
<path d="M33.7495 8.79572C33.9119 8.79572 34.0729 8.72582 34.1841 8.59075C34.3817 8.35099 34.3473 7.99647 34.1074 7.79896C32.7449 6.67699 30.0214 5.97998 26.9999 5.97998C23.9784 5.97998 21.2549 6.67699 19.8923 7.79896C19.6525 7.99647 19.6182 8.35099 19.8156 8.59075C20.0131 8.83045 20.3677 8.86483 20.6074 8.66747C21.7602 7.71832 24.2694 7.10498 26.9999 7.10498C29.7304 7.10498 32.2397 7.71832 33.3924 8.66747C33.4971 8.75367 33.6237 8.79572 33.7495 8.79572Z" fill="#606675"/>
<path d="M18.9199 6.20402C20.3846 4.99802 23.5561 4.21875 26.9999 4.21875C30.4437 4.21875 33.6152 4.99802 35.0799 6.20395C35.1847 6.29022 35.3112 6.3322 35.4371 6.3322C35.5994 6.3322 35.7604 6.26231 35.8717 6.12724C36.0692 5.8874 36.0348 5.53296 35.795 5.33545C34.1156 3.95276 30.7455 3.09375 26.9999 3.09375C23.2543 3.09375 19.8842 3.95276 18.2049 5.33552C17.965 5.53303 17.9307 5.88747 18.1282 6.12731C18.3256 6.36707 18.6801 6.40139 18.9199 6.20402Z" fill="#606675"/>
<path d="M15.75 25.5938C16.3713 25.5938 16.875 25.0901 16.875 24.4688C16.875 23.8474 16.3713 23.3438 15.75 23.3438C15.1287 23.3438 14.625 23.8474 14.625 24.4688C14.625 25.0901 15.1287 25.5938 15.75 25.5938Z" fill="#606675"/>
<path d="M4.5 25.5938C5.12132 25.5938 5.625 25.0901 5.625 24.4688C5.625 23.8474 5.12132 23.3438 4.5 23.3438C3.87868 23.3438 3.375 23.8474 3.375 24.4688C3.375 25.0901 3.87868 25.5938 4.5 25.5938Z" fill="#606675"/>
<path d="M10.125 25.5938C10.7463 25.5938 11.25 25.0901 11.25 24.4688C11.25 23.8474 10.7463 23.3438 10.125 23.3438C9.50368 23.3438 9 23.8474 9 24.4688C9 25.0901 9.50368 25.5938 10.125 25.5938Z" fill="#606675"/>
<path d="M32.9182 19.4062H30.9375V19.9688C30.9375 20.899 30.1802 21.6563 29.25 21.6563H24.75C23.8198 21.6563 23.0625 20.899 23.0625 19.9688V19.4062H3.0818C1.38234 19.4062 0 20.7886 0 22.488V27.012C0.0345234 29.1901 1.9087 30.3259 3.9375 30.0938H8.4375H9.5625H26.4375H27.5625H32.0625C34.092 30.3264 35.966 29.1884 36 27.012V22.488C36 20.7886 34.6177 19.4062 32.9182 19.4062ZM4.5 26.7188C3.25969 26.7188 2.25 25.7091 2.25 24.4688C2.25 23.2284 3.25969 22.2188 4.5 22.2188C5.74031 22.2188 6.75 23.2284 6.75 24.4688C6.75 25.7091 5.74031 26.7188 4.5 26.7188ZM10.125 26.7188C8.88469 26.7188 7.875 25.7091 7.875 24.4688C7.875 23.2284 8.88469 22.2188 10.125 22.2188C11.3653 22.2188 12.375 23.2284 12.375 24.4688C12.375 25.7091 11.3653 26.7188 10.125 26.7188ZM15.75 26.7188C14.5097 26.7188 13.5 25.7091 13.5 24.4688C13.5 23.2284 14.5097 22.2188 15.75 22.2188C16.9903 22.2188 18 23.2284 18 24.4688C18 25.7091 16.9903 26.7188 15.75 26.7188Z" fill="#606675"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="36" height="36" fill="white"/>
</clipPath>
</defs>
</svg>
Reference in New Issue Copy Permalink