From 54b9035eb20753dbe22830262db3e6ba674e8958 Mon Sep 17 00:00:00 2001
From: Haben Amare <haben.amare@outlook.com>
Date: Mon, 25 May 2020 15:59:43 +0000
Subject: add 'cardCustomField-currency' template

---
 client/components/cards/cardCustomFields.jade | 17 +++++++++++++++++
 client/components/cards/cardCustomFields.js   | 25 +++++++++++++++++++++++++
 2 files changed, 42 insertions(+)

(limited to 'client')

diff --git a/client/components/cards/cardCustomFields.jade b/client/components/cards/cardCustomFields.jade
index 0a4d26e5..c0e14d08 100644
--- a/client/components/cards/cardCustomFields.jade
+++ b/client/components/cards/cardCustomFields.jade
@@ -53,6 +53,23 @@ template(name="cardCustomField-number")
         if value
             = value
 
+template(name="cardCustomField-currency")
+    if canModifyCard
+        +inlinedForm(classNames="js-card-customfield-currency")
+            input(type="text" value=data.value)
+            .edit-controls.clearfix
+                button.primary(type="submit") {{_ 'save'}}
+                a.fa.fa-times-thin.js-close-inlined-form
+        else
+            a.js-open-inlined-form
+                if value
+                    = formattedValue
+                else
+                    | {{_ 'edit'}}
+    else
+        if value
+            = formattedValue
+
 template(name="cardCustomField-date")
     if canModifyCard
         a.js-edit-date(title="{{showTitle}}" class="{{classes}}")
diff --git a/client/components/cards/cardCustomFields.js b/client/components/cards/cardCustomFields.js
index d0b9c72d..737c5454 100644
--- a/client/components/cards/cardCustomFields.js
+++ b/client/components/cards/cardCustomFields.js
@@ -80,6 +80,31 @@ CardCustomField.register('cardCustomField');
   }
 }.register('cardCustomField-number'));
 
+// cardCustomField-currency
+(class extends CardCustomField {
+  onCreated() {
+    super.onCreated();
+
+    this.currencySymbol = this.data().definition.settings.currencySymbol;
+  }
+
+  formattedValue() {
+    return `${this.currencySymbol}${this.data().value}`;
+  }
+
+  events() {
+    return [
+      {
+        'submit .js-card-customfield-currency'(event) {
+          event.preventDefault();
+          const value = Number(this.find('input').value, 10);
+          this.card.setCustomField(this.customFieldId, value);
+        },
+      },
+    ];
+  }
+}.register('cardCustomField-currency'));
+
 // cardCustomField-date
 (class extends CardCustomField {
   onCreated() {
-- 
cgit v1.2.3-1-g7c22