From 3d90f9639d400c0266908ecc40132eb3dce372b2 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <gamedev@alamantus.com>
Date: Wed, 13 Apr 2016 17:32:56 -0600
Subject: [PATCH] Added arrows to indicate when there are multiple pages to
 look through.

---
 gui/tradeGUI.js             |  10 ++++++++++
 images/arrows.png           | Bin 0 -> 159 bytes
 images/sources/arrows.pyxel | Bin 0 -> 870 bytes
 loadGUIs.js                 |   5 +++++
 4 files changed, 15 insertions(+)
 create mode 100644 images/arrows.png
 create mode 100644 images/sources/arrows.pyxel

diff --git a/gui/tradeGUI.js b/gui/tradeGUI.js
index ed02ec4..d38cd73 100644
--- a/gui/tradeGUI.js
+++ b/gui/tradeGUI.js
@@ -147,6 +147,11 @@ function drawTradeGUI() {
 				guiControl.drawItem(items[guiControl.trade.page], guiControl.trade.leftBorder, guiControl.trade.rowTop(1) - pixel(5));
 				guiControl.drawPixelText(itemPriceDisplay, guiControl.trade.leftBorder + pixel(guiControl.iconSize + 4), guiControl.trade.rowTop(1) - pixel(5) + pixel(), 8, "black", 6);
 
+				if (items.length > 1) {
+					guiControl.drawPageArrow("left", guiControl.trade.padding, guiControl.trade.rowTop(1) - pixel(5));
+					guiControl.drawPageArrow("right", OS.camera.width - pixel(4) - guiControl.trade.padding, guiControl.trade.rowTop(1) - pixel(5));
+				}
+
 				// Amounts
 				guiControl.drawPixelText("Shop" + guiControl.trade.island.inventory[items[guiControl.trade.page]].toString(), OS.camera.width - pixel(20), guiControl.trade.rowTop(2) - pixel(6) + pixel(), 4, "black", 4);
 				guiControl.drawPixelText("Own " + G.inventory.cargo[items[guiControl.trade.page]].toString(), OS.camera.width - pixel(20), guiControl.trade.rowTop(3) - pixel(6) + pixel(), 4, (G.inventory.cargo[items[guiControl.trade.page]] < G.stats.hold) ? "black" : "yellow", 4);
@@ -241,6 +246,11 @@ function drawTradeGUI() {
 				guiControl.drawItem(items[guiControl.trade.page], guiControl.trade.leftBorder, guiControl.trade.rowTop(1) - pixel(5));
 				guiControl.drawPixelText(itemPriceDisplay, guiControl.trade.leftBorder + pixel(guiControl.iconSize + 4), guiControl.trade.rowTop(1) - pixel(5) + pixel(), 8, "black", 6);
 
+				if (items.length > 1) {
+					guiControl.drawPageArrow("left", guiControl.trade.padding, guiControl.trade.rowTop(1) - pixel(5));
+					guiControl.drawPageArrow("right", OS.camera.width - pixel(4) - guiControl.trade.padding, guiControl.trade.rowTop(1) - pixel(5));
+				}
+
 				// Amounts
 				guiControl.drawPixelText("Shop" + guiControl.trade.island.inventory[items[guiControl.trade.page]].toString(), OS.camera.width - pixel(20), guiControl.trade.rowTop(2) - pixel(6) + pixel(), 4, "black", 4);
 				guiControl.drawPixelText("Own " + G.inventory.cargo[items[guiControl.trade.page]].toString(), OS.camera.width - pixel(20), guiControl.trade.rowTop(3) - pixel(6) + pixel(), 4, (G.inventory.cargo[items[guiControl.trade.page]] > 0) ? "black" : "yellow", 4);
diff --git a/images/arrows.png b/images/arrows.png
new file mode 100644
index 0000000000000000000000000000000000000000..1340a48617c77124be9af7357bff6a5749863a28
GIT binary patch
literal 159
zcmeAS@N?(olHy`uVBq!ia0vp^3P3Ew!3HE54((L}l4+hUjv*Dd-d@|t%b>`^?BIXs
zpK5ZzUoU=DuaALG{4ZHdlJ5E;#o|yf&+y)Qg=!WJ_KMb*3XG>1%MLQFXmMnk!hD0t
zjOh#Wn={1~?YbL&--%Xmus*=->b$>=X$$kB1z+MfGSoAhS;{TeQ_t|+1G3oD)z4*}
HQ$iB}$i6hm

literal 0
HcmV?d00001

diff --git a/images/sources/arrows.pyxel b/images/sources/arrows.pyxel
new file mode 100644
index 0000000000000000000000000000000000000000..ee059c44e62cc16a57a5d0a8e5b32ae9df9c7695
GIT binary patch
literal 870
zcmWIWW@Zs#VBp|jIMCJW@lag8s)3P#;X5+}0}lfOLrQ+KOJYf)URH5_UhZVy{AL55
zw)cNUHJ-0jl6SaKI$d_xX_L(74s#ksoLDn=uY6S>-{7#R>|w*7BOkM^&y`MBSt0gJ
z$L-6Un7L1Lbn6m0wkc<(SZuzO@FZIQU}DOzg~C#{t+}_eD%efkcew7!T*~rzg-}&X
z#^H`UzS0>jlTG?mzibrD>ra{4zWwL>$4bSo__BB1*zEa#^VDsHJ(Xo2&H8KN7XHmz
z)7;vAmaQx<@tgF)wr79DW47K`2+wF2Zh2z2>~r}}+ZX4Q-u=14vd@$Ia@nD6dpUbu
z+!r2<;&^#w?>qVTT$)qQWoN4%;*JYDkaBS8oP7;1n-tHAu4hW)Uf1ws3fmmr8B@2Y
zO)TG+aInbD<3MYF?8ixu8g?Fjw&W|@sp^Ky>`n3=`W~Ws$2G*?XbWv&3v#(L{fLDA
z#*Q89J2j3;y4(?O)xO@eLL+8P?s=|rO6SD=HY#X+)34R;T;sUV-gxghEw%5(Gg}W<
zMe5I6a{I`d_Z~dX^^)m^C1v@C&t7P`Y<u_dl*M=7iU**?l$4g1Lq0Hu3W1mlh;tGv
zQ;Q7r3i8rl^L!|N{&do#q=bYAU%wP^GF_5!ICJhGn~JY;<)elvt;@TUJ&vw@!ot4n
zx&ORB*=7l5$unwFMBBX_gO!zECths5$34kh=TUEfq4k1EGY-fE9mshW`KU^%^I`J(
zsS6Jun$_)KEMXJ-H|Cn9stF?ls<U>_Uw+me=p0ud<^<xB%$!sluF`?H>TB@*7=|F5
zd3t?{qT444tFSceDPnWG*Y>5}L9BWC>iMUwmba(@ZDC{*VZfbGfmR^_<YbGk6FuM%
m+ExJ*J|Y;=^`ZL=q0f;C$)5q<tZX1DW*}S%q?ZFF85jVYtWR_R

literal 0
HcmV?d00001

diff --git a/loadGUIs.js b/loadGUIs.js
index 9a95189..2fbb744 100644
--- a/loadGUIs.js
+++ b/loadGUIs.js
@@ -29,12 +29,17 @@ var guiControl = {
 	},
 	drawCursor: function (xPosition, yPosition) {
 		OS.context.drawImage(guiControl.cursor, xPosition, yPosition);
+	},
+	drawPageArrow: function (direction, xPosition, yPosition) {
+		OS.context.drawImage(guiControl.arrows, (direction == "left") ? 0 : pixel(4), 0, pixel(4), pixel(7), xPosition, yPosition, pixel(4), pixel(7));
 	}
 }
 guiControl.background = new Image();
 guiControl.background.src = "images/guiBackground.png";
 guiControl.cursor = new Image();
 guiControl.cursor.src = "images/guiCursor.png";
+guiControl.arrows = new Image();
+guiControl.arrows.src = "images/arrows.png";
 
 guiControl.itemSheet = new Image();
 guiControl.itemSheet.src = "images/items_sheet.png";