From b91b549086a6d311cb2f253201d6dbaf7f2e78ea Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Mon, 16 May 2022 22:08:01 +0200
Subject: [PATCH] add calculation method table

---
 .../_compare/Compare.svelte                   | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/routes/posts/quick-comparison-of-s3/_compare/Compare.svelte b/src/routes/posts/quick-comparison-of-s3/_compare/Compare.svelte
index 2823abc..ffaaffe 100644
--- a/src/routes/posts/quick-comparison-of-s3/_compare/Compare.svelte
+++ b/src/routes/posts/quick-comparison-of-s3/_compare/Compare.svelte
@@ -111,7 +111,7 @@
 </p>
 
 <details>
-    <summary> Additional options </summary>
+    <summary> Additional options and details </summary>
     
     <label for="egress">Average file size</label>
     <small>It does account file count into the pricing maths, defaults to 1 file downloaded = GetObject op. I think that the ops pricing is just anti-spam measure.</small>
@@ -121,6 +121,23 @@
             <input name="storage" id="egress" type="number" min="1" max="1000" step="1" bind:value={averageSize}>
         </div>
     </div>
+
+    <table>
+        <thead>
+            <th>Service</th>
+            <th>Calculation method</th>
+            <th>Result</th>
+        </thead>
+        <tbody>
+            {#each data as service}
+                <tr>
+                    <td><a href="#{service.link}">{service.name}</a></td>
+                    <td><code>{service.price.toString().substring(service.price.toString().indexOf("=>") + 3)}</code></td>
+                    <td>{Math.floor(service.price({ egress, fileCount, storage }))}</td>
+                </tr>
+            {/each}
+        </tbody>
+    </table>
 </details>
 
 <style>