From 72ff461b45f08ce92c7222d7834ddf0aa272f080 Mon Sep 17 00:00:00 2001
From: Matt Pass <matt@mattpass.com>
Date: Sat, 1 Dec 2012 14:35:03 +0000
Subject: [PATCH] Nesting tags now have BG chevrons

Slight adjust to make text in footer look in line
'cursor nest locaton' wording starts with lowercase c
BG gif added which contains start, middle and end chevron graphics
Now showing DIV containing BG for start, middle or end chunks between
next tag names
---
 images/nest-tag-bg.gif | Bin 0 -> 120 bytes
 index.php              |   2 +-
 lib/ice-coder.css      |   4 ++--
 lib/ice-coder.js       |   7 +++++--
 4 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 images/nest-tag-bg.gif

diff --git a/images/nest-tag-bg.gif b/images/nest-tag-bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..80fcaae4abbbe89710247b2c5f33495456a1c5ec
GIT binary patch
literal 120
zcmZ?wbhEHb6l0KMXkcV8Ha7nM|G(l-7DfgJMg|=QAOOiQF!{IeH;TXA736c?cSqLl
z@Z>LsQsR{h3xh;wR_a(xi=A`!y!NF9xhI#t&R*NJLE12V&EHA8RVN?x_ACu}{;Xrs
YqD4F21Zci#>^{FXRLXTeGb@8N0E!bYTL1t6

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index 523ac55..8561d03 100644
--- a/index.php
+++ b/index.php
@@ -160,7 +160,7 @@ window.onbeforeunload = function() {
 
 <div class="footer" id="footer" onContextMenu="return false">
 	<div class="nesting" id="nestValid">Nesting OK</div>
-	<div class="nestLoc">Cursor nest location</div>
+	<div class="nestLoc">cursor nest location</div>
 	<div class="nestDisplay" id="nestDisplay"></div>
 	<div class="charDisplay" id="charDisplay"><span id="char"></span></div>
 </div>
diff --git a/lib/ice-coder.css b/lib/ice-coder.css
index 24ac624..60a0477 100644
--- a/lib/ice-coder.css
+++ b/lib/ice-coder.css
@@ -127,8 +127,8 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
 
 .footer {position: fixed; display: inline-block; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.7); left: 0; z-index: 2}
 .footer .nesting {display: inline-block; padding: 5px 8px; margin: 4px 0 0 15px; font-weight: bold; font-size: 10px; color: #fff; background-color: #0b0}
-.footer .nestLoc {position: absolute; display: inline-block; width: 120px; padding: 5px 0 0 8px; margin-top: 3px; left: 112px; font-weight: bold; font-size: 12px; color: #fff; text-align: right}
-.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; left: 255px; font-size: 12px; color: #fff; text-align: right}
+.footer .nestLoc {position: absolute; display: inline-block; width: 120px; padding: 5px 0 0 8px; margin-top: 2px; left: 112px; font-weight: bold; font-size: 12px; color: #fff; text-align: right}
+.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 0px; left: 255px; font-size: 12px; color: #fff; text-align: right}
 .footer .charDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; left: 100%; font-weight: bold; font-size: 12px; color: #fff; text-align: right; width: 200px; text-align: right; margin-left: -220px}
 
 .textbox {box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.4)}
diff --git a/lib/ice-coder.js b/lib/ice-coder.js
index 9b05aac..1957250 100644
--- a/lib/ice-coder.js
+++ b/lib/ice-coder.js
@@ -951,8 +951,11 @@ var ICEcoder = {
 
 					// Then for all the array items, output as the nest display
 					for (var i=0;i<ICEcoder.htmlTagArray.length;i++) {
-						ICEcoder.nestDisplay.innerHTML += '<a onMouseover="top.ICEcoder.highlightBlock('+i+')" onMouseout="top.ICEcoder.highlightBlock('+i+',\'hide\')" onClick="top.ICEcoder.setPosition('+i+',top.ICEcoder.startPosLine,\''+ICEcoder.htmlTagArray[i]+'\')" style="cursor: pointer">'+ICEcoder.htmlTagArray[i]+'</a>';
-						if(i<ICEcoder.htmlTagArray.length-1) {ICEcoder.nestDisplay.innerHTML += " &gt; "};
+						if (i==0) {ICEcoder.nestDisplay.innerHTML += '<div style="display: inline-block; width: 7px; margin-top: -5px; height: 30px; background-image: url(images/nest-tag-bg.gif)"></div>'};
+						ICEcoder.nestDisplay.innerHTML += '<a onMouseover="top.ICEcoder.highlightBlock('+i+')" onMouseout="top.ICEcoder.highlightBlock('+i+',\'hide\')" onClick="top.ICEcoder.setPosition('+i+',top.ICEcoder.startPosLine,\''+ICEcoder.htmlTagArray[i]+'\')" style="display: inline-block; cursor: pointer; background: #333; padding: 7px 2px 7px 7px; margin-top: -5px; height: 30px">'+ICEcoder.htmlTagArray[i]+'</a>';
+						ICEcoder.nestDisplay.innerHTML += i<ICEcoder.htmlTagArray.length-1
+						? '<div style="display: inline-block; width: 8px; margin-top: -5px; height: 30px; background-image: url(images/nest-tag-bg.gif); background-position: -7px 0"></div>'
+						: '<div style="display: inline-block; width: 7px; margin-top: -5px; height: 30px; background-image: url(images/nest-tag-bg.gif); background-position: -15px 0"></div>';
 					}
 				}
 			}