Add Label to Detail View

davidpiesse · Sep 30, 2018 · 27e3f0b · 27e3f0b
1 parent d37bf9d
commit 27e3f0b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/DetailField.vue b/resources/js/components/DetailField.vue
@@ -5,7 +5,7 @@
                 class="inline-block rounded-full w-2 h-2 mr-1"
                 :class="{'bg-success': field.value, 'bg-danger': !field.value}"
             />
-            <span>{{ label }}</span>
+            <span v-if="label != null">{{ label }}</span>
         </p>
     </panel-item>
 </template>
@@ -15,8 +15,16 @@ export default {
     props: ['resource', 'resourceName', 'resourceId', 'field'],
 
     computed: {
+        trueLabel(){
+            return (this.field.true_label != undefined) ? this.field.true_label : null
+        },
+
+        falseLabel(){
+            return (this.field.false_label != undefined) ? this.field.false_label : null
+        },
+
         label() {
-            return this.field.value == true ? 'True' : 'False'
+            return this.field.value == true ? this.trueLabel : this.falseLabel
         },
     },
 }