From 3ab72a05c4b30fc46ac9780f924f0116491382e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=A2=E1=84=91=E1=85=B3=E1=86=AF=20=E1=84=82?=
 =?UTF-8?q?=E1=85=A9=E1=84=90=E1=85=B3=E1=84=87=E1=85=AE=E1=86=A8?=
 <jisangs@gmail.com>
Date: Thu, 6 Jun 2019 10:36:01 +0900
Subject: [PATCH] Add: setFirstPageIndex, setBgColor

---
 resources/image/ui/white_rect.png | Bin 0 -> 488 bytes
 src/game/ranking/ranking.js       |  46 +++++++++++++++++++++++++++---
 2 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 resources/image/ui/white_rect.png

diff --git a/resources/image/ui/white_rect.png b/resources/image/ui/white_rect.png
new file mode 100644
index 0000000000000000000000000000000000000000..1449afb0f10535afc143889b5fd20251ed8caea2
GIT binary patch
literal 488
zcmV<E0T=#>P)<h;3K|Lk000e1NJLTq00031000390ssI2kattw0004kX+uL$b5ch_
zAW20-HZeIiHZ3wPF#rH4k#&*JD@0Kg$3HWEj2Iyn78a9+6&j-^Hp)ywO`66igU!sF
zUuu55-Wy4_%65tp8^0F(1#FeIQbbBNHrB)jJ?G6#%_MV9_ukL_-g8d(o(tAcTFL13
zF34o_T5!tiSO_mVY%es5Tj;<OQFL`85b#seKJO(`>~_$sRXgrqYl+2m1uRX%<BF=~
zg{Ou6YkAe=9pNq|6^RL-2@hy;LE$@7kCyn=<YbAzP1Zs|A6VOk9my(=R<V-OGQ#q5
zoSF2hQofJ*5_>#5KPPLij2?7?OyR}B43qfqFwB_D9tLqUBs*&4yNda<<Rn*-S!ErK
z6_TXLGa%}!RFBJ=5IruQX5H-n-@fXJ5qGJ&-3txRhVkA9wr%(+7{=F;Vf-9J-4k49
zEBU!Y82u2vP|=(R(6$NZR~0R~3m03^{isH?NKvYjVNE39?G#$W(0K#ROQoKb&pCO3
z(1v`~HSFy}zr?pK{{kt4XUZ>EY`Opd010qNS#tmY3ljhU3ljkVnw%H_000b0L_t&t
enPd3>|33f){sR73@@ozN0000<MNUMnLSTZt)6vTS

literal 0
HcmV?d00001

diff --git a/src/game/ranking/ranking.js b/src/game/ranking/ranking.js
index 2b8536e..ab79b3c 100644
--- a/src/game/ranking/ranking.js
+++ b/src/game/ranking/ranking.js
@@ -2,6 +2,7 @@ var Ranking = {
 
 	preload: function() {
 		game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
+		game.load.image('bg_white', '../../../resources/image/ui/white_rect.png');
 	},
 
 	create: function() {
@@ -21,11 +22,19 @@ var Ranking = {
 
 		// bg
 		this.game.stage.backgroundColor = '#4d4d4d';
+		// this.bgWhite = game.add.sprite(0, 0, "bg_white");
+		// this.bgWhite.width = GAME_SCREEN_SIZE.x;
+		// this.bgWhite.height = GAME_SCREEN_SIZE.y;
+		// this.setBgColor();
 
 		var posY = 100;
-		var bg = game.add.graphics();
-		bg.beginFill(0x545454, 1);
-		bg.drawRect(0, 60, GAME_SCREEN_SIZE.x, 80);
+		// var bg = game.add.graphics();
+		// bg.beginFill(0x545454, 0.8);
+		// bg.drawRect(0, 60, GAME_SCREEN_SIZE.x, 80);
+		this.bgWhite = game.add.sprite(0, 60, "bg_white");
+		this.bgWhite.width = GAME_SCREEN_SIZE.x;
+		this.bgWhite.height = 80;
+		this.setBgColor();
 
 
 		// keyboard shortcut
@@ -283,20 +292,29 @@ var Ranking = {
 		this.textTitle.text = sessionStorageManager.getPlayingAppKoreanName() + " - 수업시간 순위";
 		this.textTitle.addColor("#ff6666", 0);
 		this.getRecordToRankingServer();
+
+		this.setFirstPageIndex();
+		this.setBgColor();
 	},
 
 	showRankingDay: function() {
 		this.timeType = Ranking.MODE_DAY;
 		this.textTitle.text = sessionStorageManager.getPlayingAppKoreanName() + " - 오늘의 순위";
 		this.textTitle.addColor("#9999ff", 0);
+
 		this.getRecordToRankingServer();
+		this.setFirstPageIndex();
+		this.setBgColor();
 	},
 
 	showRankingMonth: function() {
 		this.timeType = Ranking.MODE_MONTH;
 		this.textTitle.text = sessionStorageManager.getPlayingAppKoreanName() + " - 이달의 순위";
 		this.textTitle.addColor("#99ff99", 0);
+
 		this.getRecordToRankingServer();
+		this.setFirstPageIndex();
+		this.setBgColor();
 	},
 
 	showRanking: function(rankingRecordManager) {
@@ -344,7 +362,7 @@ var Ranking = {
 
 		// timezone changed (ex: 2pm -> 3pm)
 		if(this.showingPageIndex * 20 > this.recordArray.length)
-			this.showingPageIndex = 0;
+			this.setFirstPageIndex();
 
 		// prepare ranking list - top10 / top20
 		for(var i = 0; i < 10; i++) {
@@ -501,6 +519,26 @@ var Ranking = {
 			this.showingPageIndex++;
 		this.printRanking();
 	},
+
+	setFirstPageIndex: function() {
+		this.showingPageIndex = 0;
+	},
+
+	setBgColor: function() {
+		switch(this.timeType) {
+			case Ranking.MODE_HOUR:
+			this.bgWhite.tint = 0x5f4d4d;
+			break;
+
+			case Ranking.MODE_DAY:
+			this.bgWhite.tint = 0x4d4d5f;
+			break;
+
+			case Ranking.MODE_MONTH:
+			this.bgWhite.tint = 0x4d5f4d;
+			break;
+		}
+	},
 }
 
 Ranking.MODE_HOUR	= "mode_hour";