From 3797ace89bd9121db7b5958847d9d9af0461d5cb Mon Sep 17 00:00:00 2001
From: Nicholas O'Leary <nick.oleary@gmail.com>
Date: Sun, 17 Nov 2013 15:52:34 +0000
Subject: [PATCH] Display node-changed icon when there are unsaved changes Part
 of #33

---
 public/icons/node-changed.png | Bin 743 -> 483 bytes
 public/red/ui/view.js         |  11 ++++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/icons/node-changed.png b/public/icons/node-changed.png
index 8d58969693773c82373b730ce2f8c6fc6b959532..f92442c92f8f6eef968722d9eaace18ed22362ab 100644
GIT binary patch
delta 431
zcmV;g0Z{(u1>*xCiBL{Q4GJ0x0000DNk~Le0000C0000B2nGNE084OeksurjC;$Kh
zC;@M2n~{-5Cw~E8Nkl<ZD3N{9KTASk6bA6;J@0!X1gk-Wum&mXE|G&YG)Q2pff00x
zYW8FF8JxUBQ;U<)C+JR1;UYzpC8#YoB+v?>`<~O(9~3(4^LvJKj;hsa7@zXR{TY-<
zb!YW>JfjI*zsp1HA()TK^}GDP1<&&o9I8a~X&cR_Eq@%Uc%G;J8Z~opvY~|wEVKr#
zbIRJ~;ci(0K)hZR(Ygg|uSs!JF<q)T@8k)Pbd+3Rn_QsJ#SEg<5&*zFKf>ugK!-gx
zVUGaSA`$F?Xb3Vg$`yVv07R)JjB*8ljDTn;f_?H!ZbPhWnXvN_3(oEMlCj|2ny~XB
zR<`_-+jt-V@Jnt3mQQKW=ZUKf`V7mbe#vbBfcZ@*!?OuThdoR;uNVMEYn#Ng2}i%a
zWWL!?K{UCh`ylc5je^!q0C3v3>td!vG`SOhP?p~mM}a`LtHqUUwYZWM$hP7rP?q1n
Z-4{sBm@;mdMR@=K002ovPDHLkV1lkgy=VXc

delta 693
zcmV;m0!sbk1Lp-GiBL{Q4GJ0x0000DNk~Le0000H0000G2nGNE0Pr!CksurjYybcQ
zYyoezS?ZBSCw~HDNkl<ZIE|H*Pe_ze6vcn<`^I8yLLD<KQ<$cqT9`6o3}U#k(1M~Q
z9<>mKHtwQD3uz${ZX}|8t=jm4R%TYa5)-sPnj5udOo~!Qr$0I~I^*|Vi_vPV5jxBJ
z?m6#V?s-r2_V$tsQpymZfb&YJkz9RNPK69^0TsaQt$&(wibyG2UVi!>I(T!C*Pnlc
zq?9fHB_gHF1A4AJnljT1aV|fcG(gXK{V%vSkp-|HxYR!x^$pI%z+24V%%bR@jQUO;
zD!DGDyaPm(Qf7lEj4`KylR&jL=E(cSgnMFcna-#02q(cgT8BOI0>2x&PXwqe^>Cm#
zKWPc^7JnE6281yt0{G6{d&86I1y<Lb%$zP8T~z}`Uiccr8h?deKilrIIUXpcuQdn|
zaRFz6=V`5XuC6(P(mmkwqw{xw5E;KkUUWkvB;qg=W_9ihfB}|(bCyzS9B6!Su{vJw
z^BOTf2g&4bfnS3QNG1{UbJY91=Kh7MIMAq+8h^I{lv1PaJiBS2t!AaRyuer!V~|c~
zi=@+76Jykt7np&zniY4R-K3Nn&04WiYRI$A?rIN~3GFywbhe1mXvd*FSSCE%>@KC$
z&_7oUcq6fdv20st+XWwI5erewt`gY056iZR#1aPZ=FAD;562Q1z#e*rlS)xh<Ysni
z0e*WXj0VE71c3if(&oelqRT0P)-?MI&2UGE4_6z$4R?fS_7@toW_~FpfWVec?zU92
zrZtCmdxn7<z~fLwVN+jg@Y+-~UT0;tmgPijd<E-~p8~=_w^C|w(*;N=j{%)zUUsEY
bN(1}^exdgSX%~7300000NkvXXu0mjf2W~WR

diff --git a/public/red/ui/view.js b/public/red/ui/view.js
index bca646b6d..f6dafb8d2 100644
--- a/public/red/ui/view.js
+++ b/public/red/ui/view.js
@@ -778,7 +778,7 @@ RED.view = function() {
 
                     //node.append("path").attr("class","node_error").attr("d","M 3,-3 l 10,0 l -5,-8 z");
                     node.append("image").attr("class","node_error hidden").attr("xlink:href","icons/node-error.png").attr("x",0).attr("y",-6).attr("width",10).attr("height",9);
-                    //node.append("image").attr("class","node_changed hidden").attr("xlink:href","icons/node-error.png").attr("x",12).attr("y",-6).attr("width",10).attr("height",9);
+                    node.append("image").attr("class","node_changed hidden").attr("xlink:href","icons/node-changed.png").attr("x",12).attr("y",-8).attr("width",12).attr("height",11);
             });
 
             node.each(function(d,i) {
@@ -842,13 +842,14 @@ RED.view = function() {
                                 (d._def.label?' '+(typeof d._def.labelStyle == "function" ? d._def.labelStyle.call(d):d._def.labelStyle):'') ;
                         });
                         thisNode.selectAll(".node_tools").attr("x",function(d){return d.w-35;}).attr("y",function(d){return d.h-20;});
-                        thisNode.selectAll(".node_error")
-                            .attr("x",function(d){return d.w-5})
-                            .classed("hidden",function(d) { return d.valid; });
                             
                         thisNode.selectAll(".node_changed")
-                            .attr("x",function(d){return d.w-15})
+                            .attr("x",function(d){return d.w-6})
                             .classed("hidden",function(d) { return !d.changed; });
+
+                        thisNode.selectAll(".node_error")
+                            .attr("x",function(d){return d.w-5-(d.changed?13:0)})
+                            .classed("hidden",function(d) { return d.valid; });
                             
                         thisNode.selectAll(".port_input").each(function(d,i) {
                                 var port = d3.select(this);