incr: add feature flag for custom fields

- also add page and sidebar item

models/baseModels/AccountingSettings/AccountingSettings.ts

@@ -15,6 +15,7 @@ export class AccountingSettings extends Doc {
   enableDiscounting?: boolean;
   enableInventory?: boolean;
   enablePriceList?: boolean;
+  enableFormCustomization?: boolean;
 
   static filters: FiltersMap = {
     writeOffAccount: () => ({

schemas/app/AccountingSettings.json

@@ -86,6 +86,13 @@
       "default": false,
       "section": "Features"
     },
+    {
+      "fieldname": "enableFormCustomization",
+      "label": "Enable Form Customization",
+      "fieldtype": "Check",
+      "default": false,
+      "section": "Features"
+    },
     {
       "fieldname": "fiscalYearStart",
       "label": "Fiscal Year Start Date",

src/pages/CustomizeForm/CustomizeForm.vue

@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <PageHeader :title="t`Customize Form`">
+      <DropdownWithActions :actions="[]" :disabled="false" :title="t`More`" />
+      <Button :title="t`Save Customizations`" type="primary">
+        {{ t`Save` }}
+      </Button>
+    </PageHeader>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+import DropdownWithActions from 'src/components/DropdownWithActions.vue';
+import Button from 'src/components/Button.vue';
+import PageHeader from 'src/components/PageHeader.vue';
+
+export default defineComponent({
+  components: { PageHeader, Button, DropdownWithActions },
+});
+</script>

src/router.ts

@@ -10,6 +10,7 @@ import QuickEditForm from 'src/pages/QuickEditForm.vue';
 import Report from 'src/pages/Report.vue';
 import Settings from 'src/pages/Settings/Settings.vue';
 import TemplateBuilder from 'src/pages/TemplateBuilder/TemplateBuilder.vue';
+import CustomizeForm from 'src/pages/CustomizeForm/CustomizeForm.vue';
 import type { HistoryState } from 'vue-router';
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
 import { historyState } from './utils/refs';
@@ -106,6 +107,11 @@ const routes: RouteRecordRaw[] = [
     component: TemplateBuilder,
     props: true,
   },
+  {
+    path: '/customize-form',
+    name: 'Customize Form',
+    component: CustomizeForm,
+  },
   {
     path: '/settings',
     name: 'Settings',

src/utils/sidebarConfig.ts

@@ -284,6 +284,13 @@ function getCompleteSidebar(): SidebarConfig {
           name: 'print-template',
           route: `/list/PrintTemplate/${t`Print Templates`}`,
         },
+        {
+          label: t`Customize Form`,
+          name: 'customize-form',
+          route: `/customize-form`,
+          hidden: () =>
+            !fyo.singles.AccountingSettings?.enableFormCustomization,
+        },
         {
           label: t`Settings`,
           name: 'settings',