瀏覽代碼

add country flag

Daniel Bohry 9 月之前
父節點
當前提交
10c629f0c9
共有 1 個文件被更改,包括 23 次插入5 次删除
  1. 23 5
      src/routes/portfolio/+page.svelte

+ 23 - 5
src/routes/portfolio/+page.svelte

@@ -231,10 +231,21 @@
 		fetchPortfolio();
 		fetchPortfolio();
 	}
 	}
 
 
-	function formatCode(input) {
-		return input.includes(':')
-			? input.split(':')[1]
-			: input;
+	function formatCode(code) {
+		return code.includes(':')
+			? code.split(':')[1]
+			: code;
+	}
+
+	function getFlag(code) {
+		const market = code.includes(':') ? code.split(':')[0].toUpperCase() : code.toUpperCase();
+
+		const country = {
+			FRA: 'de',
+			BVMF: 'br'
+		};
+
+		return country[market] || 'us';
 	}
 	}
 
 
 	function confirmDelete(code) {
 	function confirmDelete(code) {
@@ -364,7 +375,14 @@
 			{#each result as stock}
 			{#each result as stock}
 				<tr>
 				<tr>
 					<td class="code">
 					<td class="code">
-						<div class="col-code" title="{stock.code}">{formatCode(stock.code)}</div>
+						<div class="col-code" title="{stock.code}">
+							<img
+								src={`https://flagcdn.com/16x12/${getFlag(stock.code)}.png`}
+								alt="{getFlag(stock.code)} flag"
+								class="flag-icon"
+							/>
+							{formatCode(stock.code)}
+						</div>
 					</td>
 					</td>
 					<td class="name">{stock.name}</td>
 					<td class="name">{stock.name}</td>
 					<td class="qty-edit">
 					<td class="qty-edit">