qskinny/examples/iotdashboard/images/indoor-temperature.svg

12 lines
2.4 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="M19.7588 24.262V5.69005C19.7588 5.53433 19.6967 5.38498 19.5864 5.27498C19.4828 5.15634 19.3296 5.09295 19.1725 5.1038L16.8275 5.11142C16.5037 5.11142 16.2412 5.37391 16.2412 5.69767V24.2614C14.1929 25.2315 13.3188 27.6785 14.2889 29.7268C14.8339 30.8777 15.8825 31.7104 17.1271 31.9806C17.4122 32.0404 17.7028 32.0708 17.9941 32.0715C20.2606 32.0723 22.0986 30.2356 22.0994 27.9692C22.1 26.3853 21.189 24.9425 19.7588 24.262ZM20.7643 28.9431C20.5841 29.4529 20.2664 29.9028 19.8462 30.243V30.2418C19.1514 30.8035 18.2396 31.0203 17.3663 30.8316C15.7859 30.4811 14.7887 28.9157 15.1392 27.3352C15.3578 26.3494 16.0684 25.5455 17.0199 25.2076C17.2552 25.1259 17.4132 24.9045 17.4138 24.6554V6.28217L18.5863 6.27631V24.6554C18.5864 24.9048 18.7443 25.1267 18.9797 25.2088C20.5037 25.7472 21.3027 27.4191 20.7643 28.9431Z" fill="white"/>
<path d="M24.4222 23.8602C23.8268 22.9284 23.0357 22.1373 22.1038 21.5418V18.0014H23.8626C24.1864 18.0014 24.4489 17.7389 24.4489 17.4152C24.4489 17.0914 24.1864 16.8289 23.8626 16.8289H22.1038V15.6564H23.8626C24.1864 15.6564 24.4489 15.3939 24.4489 15.0701C24.4489 14.7464 24.1864 14.4839 23.8626 14.4839H22.1038V13.3114H23.8626C24.1864 13.3114 24.4489 13.0489 24.4489 12.7251C24.4489 12.4014 24.1864 12.1389 23.8626 12.1389H22.1038V10.9664H23.8626C24.1864 10.9664 24.4489 10.7039 24.4489 10.3801C24.4489 10.0563 24.1864 9.79384 23.8626 9.79384H22.1038V8.62133H23.8626C24.1864 8.62133 24.4489 8.35884 24.4489 8.03508C24.4489 7.71132 24.1864 7.44882 23.8626 7.44882H22.1038V4.51754C22.1013 2.25218 20.2654 0.416322 18 0.413757C15.7347 0.416322 13.8988 2.25218 13.8963 4.51754V21.5418C10.3494 23.8083 9.31144 28.5209 11.5779 32.0677C13.8444 35.6146 18.557 36.6525 22.1038 34.3861C25.6507 32.1195 26.6886 27.4069 24.4222 23.8602ZM18 34.4166C14.4385 34.4209 11.5477 31.5372 11.5434 27.9756C11.5406 25.6656 12.7735 23.5305 14.7756 22.3784C14.957 22.2737 15.0688 22.0801 15.0688 21.8707V4.51754C15.0707 2.89948 16.382 1.58817 18 1.58627C19.6177 1.5892 20.9284 2.89985 20.9313 4.51754V21.8707C20.9313 22.0801 21.0431 22.2737 21.2244 22.3784C24.3114 24.1548 25.3737 28.0974 23.5972 31.1843C22.4451 33.1865 20.31 34.4193 18 34.4166Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="35.1724" height="35.1724" fill="white" transform="translate(0.413818 0.413757)"/>
</clipPath>
</defs>
</svg>