Peter Hartmann c199a3bb59
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

9 lines
3.2 KiB
XML

<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.0136 3.72979C31.7726 2.00408 30.552 0.639961 30.5007 0.582689C30.2986 0.357528 29.9343 0.357528 29.7322 0.582689C29.6808 0.639961 28.4602 2.00408 27.2192 3.72979C25.5104 6.10585 24.644 7.94225 24.644 9.18776C24.644 12.2052 27.0989 14.6602 30.1164 14.6602C33.1339 14.6602 35.5888 12.2052 35.5888 9.18776C35.5888 7.94225 34.7224 6.10585 33.0136 3.72979ZM30.1164 13.6277C27.6683 13.6277 25.6765 11.6359 25.6765 9.18776C25.6765 7.2826 28.5932 3.48776 30.1165 1.71111C31.6398 3.48721 34.5563 7.28122 34.5563 9.18776C34.5563 11.636 32.5646 13.6277 30.1164 13.6277Z" fill="white"/>
<path d="M11.3587 9.18776C11.3587 7.94218 10.4923 6.10585 8.78347 3.72972C7.54244 2.00408 6.32184 0.639961 6.27049 0.582689C6.06839 0.357528 5.70411 0.357528 5.50201 0.582689C5.45066 0.639961 4.23007 2.00408 2.98903 3.72979C1.28025 6.10585 0.413818 7.94225 0.413818 9.18776C0.413818 12.2052 2.86877 14.6602 5.88625 14.6602C8.90373 14.6602 11.3587 12.2053 11.3587 9.18776ZM5.88625 13.6277C3.43811 13.6277 1.44635 11.6359 1.44635 9.18776C1.44635 7.2826 4.36299 3.48776 5.88632 1.71111C7.40965 3.48721 10.3261 7.28122 10.3261 9.18776C10.3261 11.636 8.33439 13.6277 5.88625 13.6277Z" fill="white"/>
<path d="M24.0582 16.2067C23.8175 16.3597 23.7464 16.6787 23.8994 16.9194C26.1878 20.5203 27.3974 23.3691 27.3974 25.1577C27.3974 30.3387 23.1823 34.5537 18.0014 34.5537C12.8204 34.5537 8.60529 30.3387 8.60529 25.1577C8.60529 20.5425 16.1754 11.1013 18.0016 8.89127C18.7954 9.8509 20.6738 12.1743 22.5329 14.8628C22.695 15.0972 23.0166 15.156 23.2512 14.9938C23.4857 14.8316 23.5443 14.51 23.3822 14.2755C20.9176 10.7114 18.4188 7.78012 18.3938 7.75094C18.1909 7.51352 17.8118 7.51352 17.6089 7.75094C17.1991 8.23045 7.57275 19.5571 7.57275 25.1577C7.57275 30.9081 12.251 35.5863 18.0014 35.5863C23.7517 35.5863 28.43 30.9081 28.43 25.1577C28.43 23.1442 27.1988 20.1861 24.7709 16.3655C24.6179 16.125 24.299 16.0538 24.0582 16.2067Z" fill="white"/>
<path d="M22.2212 20.3871C22.0196 20.1855 21.6927 20.1855 21.4911 20.3871L13.7815 28.0967C13.5799 28.2983 13.5799 28.6252 13.7815 28.8268C13.8823 28.9276 14.0145 28.978 14.1466 28.978C14.2787 28.978 14.4108 28.9276 14.5116 28.8268L22.2212 21.1172C22.4228 20.9156 22.4228 20.5887 22.2212 20.3871Z" fill="white"/>
<path d="M15.2479 24.0218C16.1399 24.0218 16.8655 23.2962 16.8655 22.4042C16.8655 21.5122 16.1399 20.7866 15.2479 20.7866C14.3559 20.7866 13.6302 21.5122 13.6302 22.4042C13.6302 23.2962 14.3559 24.0218 15.2479 24.0218ZM15.2479 21.8191C15.5705 21.8191 15.833 22.0816 15.833 22.4042C15.833 22.7268 15.5705 22.9893 15.2479 22.9893C14.9253 22.9893 14.6628 22.7268 14.6628 22.4042C14.6628 22.0816 14.9253 21.8191 15.2479 21.8191Z" fill="white"/>
<path d="M20.7547 25.192C19.8628 25.192 19.1371 25.9177 19.1371 26.8097C19.1371 27.7016 19.8628 28.4273 20.7547 28.4273C21.6467 28.4273 22.3724 27.7016 22.3724 26.8097C22.3724 25.9177 21.6467 25.192 20.7547 25.192ZM20.7547 27.3948C20.4321 27.3948 20.1696 27.1323 20.1696 26.8097C20.1696 26.487 20.4321 26.2246 20.7547 26.2246C21.0774 26.2246 21.3398 26.487 21.3398 26.8097C21.3398 27.1323 21.0774 27.3948 20.7547 27.3948Z" fill="white"/>
</svg>