<table><tr><td style="">ngraham added inline comments.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D28467">View Revision</a></tr></table><br /><div><strong>INLINE COMMENTS</strong><div><div style="margin: 6px 0 12px 0;"><div style="border: 1px solid #C7CCD9; border-radius: 3px;"><div style="padding: 0; background: #F7F7F7; border-color: #e3e4e8; border-style: solid; border-width: 0 0 1px 0; margin: 0;"><div style="color: #74777d; background: #eff2f4; padding: 6px 8px; overflow: hidden;"><a style="float: right; text-decoration: none;" href="https://phabricator.kde.org/D28467#inline-164264">View Inline</a><span style="color: #4b4d51; font-weight: bold;">niccolove</span> wrote in <span style="color: #4b4d51; font-weight: bold;">FullRepresentation.qml:31</span></div>
<div style="margin: 8px 0; padding: 0 12px; color: #74777D;"><p style="padding: 0; margin: 8px;">I though that was done by</p>

<div class="remarkup-code-block" style="margin: 12px 0;" data-code-lang="text" data-sigil="remarkup-code-block"><pre class="remarkup-code" style="font: 11px/15px "Menlo", "Consolas", "Monaco", monospace; padding: 12px; margin: 0; background: rgba(71, 87, 120, 0.08);">toolbar.visible = (state == "DevicesState" || state == "NoDevicesState");</pre></div>

<p style="padding: 0; margin: 8px;">At the end of the file. If you try to use the widget standalone, you will notice that it does disappear. Problem is, system tray doesn't notice. I can't understand why it doesn't read the ".visible" property.</p></div></div>
<div style="margin: 8px 0; padding: 0 12px;"><p style="padding: 0; margin: 8px;">It's because the binding is broken.</p>

<p style="padding: 0; margin: 8px;">In QML, there are two ways to change a property: with a binding, or imperatively.</p>

<p style="padding: 0; margin: 8px;">A binding uses a colon, and looks like this: <tt style="background: #ebebeb; font-size: 13px;">visible: (state == "DevicesState" || state == "NoDevicesState")</tt> You want to use binding as much as possible because the property being bound (<tt style="background: #ebebeb; font-size: 13px;">visible</tt>) will auto-update when the condition changes.</p>

<p style="padding: 0; margin: 8px;">Imparative code uses an equals sign: <tt style="background: #ebebeb; font-size: 13px;">toolbar.visible = (state == "DevicesState" || state == "NoDevicesState");</tt></p>

<p style="padding: 0; margin: 8px;">This breaks any existing bindings, which means you become responsible for manually updating the property in question <tt style="background: #ebebeb; font-size: 13px;">toolbar.visible</tt> whenever you want it to change. Theoretically that's taken care of by <tt style="background: #ebebeb; font-size: 13px;">onStateChanged:</tt> but for some reason it doesn't seem to be working. Perhaps there's a state not accounted for there? In general I don't like using explicit <tt style="background: #ebebeb; font-size: 13px;">State</tt>s though. I find that it leads to messy, imperative code.</p></div></div></div></div></div><br /><div><strong>REPOSITORY</strong><div><div>R97 Bluedevil</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D28467">https://phabricator.kde.org/D28467</a></div></div><br /><div><strong>To: </strong>niccolove, Plasma, ngraham<br /><strong>Cc: </strong>ngraham, plasma-devel, Orage, LeGast00n, The-Feren-OS-Dev, cblack, jraleigh, zachus, fbampaloukas, ragreen, ZrenBot, himcesjf, lesliezhai, ali-mohamed, jensreuterberg, abetts, sebas, apol, ahiemstra, mart<br /></div>