feat: custom fields on adding new customer

desk/src/components/UniInput.vue

@@ -2,7 +2,10 @@
   <div class="space-y-1.5">
     <span class="block text-sm text-gray-700">
       {{ field.label }}
-      <span v-if="field.required" class="place-self-center text-red-500">
+      <span
+        v-if="field.required || field.reqd"
+        class="place-self-center text-red-500"
+      >
         *
       </span>
     </span>

desk/src/components/desk/global/NewCustomerDialog.vue

@@ -1,24 +1,38 @@
 <template>
   <div>
-    <Dialog v-model="open" :options="{ title: 'Add New Customer', size: 'sm' }">
+    <FDialog
+      v-model="open"
+      :options="{ title: 'Add New Customer', size: 'sm' }"
+    >
       <template #body-content>
         <div class="space-y-4">
           <div class="space-y-1">
-            <Input
+            <FInput
               v-model="customer"
               label="Customer Name"
               type="text"
               placeholder="Tesla Inc."
             />
           </div>
           <div class="space-y-1">
-            <Input
+            <FInput
               v-model="domain"
               label="Domain"
               type="text"
               placeholder="eg: tesla.com, mycompany.com"
             />
           </div>
+          <div
+            v-for="field in visibleFields"
+            :key="field.fieldname"
+            class="space-y-1"
+          >
+            <UniInput
+              :field="field"
+              :value="customerFields[field.fieldname]"
+              @change="customerFields[field.fieldname] = $event.value"
+            />
+          </div>
           <div class="float-right flex space-x-2">
             <Button
               label="Add"
@@ -35,18 +49,27 @@
           </div>
         </div>
       </template>
-    </Dialog>
+    </FDialog>
   </div>
 </template>
 
 <script>
-import { Input, Dialog, ErrorMessage } from "frappe-ui";
-import { computed, ref, inject } from "vue";
+import { Input as FInput, Dialog as FDialog, createResource } from "frappe-ui";
+// To avoid vue/no-reserved-component-names
+import { computed, reactive } from "vue";
+import { UniInput } from "@/components";
+
+const custom_fields = createResource({
+  url: "helpdesk.helpdesk.doctype.hd_customer.api.get_customer_fields",
+  auto: true,
+});
+
 export default {
   name: "NewCustomerDialog",
   components: {
-    Dialog,
-    Input,
+    FDialog,
+    FInput,
+    UniInput,
   },
   props: {
     modelValue: {
@@ -72,13 +95,20 @@ export default {
     return {
       customer: "",
       domain: "",
+      customerFields: reactive({}),
     };
   },
+  computed: {
+    visibleFields() {
+      return custom_fields.data || [];
+    },
+  },
   methods: {
     addCustomer() {
       const inputParams = {
         customer_name: this.customer,
         domain: this.domain,
+        ...this.customerFields,
       };
       this.$resources.newCustomer.submit({
         doc: {
@@ -90,14 +120,15 @@ export default {
     close() {
       this.customer = "";
       this.domain = "";
+      this.customerFields = reactive({});
       this.$emit("close");
     },
   },
   resources: {
     newCustomer() {
       return {
         url: "frappe.client.insert",
-        onSuccess: (doc) => {
+        onSuccess: () => {
           this.$router.push(`/customers`);
         },
       };

helpdesk/helpdesk/doctype/hd_customer/api.py

@@ -0,0 +1,11 @@
+# Copyright (c) 2023, Frappe Technologies and contributors
+# For license information, please see license.txt
+
+import frappe
+
+
+@frappe.whitelist()
+def get_customer_fields():
+	"""Return customer fields"""
+	meta = frappe.get_meta("HD Customer")
+	return meta.get("fields", {"reqd": 1, "fieldname": ["not in", ["customer", "domain"]]})