From 9a3f0da11c16cf32bf383b36a27121784c53b662 Mon Sep 17 00:00:00 2001
From: Xuqing Kuang <xuqingx.kuang@intel.com>
Date: Wed, 5 Sep 2012 17:13:50 +0800
Subject: [PATCH] [Outline View] Added node have event handler information.

Fixed issue: https://01.org/jira/browse/RIB-35
---
 src/css/builder.css                 |  18 ++++++++++++++++++
 src/css/images/eventHandlerIcon.png | Bin 0 -> 1077 bytes
 src/js/views/outline.js             |  20 ++++++++++++++++++--
 3 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 src/css/images/eventHandlerIcon.png

diff --git a/src/css/builder.css b/src/css/builder.css
index a01c0329..61201367 100644
--- a/src/css/builder.css
+++ b/src/css/builder.css
@@ -1674,3 +1674,21 @@ input.screenCoordinate::-webkit-inner-spin-button {
 #eventHandlerDialog .wrap_right .container .CodeMirror .CodeMirror-scroll {
     height: 464px;
 }
+
+.eventHandlerIcon {
+    display: inline-block;
+    position: relative;
+    top: 2px;
+    left: 4px;
+    margin-right: 4px;
+    text-indent: -3000px;
+    height: 20px;
+    width: 20px;
+    background-repeat: no-repeat;
+    background-position: left top;
+    background-image: url('images/eventHandlerIcon.png');
+}
+
+.eventHandlerIcon:hover {
+    opacity: 0.8;
+}
diff --git a/src/css/images/eventHandlerIcon.png b/src/css/images/eventHandlerIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..13ff5fdff2fdb07b6d21f3c6fd4a7efcfbf881e8
GIT binary patch
literal 1077
zcmV-51j_q~P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000XU
z000XU0RWnu7ytkR=Sf6CR5*=&m2GI%RUF4Z=lq}l_kSPMUTow9K?)1W7aFW=#gueo
zjm9(<-UNvxrY~ajMtdUBi9LvKD(JyNM?@%UttCYZf(S7}CZbSjDc-APZpyv8yZ`$?
z=k#I^c-!m;=f&at&gXo859b_VjA1T&aP8AgmZds;S9c#jl)FEZwg7Vm%u!H-aNzP>
z`^0~NE$g})wc`yKV_H>`uxW!s@3ZMTpVMb5<ex7L`<9*m`G*t5+t=jnlU1EPZN?1>
zAX<&q_^x8(hH#dOz5A|U64k1NEUaAJ)ix(^RcB9|z#hUFjL~SNSl{W9%~*A?Z@;_2
z$x}DcN@27H!BF$s4Q+M6mUZ2Y0(%I+07h#(SMkhKsXCa_hW<A$Acf-5RUv&_bA*8b
zDTY?8>uv<F0kq=}2w+B?)~xUHXQ>+*xy7c94Ltco1DTA)=B))vWr5>pJj)&cR*RL7
z_cVE)b!n1k&|2YIF~<%qAeXI6ah>(QRp8UZWn4eNaeXY?CQ)*cbR5|+<7Es+8`gLF
z<g${uW=N9RZS~cO>l`?E4WsqsFdAbFmSsAmW!v4-vazN{DrK>JnMeQIH`vy939CM8
zE?gYv#qGZV5Ji&KmXLdwxJYSXORGz~`OZg0DP;r3ppt|*jwzSRjE(-o3tLCIXNj1B
zRjZoad#<o>VZ=kt5%(>1_~o?A;V&BTgAmX6u8QH4r;8fX0HC#Ee7wx9u`w28&e6W+
z!X0x6@cTuN<0qDq&E3Vk`3rD8@2Y+3+^=Va5DiQfq*|RIuH2+=^Pm3<`{R;k_kN8N
zTqQj=L3sTZp68#HaWy_ti>t(OmFmO<)k=lt<wfS_)E!}e{hjd2?s3K|V9Zo^C`DY0
zk4TZo!N~#}j4?!EjWrLC0x)(Hj(t^S=ibp7SgEAh{(6a0CBO?pJU_s3JuKTs2?pg$
zy*-zWVR#zavho@u=OgxiIFD`HeLnfjqG@3OK&=L^?J046EF_iA5JnMx7~r@r(zb_p
z^=`gw0|=w@1`0w5zWMQP%B3n3m2tel!XS9;kqQ9&-m7u(N}6;wBFbb*MQMCLz;Rq`
zDf2LOmv?N*7q!ssLJGjeab5f%AdJ#1UL3J_5eyu07&)IMlbc66n<JIZ;0GbL>w+!X
zcWlWQC&k_N9`5|$U>k`UQc983VrsP-Eh~xyUX9PcOd$l=&g5a9AK>~v!j|o?KDX)X
zX~wJvw*UQsMy2(DQmR#{gyshdeE(Ahm1q#)IFk|Bwma;)PJUY19f8yK^1B~5S%wa2
v;;w3}muan$(mI2bN2N{%clGto`33w7-6gN0TGiJ700000NkvXXu0mjf{w@i!

literal 0
HcmV?d00001

diff --git a/src/js/views/outline.js b/src/js/views/outline.js
index 765b39e9..fd2d32ef 100644
--- a/src/js/views/outline.js
+++ b/src/js/views/outline.js
@@ -160,7 +160,9 @@
                 return null;
             return model.getSelectedNode() || model.getActivePage();
         },
-        _renderPageNode: function (domNode, node) {
+        _renderSpecialNode: function (domNode, node) {
+            var id, titleNode, element, icon;
+            // Display ID when type is Page.
             if (node.getType() === "Page") {
                 //set page id
                 var id = node.getProperty('id'),
@@ -170,6 +172,20 @@
                         .appendTo(domNode.find("> a"));
                 titleNode.text(' (' + id + ')');
             }
+
+            // Add event handler icon to outline view.
+            if (node.hasEventHandlers()) {
+                element = domNode.find('a');
+                icon  = $('<a class="eventHandlerIcon" title="Open event handler.">Event Handler</a>')
+                    .click(function(e) {
+                        // After 0.1 second will trigger open dialog action
+                        // Because property view construction is delayed.
+                        setTimeout(function() {
+                            $('#eventHandlerElement').trigger('click');
+                        }, 100);
+                    });
+                element.append(icon);
+            }
         },
         _render: function (domNode, data) {
             var labelFunc, parentNode = data.getParent(), newTopLevelNode;
@@ -187,7 +203,7 @@
                     $('<li class="label">' + label + '</li>')
                         .insertBefore(domNode).data('adm-node', parentNode);
             }
-            this._renderPageNode(domNode, data);
+            this._renderSpecialNode(domNode, data);
         },
         _nodeSelected: function (treeModelNode, data) {
             this.options.model.setSelected(data.getUid());