Merge pull request #3803 from PopulateTools/1243-euro-field

Currency type

Author: ferblape

app/javascript/gobierto_plans/webapp/components/ProjectCustomFields.vue

@@ -36,6 +36,15 @@
             <CustomFieldImage :attributes="attributes" />
           </template>
 
+          <template v-else-if="currencyType">
+            <div
+              v-for="value in values"
+              :key="value"
+            >
+              {{ value | money }}
+            </div>
+          </template>
+
           <template v-else>
             <div
               v-for="value in values"
@@ -51,7 +60,7 @@
 </template>
 
 <script>
-import { translate } from "lib/vue/filters";
+import { translate, money } from "lib/vue/filters";
 import { FieldTypeMixin } from "../lib/mixins/field-type";
 import CustomFieldParagraph from "./CustomFieldParagraph.vue";
 import CustomFieldPluginRawIndicators from "./CustomFieldPluginRawIndicators.vue";
@@ -69,7 +78,8 @@ export default {
     CustomFieldImage
   },
   filters: {
-    translate
+    translate,
+    money
   },
   mixins: [FieldTypeMixin],
   props: {

app/javascript/gobierto_plans/webapp/lib/mixins/field-type.js

@@ -2,7 +2,8 @@ export const FieldTypeMixin = {
   data() {
     return {
       fieldType: null,
-      termDecorator: null
+      termDecorator: null,
+      unitType: null,
     };
   },
   computed: {
@@ -28,18 +29,23 @@ export const FieldTypeMixin = {
     },
     rawIndicatorsType() {
       return this.termDecorator === "raw_indicators";
-    }
+    },
+    currencyType() {
+      return this.fieldType === "numeric" && this.unitType === "currency";
+    },
   },
   created() {
     const {
       field_type,
       options: {
         configuration: {
-          plugin_configuration: { category_term_decorator } = {}
+          plugin_configuration: { category_term_decorator } = {},
+          unit_type
         } = {}
       } = {}
     } = this.attributes;
     this.fieldType = field_type;
     this.termDecorator = category_term_decorator;
+    this.unitType = unit_type;
   }
 };