wip

Author: duncanmcclean

resources/js/components/Fieldtypes/CustomerFieldtypeIndex.vue

@@ -0,0 +1,41 @@
+<template>
+    <div>
+<!--        <div class="flex flex-wrap">-->
+<!--            <div-->
+<!--                v-for="(item, i) in items"-->
+<!--                :key="item.id"-->
+<!--                class="relationship-index-field-item h-5"-->
+<!--                :class="{ 'mb-1.5': i < items.length-1 }"-->
+<!--            >-->
+<!--                <div class="flex items-center shrink">-->
+<!--                    <div v-if="item.hasOwnProperty('published') && item.published !== null"-->
+<!--                         class="little-dot h-1 w-1 rtl:ml-1 ltr:mr-1" :class="[item.published ? 'bg-green-600' : 'bg-gray-400 dark:bg-dark-200']" />-->
+<!--                    <a :href="item.edit_url" :title="item.title" v-text="item.title" />-->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--        <button v-if="hasMore && ! showingAll" @click.stop="showAll" class="mt-1 text-blue text-2xs" v-text="__('messages.view_more_count', {count: value.length - 2})" />-->
+<!--        <button v-if="showingAll" @click.stop="hideExtra" class="mt-1 text-blue text-2xs" v-text="__('Hide')" />-->
+
+        <div class="flex items-center">
+            <div class="flex-1">
+                <div class="truncate">
+                    <a v-if="value.type === 'user' && value.viewable" :href="value.edit_url" class="truncate v-popper--has-tooltip">
+                        {{ value.name }}
+                    </a>
+                    <div v-else-if="value.type === 'guest'" class="truncate v-popper--has-tooltip">
+                        {{ value.name }}
+                        <div class="status-index-field select-none status-draft ml-2">Guest</div>
+                    </div>
+                    <div v-else v-text="value.name" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    mixins: [IndexFieldtype],
+}
+</script>

resources/js/components/Inputs/RegionSelector.vue

@@ -3,6 +3,7 @@ import OrderReceiptFieldtype from './components/Fieldtypes/OrderReceiptFieldtype
 import MoneyFieldtype from './components/Fieldtypes/MoneyFieldtype.vue'
 import ProductVariantsFieldtype from './components/Fieldtypes/ProductVariants/ProductVariantsFieldtype.vue'
 import CustomerFieldtype from './components/Fieldtypes/CustomerFieldtype.vue'
+import CustomerFieldtypeIndex from './components/Fieldtypes/CustomerFieldtypeIndex.vue'
 
 Statamic.$components.register('order_receipt-fieldtype', OrderReceiptFieldtype)
 Statamic.$components.register('money-fieldtype', MoneyFieldtype)
@@ -11,10 +12,7 @@ Statamic.$components.register(
     ProductVariantsFieldtype
 )
 Statamic.$components.register('customer-fieldtype', CustomerFieldtype)
-
-// Inputs
-import RegionSelector from './components/Inputs/RegionSelector.vue'
-Statamic.$components.register('region-selector', RegionSelector)
+Statamic.$components.register('customer-fieldtype-index', CustomerFieldtypeIndex)
 
 // Listings
 import CouponListing from './components/Listings/CouponListing.vue'

resources/js/cp.js

@@ -3,7 +3,6 @@
 namespace DuncanMcClean\SimpleCommerce\Fieldtypes;
 
 use DuncanMcClean\SimpleCommerce\Customers\GuestCustomer;
-use Statamic\Facades\Blueprint;
 use Statamic\Facades\User;
 use Statamic\Fields\Field;
 use Statamic\Fields\Fieldtype;
@@ -56,4 +55,18 @@ public function preProcess($data)
             'edit_url' => $data->editUrl(),
         ];
     }
+
+    public function preProcessIndex($data)
+    {
+        return $this->preProcess($data);
+    }
+
+    public function augment($value)
+    {
+        if (! $value) {
+            return;
+        }
+
+        return $value;
+    }
 }

src/Fieldtypes/CustomerFieldtype.php

@@ -33,15 +33,4 @@ private function commonKeys(): array
     }
 
     // todo: status
-
-    public function customer()
-    {
-        $customer = $this->data->customer();
-
-        if ($customer instanceof GuestCustomer) {
-            return $customer->toArray();
-        }
-
-        return $customer?->toAugmentedCollection();
-    }
 }