From 34c43cc51159ad377283b7a3909b288ec713372b Mon Sep 17 00:00:00 2001
From: shunmugam <sundaram.blaze@gmail.com>
Date: Tue, 10 Sep 2019 12:47:01 +0530
Subject: [PATCH] Basic Template setup for commit_id View

---
 .../output-detail.component.html              | 43 ++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/src/app/view/output-view/output-detail/output-detail.component.html b/src/app/view/output-view/output-detail/output-detail.component.html
index ecc9320..b744afc 100644
--- a/src/app/view/output-view/output-detail/output-detail.component.html
+++ b/src/app/view/output-view/output-detail/output-detail.component.html
@@ -1 +1,42 @@
-<p>output-detail works!</p>
+<div class="view_content py-4">
+    <div *ngIf="hasdata" class="container">
+            <h3>&nbsp; Output Commit <span style="font-size:15px">08cbff0ef3aabd991dc817c388459ad1935fc88ce293e11544bbd24d20830b8983</span></h3>
+
+            <h5>Created at block <a href="/block/340776"> 340776</a> 
+                <span style="font-size:15px">(Confirmed count: 4)</span>
+            </h5>
+
+            <table class="table table-horizontal-bordered table-hover">
+                    <tbody><tr>
+                      <td>Created At </td>
+                      <td>{{ hashdata.BlockchainBlockFetchQuery.BlockReward }}</td>
+                    </tr>
+                    <tr>
+                      <td>Output Type</td>
+                      <td>{{ hashdata.BlockchainBlockFetchQuery.BlockReward }}</td>
+                    </tr>
+                    <tr>
+                      <td>Proof</td>
+                      <td>{{ hashdata.BlockchainBlockFetchQuery.BlockReward }}</td>
+                    </tr>
+                    <tr>
+                      <td>Proof hash</td>
+                      <td>{{ hashdata.BlockchainBlockFetchQuery.BlockReward }}</td>
+                    </tr>
+                    <tr>
+                      <td>Merkle Proof</td>
+                      <td>{{ hashdata.BlockchainBlockFetchQuery.BlockReward }}</td>
+                    </tr>
+                    <tr>
+                      <td>MMR Index</td>
+                      <td>{{ hashdata.BlockchainBlockFetchQuery.BlockReward }}</td>
+                    </tr>
+                </tbody>
+            </table>
+
+            <div class="alert alert-success" role="alert">
+                    The output commit was not spent.
+            </div>
+    
+    </div>
+</div>