add nova

nova/resources/js/fields/Detail/BooleanGroupField.vue

@@ -0,0 +1,57 @@
+<template>
+  <PanelItem :index="index" :field="field">
+    <template #value>
+      <ul v-if="value.length > 0" class="space-y-2">
+        <li
+          v-for="option in value"
+          :class="classes[option.checked]"
+          class="flex items-center rounded-full font-bold text-sm leading-tight space-x-2"
+        >
+          <IconBoolean class="flex-none" :value="option.checked" />
+          <span>{{ option.label }}</span>
+        </li>
+      </ul>
+      <span v-else>{{ this.field.noValueText }}</span>
+    </template>
+  </PanelItem>
+</template>
+
+<script>
+import filter from 'lodash/filter'
+import map from 'lodash/map'
+
+export default {
+  props: ['index', 'resource', 'resourceName', 'resourceId', 'field'],
+
+  data: () => ({
+    value: [],
+    classes: {
+      true: 'text-green-500',
+      false: 'text-red-500',
+    },
+  }),
+
+  created() {
+    this.field.value = this.field.value || {}
+
+    this.value = filter(
+      map(this.field.options, o => {
+        return {
+          name: o.name,
+          label: o.label,
+          checked: this.field.value[o.name] || false,
+        }
+      }),
+      o => {
+        if (this.field.hideFalseValues === true && o.checked === false) {
+          return false
+        } else if (this.field.hideTrueValues === true && o.checked === true) {
+          return false
+        }
+
+        return true
+      }
+    )
+  },
+}
+</script>