From 3f1f6537763f94aefbda1304e0817a06a8e3a76e Mon Sep 17 00:00:00 2001
From: Vincent Pottier <vpo4dev@gmail.com>
Date: Thu, 6 Feb 2020 22:16:55 +0100
Subject: [PATCH] Add example of fillOpacity usage in tables

---
 dev-playground/public/samples/tables |  62 ++++++++++++++++++++++++++-
 examples/pdfs/tables.pdf             | Bin 49871 -> 53945 bytes
 examples/tables.js                   |  58 +++++++++++++++++++++++++
 3 files changed, 118 insertions(+), 2 deletions(-)

diff --git a/dev-playground/public/samples/tables b/dev-playground/public/samples/tables
index ae7ff965d..a88372282 100644
--- a/dev-playground/public/samples/tables
+++ b/dev-playground/public/samples/tables
@@ -275,8 +275,61 @@ content: [
 			]
 		},
 		layout: {
-			fillColor: function (i, node) {
-				return (i % 2 === 0) ? '#CCCCCC' : null;
+			fillColor: function (rowIndex, node, columnIndex) {
+				return (rowIndex % 2 === 0) ? '#CCCCCC' : null;
+			}
+		}
+	},
+	{text: 'handling fill color opacity...', margin: [0, 20, 0, 8]},
+	{text: '... just hardcoding values in the second row', margin: [0, 20, 0, 8]},
+	{
+		style: 'tableExample',
+		table: {
+			body: [
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				[
+					{text: 'Sample value 1',fillOpacity:0.15,fillColor:'blue'},
+					{text: 'Sample value 2',fillOpacity:0.60,fillColor:'blue'},
+					{text: 'Sample value 3',fillOpacity:0.85,fillColor:'blue'},
+				],
+				['Sample value 1', 'Sample value 2', 'Sample value 3']
+			]
+		},
+	},	
+	{text: '... using a custom styler and overriding it in the second row', margin: [0, 20, 0, 8]},
+	{
+		style: 'tableOpacityExample',
+		table: {
+			body: [
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				[
+					{text: 'Sample value 1',fillOpacity:0.15},
+					{text: 'Sample value 2',fillOpacity:0.60},
+					{text: 'Sample value 3',fillOpacity:0.85},
+				],
+				['Sample value 1', 'Sample value 2', 'Sample value 3']
+			]
+		},
+	},
+	{text: '... with a function (opacity at 0 means fully transparent, i.e no color)', margin: [0, 20, 0, 8]},
+	{
+		style: 'tableExample',
+		table: {
+			body: [
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				['Sample value 1', 'Sample value 2', 'Sample value 3'],
+			]
+		},
+		layout: {
+			fillColor: 'blue',
+			fillOpacity: function (rowIndex, node, columnIndex) {
+				return (rowIndex/8+columnIndex/3);
 			}
 		}
 	},
@@ -534,6 +587,11 @@ styles: {
 	tableExample: {
 		margin: [0, 5, 0, 15]
 	},
+	tableOpacityExample: {
+		margin: [0, 5, 0, 15],
+		fillColor: 'blue',
+		fillOpacity: 0.3
+	},
 	tableHeader: {
 		bold: true,
 		fontSize: 13,
diff --git a/examples/pdfs/tables.pdf b/examples/pdfs/tables.pdf
index 60693d8573d3f9af6962ff7d65c39f9547ceb4da..0351e5993a6a528748f8d5b1a476cb8489d2be5c 100644
GIT binary patch
delta 6484
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

delta 2894
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

diff --git a/examples/tables.js b/examples/tables.js
index d6899238e..dd0da6f94 100644
--- a/examples/tables.js
+++ b/examples/tables.js
@@ -295,6 +295,59 @@ var docDefinition = {
 				}
 			}
 		},
+		{ text: 'handling fill color opacity...', margin: [0, 20, 0, 8] },
+		{ text: '... just hardcoding values in the second row', margin: [0, 20, 0, 8] },
+		{
+			style: 'tableExample',
+			table: {
+				body: [
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					[
+						{text: 'Sample value 1',fillOpacity:0.15,fillColor:'blue'},
+						{text: 'Sample value 2',fillOpacity:0.60,fillColor:'blue'},
+						{text: 'Sample value 3',fillOpacity:0.85,fillColor:'blue'},
+					],
+					['Sample value 1', 'Sample value 2', 'Sample value 3']
+				]
+			},
+		},	
+		{ text: '... using a custom styler and overriding it in the second row', margin: [0, 20, 0, 8] },
+		{
+			style: 'tableOpacityExample',
+			table: {
+				body: [
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					[
+						{text: 'Sample value 1',fillOpacity:0.15},
+						{text: 'Sample value 2',fillOpacity:0.60},
+						{text: 'Sample value 3',fillOpacity:0.85},
+					],
+					['Sample value 1', 'Sample value 2', 'Sample value 3']
+				]
+			},
+		},
+		{ text: '... with a function (opacity at 0 means fully transparent, i.e no color)', margin: [0, 20, 0, 8] },
+		{
+			style: 'tableExample',
+			table: {
+				body: [
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+					['Sample value 1', 'Sample value 2', 'Sample value 3'],
+				]
+			},
+			layout: {
+				fillColor: 'blue',
+				fillOpacity: function (rowIndex, node, columnIndex) {
+					return (rowIndex/8+columnIndex/3);
+				}
+			}
+		},
 		{ text: 'and can be used dash border', margin: [0, 20, 0, 8] },
 		{
 			style: 'tableExample',
@@ -637,6 +690,11 @@ var docDefinition = {
 		tableExample: {
 			margin: [0, 5, 0, 15]
 		},
+		tableOpacityExample: {
+			margin: [0, 5, 0, 15],
+			fillColor: 'blue',
+			fillOpacity: 0.3
+		},
 		tableHeader: {
 			bold: true,
 			fontSize: 13,