From 81124cde7b1838248c41f8fbfce83db9e935e5b4 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Tue, 10 May 2022 15:30:28 +1000
Subject: Add multiple header-color thresholds

Also add tips count in info modal
---
 src/components/Tile.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'src/components/Tile.vue')

diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index 418c931..08f3c9b 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -122,17 +122,22 @@ export default defineComponent({
 			};
 		},
 		leafHeaderStyles(): Record<string,string> {
+			let numChildren = this.tolNode.children.length;
+			let headerColor = this.uiOpts.headerColor;
+			for (let [threshold, color] of this.uiOpts.tipThresholds){
+				if (numChildren >= threshold){
+					headerColor = color;
+				} else {
+					break;
+				}
+			}
 			return {
 				height: (this.uiOpts.leafHeaderFontSz + this.uiOpts.leafTilePadding * 2) + 'px',
 				padding: this.uiOpts.leafTilePadding + 'px',
 				lineHeight: this.uiOpts.leafHeaderFontSz + 'px',
 				fontSize: this.uiOpts.leafHeaderFontSz + 'px',
 				fontStyle: this.tolNode.pSupport ? 'normal' : 'italic',
-				color: this.tolNode.children.length == 0 ?
-					this.uiOpts.headerColor :
-					this.tolNode.children.length < this.uiOpts.highTipsVal ?
-						this.uiOpts.headerColor2 :
-						this.uiOpts.headerColor3,
+				color: headerColor,
 				// For ellipsis
 				overflow: 'hidden',
 				textOverflow: 'ellipsis',
-- 
cgit v1.2.3

