From 0ea3f7a9753bdce31d288da8b0685157fed8fba1 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Fri, 29 Jan 2021 13:04:53 +0200
Subject: [PATCH] Migrated fields to embedded property calculations

---
 .../computation/EmbedInlineComputations.vue   | 52 +++++++++++++++++++
 .../components/features/FeatureCard.vue       |  8 +--
 2 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 app/imports/ui/components/computation/EmbedInlineComputations.vue

diff --git a/app/imports/ui/components/computation/EmbedInlineComputations.vue b/app/imports/ui/components/computation/EmbedInlineComputations.vue
new file mode 100644
index 00000000..033f39bf
--- /dev/null
+++ b/app/imports/ui/components/computation/EmbedInlineComputations.vue
@@ -0,0 +1,52 @@
+<template lang="html">
+  <markdown-text
+    :markdown="computedValue"
+  />
+</template>
+
+<script>
+import MarkdownText from '/imports/ui/components/MarkdownText.vue';
+
+export default {
+  components: {
+    MarkdownText,
+  },
+  props: {
+    string: {
+      type: String,
+      default: '',
+    },
+    calculations: {
+      type: Array,
+      default(){
+        return [];
+      },
+    },
+  },
+  computed: {
+    computedValue(){
+      if (!this.string) return '';
+      let index = 0;
+      return this.string.replace(/\{([^{}]*)\}/g, () => {
+        let comp = this.calculations && this.calculations[index++];
+        return comp && comp.result;
+      });
+    }
+  }
+}
+</script>
+
+<style lang="css">
+  .computed {
+    display: inline-block;
+  }
+  .computed.symbols-are-errors .math-symbol {
+    color: red;
+  }
+  .computed.code {
+    font-family: monospace,monospace;
+  }
+  .computed .math-binary-operator {
+    margin: 0 6px;
+  }
+</style>
diff --git a/app/imports/ui/properties/components/features/FeatureCard.vue b/app/imports/ui/properties/components/features/FeatureCard.vue
index 933084bb..bc4fccdf 100644
--- a/app/imports/ui/properties/components/features/FeatureCard.vue
+++ b/app/imports/ui/properties/components/features/FeatureCard.vue
@@ -12,8 +12,8 @@
     </template>
     <v-card-text v-if="model.summary">
       <computed
-        embedded
-        :value="model.summary"
+        :string="model.summary"
+        :calculations="model.summaryCalculations"
       />
     </v-card-text>
   </toolbar-card>
@@ -21,12 +21,12 @@
 
 <script>
 	import ToolbarCard from '/imports/ui/components/ToolbarCard.vue';
-  import ComputedForCreature from '/imports/ui/components/computation/ComputedForCreature.vue';
+  import EmbedInlineComputations from '/imports/ui/components/computation/EmbedInlineComputations.vue';
 
 	export default {
 		components: {
 			ToolbarCard,
-      Computed: ComputedForCreature,
+      Computed: EmbedInlineComputations,
 		},
 		props: {
 			model: {