Show URL for uplift steps

ogcincubator · Nov 4, 2024 · c77da33 · c77da33
1 parent 90a62f1
commit c77da33
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/bblock/SemanticUpliftStepContent.vue b/src/components/bblock/SemanticUpliftStepContent.vue
@@ -1,5 +1,10 @@
 <template>
   <div class="semantic-uplift-step-content">
+    <div class="ml-3">
+      <div v-if="url" class="d-flex align-center mb-2">
+        <copy-text-field url :text="url"></copy-text-field>
+      </div>
+    </div>
     <code-viewer
       v-if="code"
       :language="language"
@@ -19,9 +24,10 @@
 <script>
 import bblockService from "@/services/bblock.service";
 import CodeViewer from "@/components/CodeViewer.vue";
+import CopyTextField from "@/components/CopyTextField.vue";
 
 export default {
-  components: {CodeViewer},
+  components: {CopyTextField, CodeViewer},
   props: {
     bblock: {
       type: Object,
@@ -76,6 +82,9 @@ export default {
       }
       return 'text';
     },
+    url() {
+      return this.step.ref || null;
+    },
   },
 }
 </script>