From e126169a977d96f00fd3712e417d433dba8e8142 Mon Sep 17 00:00:00 2001
From: Artem Poltorzhitskiy <aopoltorzhicky@gmail.com>
Date: Thu, 7 Jul 2022 15:42:05 +0300
Subject: [PATCH] Feature: repeat operation (#435)

* Feature: repeat operation

* Fixes
---
 src/api/bcd.js                                | 19 +++++++++--
 src/components/InternalOperation.vue          | 32 +++++++++++++++++++
 src/components/schema/Schema.vue              |  6 ++++
 .../schema/schemaForm/SchemaForm.vue          |  1 -
 src/views/contract/InteractTab.vue            | 28 +++++++++++++++-
 5 files changed, 82 insertions(+), 4 deletions(-)

diff --git a/src/api/bcd.js b/src/api/bcd.js
index 5b6dd1cf..037bae6b 100644
--- a/src/api/bcd.js
+++ b/src/api/bcd.js
@@ -299,8 +299,23 @@ export class BetterCallApi {
       })
   }
 
-  getContractEntrypointSchema(network, address, entrypoint, fill_type = 'empty') {
-    return this.api.get(`/contract/${network}/${address}/entrypoints/schema?fill_type=${fill_type}&entrypoint=${entrypoint}`)
+  getContractEntrypointSchema(network, address, entrypoint, fill_type = 'empty', hash = undefined, counter = undefined) {
+    let params = {}
+    if (fill_type) {
+      params['fill_type'] = fill_type;
+    }
+    if (entrypoint) {
+      params['entrypoint'] = entrypoint;
+    }
+    if (hash) {
+      params['hash'] = hash;
+    }
+    if (counter) {
+      params['counter'] = counter;
+    }
+    return this.api.get(`/contract/${network}/${address}/entrypoints/schema`, {
+      params: params,
+    })
       .then((res) => {
         if (res.status !== 200) {
           throw new RequestFailedError(res);
diff --git a/src/components/InternalOperation.vue b/src/components/InternalOperation.vue
index 0e0051db..5e2838d2 100644
--- a/src/components/InternalOperation.vue
+++ b/src/components/InternalOperation.vue
@@ -17,6 +17,31 @@
         <InfoItem title="Storage limit" :subtitle="(data.storage_limit) || 0 | bytes" />
       </v-col>
       <v-col cols="2" v-if="address" class="py-0 d-flex justify-end align-center">
+        <v-tooltip top v-if="isReplayable">
+          <template v-slot:activator="{ on }">
+            <v-btn
+              v-on="on"
+              icon
+              target="_blank"
+              class="mr-2 text--secondary"
+              :to="{
+                name: 'interact',  
+                params: {
+                  network: data.network, 
+                  address: data.destination, 
+                  entrypoint: data.entrypoint,
+                },
+                query: {
+                  hash: data.hash,
+                  counter: data.counter
+                }
+              }"
+            >
+              <v-icon>mdi-repeat</v-icon>
+            </v-btn>
+          </template>
+          <span>Repeat operation group</span>
+        </v-tooltip>
         <v-tooltip top>
           <template v-slot:activator="{ on }">
             <v-btn v-on="on" icon class="mr-2 text--secondary" @click="showRaw = true">
@@ -352,6 +377,13 @@ export default {
       }
       return val;
     },
+    isReplayable() {
+      return !this.data.mempool && 
+        this.data.hash && 
+        this.data.destination && 
+        this.data.entrypoint && 
+        this.data.status === 'applied';
+    }
   },
   methods: {
     ...mapActions(["showClipboardOK", "showError"]),
diff --git a/src/components/schema/Schema.vue b/src/components/schema/Schema.vue
index 5eb77ec7..a50c1abf 100644
--- a/src/components/schema/Schema.vue
+++ b/src/components/schema/Schema.vue
@@ -687,6 +687,12 @@ export default {
     },
   },
   watch: {
+    value: {
+      deep: true,
+      handler: function(newValue) {
+        this.model = newValue;
+      }
+    },
     execution: function (newValue) {
       if (newValue) {
         this.injectedOpHash = null;
diff --git a/src/components/schema/schemaForm/SchemaForm.vue b/src/components/schema/schemaForm/SchemaForm.vue
index fd90d3f9..6fea2d67 100644
--- a/src/components/schema/schemaForm/SchemaForm.vue
+++ b/src/components/schema/schemaForm/SchemaForm.vue
@@ -193,7 +193,6 @@ name: "SchemaForm",
       if (value.length == 0) {
         return 'Nat field is required';
       }
-      console.log(value);
       let nat = parseInt(value);
       if (nat < 0) {
         return 'Nat must be positive';
diff --git a/src/views/contract/InteractTab.vue b/src/views/contract/InteractTab.vue
index 75f1c6e1..5f8d4e92 100644
--- a/src/views/contract/InteractTab.vue
+++ b/src/views/contract/InteractTab.vue
@@ -38,7 +38,7 @@
             :name="selectedItem.name"
             :network="network"
             :address="address"
-            :alias="contract.alias"
+            :alias="contract && contract.alias ? contract.alias : ''"
           />
           <div v-else></div>
         </v-skeleton-loader>
@@ -72,6 +72,7 @@
 <script>
 import { mapActions } from "vuex";
 import { applyStyles } from '@/utils/styles.js';
+import { isOperationHash } from '@/utils/tz.js';
 import Schema from "@/components/schema/Schema.vue";
 import TypeDef from "@/views/contract/TypeDef";
 
@@ -91,6 +92,8 @@ export default {
     selected: -1,
     model: {},
     contract: null,
+    hash: undefined,
+    counter: undefined
   }),
   computed: {
     isShareable() {
@@ -108,6 +111,9 @@ export default {
     },
   },
   created() {
+    this.hash = this.$route.query.hash;
+    this.counter = this.$route.query.counter;
+
     const entrypoint = this.$route.params.entrypoint || this.$route.query.entrypoint;
     this.api
       .getContract(this.network, this.address)
@@ -115,6 +121,26 @@ export default {
         this.contract = contract;
       });
     this.getEntrypoints(entrypoint);
+
+    if (this.$route.query.hash && isOperationHash(this.$route.query.hash) && this.$route.query.counter) {
+      this.api.
+        getContractEntrypointSchema(
+          this.network, 
+          this.address, 
+          entrypoint, 
+          'operation', 
+          this.$route.query.hash, 
+          this.$route.query.counter)
+        .then(res=> {
+          let withoutName = res.default_model[entrypoint];
+          if (typeof withoutName === 'object' && !Array.isArray(withoutName))
+            this.model = withoutName;
+          else this.model = res.default_model;
+        })
+        .catch(err => {
+          console.log(err)
+        })
+    }
   },
   destroyed() {
     this.$router.push({path: this.$route.path, query: { ...this.$route.query, entrypoint: undefined }})