Trello custom field import basically working

client/components/cards/cardCustomFields.jade

@@ -55,13 +55,21 @@ template(name="cardCustomField-number")
 template(name="cardCustomField-checkbox")
   if canModifyCard
     +inlinedForm(classNames="js-card-customfield-checkbox")
-      input(type="checkbox" value=data.value)
+      input.materialCheckBox(type="checkbox" checked=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.checkbox-display
+        if value
+          i.fa.fa-check-square
+        else
+          i.fa.fa-square
   else
     if value
-      = value
+      i.fa.fa-check-square
+    else
+      i.fa.fa-square
 
 template(name="cardCustomField-currency")
     if canModifyCard

client/components/cards/cardCustomFields.js

@@ -78,7 +78,7 @@ CardCustomField.register('cardCustomField');
       },
     ];
   }
-}.register('cardCustomField-checkbox'));
+}.register('cardCustomField-number'));
 
 // cardCustomField-checkbox
 (class extends CardCustomField {
@@ -86,12 +86,16 @@ CardCustomField.register('cardCustomField');
     super.onCreated();
   }
 
+  isNull() {
+    return !this.data().value;
+  }
+
   events() {
     return [
       {
         'submit .js-card-customfield-checkbox'(event) {
           event.preventDefault();
-          const value = this.find('input').value !== '';
+          const value = this.find('input').checked;
           this.card.setCustomField(this.customFieldId, value);
         },
       },

client/components/cards/minicard.jade

@@ -77,6 +77,8 @@ template(name="minicard")
                 if $eq definition.type "currency"
                   +viewer
                     = formattedCurrencyCustomFieldValue(definition)
+                else if $eq definition.type "checkbox"
+                  i.fa.fa-check-square
                 else
                   +viewer
                     = trueValue

client/components/forms/forms.styl

@@ -242,11 +242,11 @@ textarea
     margin: 3px 4px
 
 // Material Design checkboxes
-[type="checkbox"]:not(:checked),
-[type="checkbox"]:checked
-  position: absolute
-  left: -9999px
-  visibility: hidden
+//[type="checkbox"]:not(:checked),
+//[type="checkbox"]:checked
+//  position: absolute
+//  left: -9999px
+//  visibility: hidden
 
 .materialCheckBox
   position: relative