From 0177b959caabc477ba70f71dfe0c0a56eb048619 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 6 Feb 2024 18:05:43 +0530
Subject: [PATCH 1/4] fix: allow bulk editing from deals listview

---
 crm/api/doc.py                                |  25 +++
 .../components/ListViews/DealsListView.vue    |  33 +++-
 .../src/components/Modals/EditValueModal.vue  | 156 ++++++++++++++++++
 frontend/src/pages/Deals.vue                  |   1 +
 4 files changed, 212 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/components/Modals/EditValueModal.vue

diff --git a/crm/api/doc.py b/crm/api/doc.py
index e3c8acc4..61755d5a 100644
--- a/crm/api/doc.py
+++ b/crm/api/doc.py
@@ -341,3 +341,28 @@ def get_assigned_users(doctype, name):
 	)
 
 	return list(set(assigned_users))
+
+
+@frappe.whitelist()
+def get_fields(doctype: str):
+	not_allowed_fieldtypes = list(frappe.model.no_value_fields) + ["Read Only"]
+	fields = frappe.get_meta(doctype).fields
+
+	_fields = []
+
+	for field in fields:
+		if (
+			field.fieldtype not in not_allowed_fieldtypes
+			and not field.hidden
+			and not field.read_only
+			and not field.is_virtual
+			and field.fieldname
+		):
+			_fields.append({
+				"label": field.label,
+				"type": field.fieldtype,
+				"value": field.fieldname,
+				"options": field.options,
+			})
+
+	return _fields
\ No newline at end of file
diff --git a/frontend/src/components/ListViews/DealsListView.vue b/frontend/src/components/ListViews/DealsListView.vue
index 9d997421..076456ae 100644
--- a/frontend/src/components/ListViews/DealsListView.vue
+++ b/frontend/src/components/ListViews/DealsListView.vue
@@ -85,7 +85,15 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner />
+    <ListSelectBanner>
+      <template #actions="{ selections, unselectAll }">
+        <Button variant="subtle" label="Edit" @click="editValues(selections, unselectAll)">
+          <template #prefix>
+            <EditIcon class="h-3 w-3" />
+          </template>
+        </Button>
+      </template>
+    </ListSelectBanner>
   </ListView>
   <ListFooter
     v-if="pageLengthCount"
@@ -97,12 +105,21 @@
     }"
     @loadMore="emit('loadMore')"
   />
+  <EditValueModal
+    v-model="showEditModal"
+    v-model:unselectAll="unselectAllAction"
+    doctype="CRM Deal"
+    :selectedValues="selectedValues"
+    @reload="emit('reload')"
+  />
 </template>
 
 <script setup>
 import MultipleAvatar from '@/components/MultipleAvatar.vue'
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
+import EditIcon from '@/components/Icons/EditIcon.vue'
+import EditValueModal from '@/components/Modals/EditValueModal.vue'
 import {
   Avatar,
   ListView,
@@ -113,7 +130,7 @@ import {
   ListSelectBanner,
   ListFooter,
 } from 'frappe-ui'
-import { watch } from 'vue'
+import { ref, watch } from 'vue'
 
 const props = defineProps({
   rows: {
@@ -134,7 +151,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['loadMore', 'updatePageCount'])
+const emit = defineEmits(['loadMore', 'updatePageCount', 'reload'])
 
 const pageLengthCount = defineModel()
 
@@ -142,4 +159,14 @@ watch(pageLengthCount, (val, old_value) => {
   if (val === old_value) return
   emit('updatePageCount', val)
 })
+
+const showEditModal = ref(false)
+const selectedValues = ref([])
+const unselectAllAction = ref(() => {})
+
+function editValues(selections, unselectAll) {
+  selectedValues.value = selections
+  showEditModal.value = true
+  unselectAllAction.value = unselectAll
+}
 </script>
diff --git a/frontend/src/components/Modals/EditValueModal.vue b/frontend/src/components/Modals/EditValueModal.vue
new file mode 100644
index 00000000..9d4cdd2c
--- /dev/null
+++ b/frontend/src/components/Modals/EditValueModal.vue
@@ -0,0 +1,156 @@
+<template>
+  <Dialog v-model="show" :options="{ title: 'Bulk Edit' }">
+    <template #body-content>
+      <div class="mb-4">
+        <div class="mb-1.5 text-sm text-gray-600">Field</div>
+        <Autocomplete
+          :value="field.label"
+          :options="fields.data"
+          @change="(e) => changeField(e)"
+          placeholder="Select Field..."
+        />
+      </div>
+      <div>
+        <div class="mb-1.5 text-sm text-gray-600">Value</div>
+        <component
+          :is="getValueComponent(field)"
+          :value="newValue"
+          size="md"
+          @change="(v) => updateValue(v)"
+          placeholder="Value"
+        />
+      </div>
+    </template>
+    <template #actions>
+      <Button
+        class="w-full"
+        variant="solid"
+        @click="updateValues"
+        :loading="loading"
+        :label="`Update ${recordCount} Records`"
+      />
+    </template>
+  </Dialog>
+</template>
+
+<script setup>
+import DatePicker from '@/components/Controls/DatePicker.vue'
+import Link from '@/components/Controls/Link.vue'
+import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
+import { FormControl, call, createResource } from 'frappe-ui'
+import { ref, computed, defineModel, onMounted, h } from 'vue'
+
+const typeCheck = ['Check']
+const typeLink = ['Link', 'Dynamic Link']
+const typeNumber = ['Float', 'Int', 'Currency', 'Percent']
+const typeSelect = ['Select']
+const typeDate = ['Date', 'Datetime']
+
+const props = defineProps({
+  doctype: {
+    type: String,
+    required: true,
+  },
+  selectedValues: {
+    type: Array,
+    required: true,
+  },
+})
+
+const show = defineModel()
+const unselectAll = defineModel('unselectAll')
+
+const emit = defineEmits(['reload'])
+
+const fields = createResource({
+  url: 'crm.api.doc.get_fields',
+  cache: ['fields', props.doctype],
+  params: {
+    doctype: props.doctype,
+  },
+})
+
+onMounted(() => {
+  if (fields.data?.length) return
+  fields.fetch()
+})
+
+const recordCount = computed(() => props.selectedValues?.size || 0)
+
+const field = ref({
+  label: '',
+  type: '',
+  value: '',
+  options: '',
+})
+
+const newValue = ref('')
+const loading = ref(false)
+
+function updateValues() {
+  let fieldVal = newValue.value
+  if (field.value.type == 'Check') {
+    fieldVal = fieldVal == 'Yes' ? 1 : 0
+  }
+  loading.value = true
+  call(
+    'frappe.desk.doctype.bulk_update.bulk_update.submit_cancel_or_update_docs',
+    {
+      doctype: props.doctype,
+      docnames: Array.from(props.selectedValues),
+      action: 'update',
+      data: {
+        [field.value.value]: fieldVal || null,
+      },
+    }
+  ).then(() => {
+    field.value = {
+      label: '',
+      type: '',
+      value: '',
+      options: '',
+    }
+    newValue.value = ''
+    loading.value = false
+    show.value = false
+    unselectAll.value()
+    emit('reload')
+  })
+}
+
+function changeField(f) {
+  newValue.value = ''
+  if (!f) return
+  field.value = f
+}
+
+function updateValue(v) {
+  let value = v.target ? v.target.value : v
+  newValue.value = value
+}
+
+function getValueComponent(f) {
+  const { type, options } = f
+  if (typeSelect.includes(type) || typeCheck.includes(type)) {
+    const _options = type == 'Check' ? ['Yes', 'No'] : getSelectOptions(options)
+    return h(FormControl, {
+      type: 'select',
+      options: _options.map((o) => ({
+        label: o,
+        value: o,
+      })),
+    })
+  } else if (typeLink.includes(type)) {
+    if (type == 'Dynamic Link') {
+      return h(FormControl, { type: 'text' })
+    }
+    return h(Link, { class: 'form-control', doctype: options })
+  } else if (typeNumber.includes(type)) {
+    return h(FormControl, { type: 'number' })
+  } else if (typeDate.includes(type)) {
+    return h(DatePicker)
+  } else {
+    return h(FormControl, { type: 'text' })
+  }
+}
+</script>
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 14cf8c9c..7c9d51a4 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -26,6 +26,7 @@
     }"
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
+    @reload="deals.reload()"
   />
   <div v-else-if="deals.data" class="flex h-full items-center justify-center">
     <div

From ff6204e1cd8168ecedc81ca88c921b41e156221f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 6 Feb 2024 18:25:12 +0530
Subject: [PATCH 2/4] fix: allow bulk editing for all listview

---
 .../components/ListViews/ContactsListView.vue | 33 ++++++++++--
 .../ListViews/EmailTemplatesListView.vue      | 51 ++++++++++++++++---
 .../components/ListViews/LeadsListView.vue    | 33 ++++++++++--
 .../ListViews/OrganizationsListView.vue       | 33 ++++++++++--
 .../components/ListViews/TasksListView.vue    | 44 +++++++++++++---
 frontend/src/pages/CallLogs.vue               |  1 +
 frontend/src/pages/Contacts.vue               |  1 +
 frontend/src/pages/EmailTemplates.vue         |  2 +-
 frontend/src/pages/Leads.vue                  |  1 +
 frontend/src/pages/Organizations.vue          |  1 +
 frontend/src/pages/Tasks.vue                  |  2 +-
 11 files changed, 176 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/ListViews/ContactsListView.vue b/frontend/src/components/ListViews/ContactsListView.vue
index 8e1c0d4e..fe234620 100644
--- a/frontend/src/components/ListViews/ContactsListView.vue
+++ b/frontend/src/components/ListViews/ContactsListView.vue
@@ -62,7 +62,15 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner />
+    <ListSelectBanner>
+      <template #actions="{ selections, unselectAll }">
+        <Button variant="subtle" label="Edit" @click="editValues(selections, unselectAll)">
+          <template #prefix>
+            <EditIcon class="h-3 w-3" />
+          </template>
+        </Button>
+      </template>
+    </ListSelectBanner>
   </ListView>
   <ListFooter
     v-if="pageLengthCount"
@@ -74,9 +82,18 @@
     }"
     @loadMore="emit('loadMore')"
   />
+  <EditValueModal
+    v-model="showEditModal"
+    v-model:unselectAll="unselectAllAction"
+    doctype="Contact"
+    :selectedValues="selectedValues"
+    @reload="emit('reload')"
+  />
 </template>
 <script setup>
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
+import EditIcon from '@/components/Icons/EditIcon.vue'
+import EditValueModal from '@/components/Modals/EditValueModal.vue'
 import {
   Avatar,
   ListView,
@@ -87,7 +104,7 @@ import {
   ListRowItem,
   ListFooter,
 } from 'frappe-ui'
-import { watch } from 'vue'
+import { ref, watch } from 'vue'
 
 const props = defineProps({
   rows: {
@@ -108,7 +125,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['loadMore', 'updatePageCount'])
+const emit = defineEmits(['loadMore', 'updatePageCount', 'reload'])
 
 const pageLengthCount = defineModel()
 
@@ -116,4 +133,14 @@ watch(pageLengthCount, (val, old_value) => {
   if (val === old_value) return
   emit('updatePageCount', val)
 })
+
+const showEditModal = ref(false)
+const selectedValues = ref([])
+const unselectAllAction = ref(() => {})
+
+function editValues(selections, unselectAll) {
+  selectedValues.value = selections
+  showEditModal.value = true
+  unselectAllAction.value = unselectAll
+}
 </script>
diff --git a/frontend/src/components/ListViews/EmailTemplatesListView.vue b/frontend/src/components/ListViews/EmailTemplatesListView.vue
index 72828956..1b9b8126 100644
--- a/frontend/src/components/ListViews/EmailTemplatesListView.vue
+++ b/frontend/src/components/ListViews/EmailTemplatesListView.vue
@@ -48,12 +48,23 @@
     </ListRows>
     <ListSelectBanner>
       <template #actions="{ selections, unselectAll }">
-        <Button
-          theme="red"
-          variant="subtle"
-          label="Delete"
-          @click="deleteEmailTemplate(selections, unselectAll)"
-        />
+        <div class="flex gap-2">
+          <Button
+            theme="red"
+            variant="subtle"
+            label="Delete"
+            @click="deleteEmailTemplate(selections, unselectAll)"
+          />
+          <Button
+            variant="subtle"
+            label="Edit"
+            @click="editValues(selections, unselectAll)"
+          >
+            <template #prefix>
+              <EditIcon class="h-3 w-3" />
+            </template>
+          </Button>
+        </div>
       </template>
     </ListSelectBanner>
   </ListView>
@@ -66,8 +77,17 @@
     }"
     @loadMore="emit('loadMore')"
   />
+  <EditValueModal
+    v-model="showEditModal"
+    v-model:unselectAll="unselectAllAction"
+    doctype="Email Template"
+    :selectedValues="selectedValues"
+    @reload="emit('reload')"
+  />
 </template>
 <script setup>
+import EditIcon from '@/components/Icons/EditIcon.vue'
+import EditValueModal from '@/components/Modals/EditValueModal.vue'
 import { globalStore } from '@/stores/global'
 import {
   ListView,
@@ -79,7 +99,7 @@ import {
   ListFooter,
   call,
 } from 'frappe-ui'
-import { defineModel, watch } from 'vue'
+import { ref, defineModel, watch } from 'vue'
 
 const props = defineProps({
   rows: {
@@ -100,7 +120,12 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['loadMore', 'updatePageCount', 'showEmailTemplate', 'reload'])
+const emit = defineEmits([
+  'loadMore',
+  'updatePageCount',
+  'showEmailTemplate',
+  'reload',
+])
 
 const pageLengthCount = defineModel()
 
@@ -143,4 +168,14 @@ function deleteEmailTemplate(selections, unselectAll) {
     ],
   })
 }
+
+const showEditModal = ref(false)
+const selectedValues = ref([])
+const unselectAllAction = ref(() => {})
+
+function editValues(selections, unselectAll) {
+  selectedValues.value = selections
+  showEditModal.value = true
+  unselectAllAction.value = unselectAll
+}
 </script>
diff --git a/frontend/src/components/ListViews/LeadsListView.vue b/frontend/src/components/ListViews/LeadsListView.vue
index a37d762a..57145746 100644
--- a/frontend/src/components/ListViews/LeadsListView.vue
+++ b/frontend/src/components/ListViews/LeadsListView.vue
@@ -94,7 +94,15 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner />
+    <ListSelectBanner>
+      <template #actions="{ selections, unselectAll }">
+        <Button variant="subtle" label="Edit" @click="editValues(selections, unselectAll)">
+          <template #prefix>
+            <EditIcon class="h-3 w-3" />
+          </template>
+        </Button>
+      </template>
+    </ListSelectBanner>
   </ListView>
   <ListFooter
     v-if="pageLengthCount"
@@ -106,12 +114,21 @@
     }"
     @loadMore="emit('loadMore')"
   />
+  <EditValueModal
+    v-model="showEditModal"
+    v-model:unselectAll="unselectAllAction"
+    doctype="CRM Lead"
+    :selectedValues="selectedValues"
+    @reload="emit('reload')"
+  />
 </template>
 
 <script setup>
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import MultipleAvatar from '@/components/MultipleAvatar.vue'
+import EditIcon from '@/components/Icons/EditIcon.vue'
+import EditValueModal from '@/components/Modals/EditValueModal.vue'
 import {
   Avatar,
   ListView,
@@ -122,7 +139,7 @@ import {
   ListRowItem,
   ListFooter,
 } from 'frappe-ui'
-import { watch } from 'vue'
+import { ref, watch } from 'vue'
 
 const props = defineProps({
   rows: {
@@ -143,7 +160,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['loadMore', 'updatePageCount'])
+const emit = defineEmits(['loadMore', 'updatePageCount', 'reload'])
 
 const pageLengthCount = defineModel()
 
@@ -151,4 +168,14 @@ watch(pageLengthCount, (val, old_value) => {
   if (val === old_value) return
   emit('updatePageCount', val)
 })
+
+const showEditModal = ref(false)
+const selectedValues = ref([])
+const unselectAllAction = ref(() => {})
+
+function editValues(selections, unselectAll) {
+  selectedValues.value = selections
+  showEditModal.value = true
+  unselectAllAction.value = unselectAll
+}
 </script>
diff --git a/frontend/src/components/ListViews/OrganizationsListView.vue b/frontend/src/components/ListViews/OrganizationsListView.vue
index c077e6b8..9dae1671 100644
--- a/frontend/src/components/ListViews/OrganizationsListView.vue
+++ b/frontend/src/components/ListViews/OrganizationsListView.vue
@@ -49,7 +49,15 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner />
+    <ListSelectBanner>
+      <template #actions="{ selections, unselectAll }">
+        <Button variant="subtle" label="Edit" @click="editValues(selections, unselectAll)">
+          <template #prefix>
+            <EditIcon class="h-3 w-3" />
+          </template>
+        </Button>
+      </template>
+    </ListSelectBanner>
   </ListView>
   <ListFooter
     class="border-t px-5 py-2"
@@ -60,8 +68,17 @@
     }"
     @loadMore="emit('loadMore')"
   />
+  <EditValueModal
+    v-model="showEditModal"
+    v-model:unselectAll="unselectAllAction"
+    doctype="CRM Organization"
+    :selectedValues="selectedValues"
+    @reload="emit('reload')"
+  />
 </template>
 <script setup>
+import EditIcon from '@/components/Icons/EditIcon.vue'
+import EditValueModal from '@/components/Modals/EditValueModal.vue'
 import {
   Avatar,
   ListView,
@@ -72,7 +89,7 @@ import {
   ListRowItem,
   ListFooter,
 } from 'frappe-ui'
-import { watch } from 'vue'
+import { ref, watch } from 'vue'
 
 const props = defineProps({
   rows: {
@@ -93,7 +110,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['loadMore', 'updatePageCount'])
+const emit = defineEmits(['loadMore', 'updatePageCount', 'reload'])
 
 const pageLengthCount = defineModel()
 
@@ -101,4 +118,14 @@ watch(pageLengthCount, (val, old_value) => {
   if (val === old_value) return
   emit('updatePageCount', val)
 })
+
+const showEditModal = ref(false)
+const selectedValues = ref([])
+const unselectAllAction = ref(() => {})
+
+function editValues(selections, unselectAll) {
+  selectedValues.value = selections
+  showEditModal.value = true
+  unselectAllAction.value = unselectAll
+}
 </script>
diff --git a/frontend/src/components/ListViews/TasksListView.vue b/frontend/src/components/ListViews/TasksListView.vue
index 42217336..52b61ed9 100644
--- a/frontend/src/components/ListViews/TasksListView.vue
+++ b/frontend/src/components/ListViews/TasksListView.vue
@@ -65,12 +65,23 @@
     </ListRows>
     <ListSelectBanner>
       <template #actions="{ selections, unselectAll }">
-        <Button
-          theme="red"
-          variant="subtle"
-          label="Delete"
-          @click="deleteTask(selections, unselectAll)"
-        />
+        <div class="flex gap-2">
+          <Button
+            theme="red"
+            variant="subtle"
+            label="Delete"
+            @click="deleteTask(selections, unselectAll)"
+          />
+          <Button
+            variant="subtle"
+            label="Edit"
+            @click="editValues(selections, unselectAll)"
+          >
+            <template #prefix>
+              <EditIcon class="h-3 w-3" />
+            </template>
+          </Button>
+        </div>
       </template>
     </ListSelectBanner>
   </ListView>
@@ -83,11 +94,20 @@
     }"
     @loadMore="emit('loadMore')"
   />
+  <EditValueModal
+    v-model="showEditModal"
+    v-model:unselectAll="unselectAllAction"
+    doctype="CRM Task"
+    :selectedValues="selectedValues"
+    @reload="emit('reload')"
+  />
 </template>
 <script setup>
 import TaskStatusIcon from '@/components/Icons/TaskStatusIcon.vue'
 import TaskPriorityIcon from '@/components/Icons/TaskPriorityIcon.vue'
 import CalendarIcon from '@/components/Icons/CalendarIcon.vue'
+import EditIcon from '@/components/Icons/EditIcon.vue'
+import EditValueModal from '@/components/Modals/EditValueModal.vue'
 import { dateFormat } from '@/utils'
 import { globalStore } from '@/stores/global'
 import {
@@ -102,7 +122,7 @@ import {
   call,
   Tooltip,
 } from 'frappe-ui'
-import { defineModel, watch } from 'vue'
+import { ref, defineModel, watch } from 'vue'
 
 const props = defineProps({
   rows: {
@@ -166,4 +186,14 @@ function deleteTask(selections, unselectAll) {
     ],
   })
 }
+
+const showEditModal = ref(false)
+const selectedValues = ref([])
+const unselectAllAction = ref(() => {})
+
+function editValues(selections, unselectAll) {
+  selectedValues.value = selections
+  showEditModal.value = true
+  unselectAllAction.value = unselectAll
+}
 </script>
diff --git a/frontend/src/pages/CallLogs.vue b/frontend/src/pages/CallLogs.vue
index 423ad240..7a2923d3 100644
--- a/frontend/src/pages/CallLogs.vue
+++ b/frontend/src/pages/CallLogs.vue
@@ -21,6 +21,7 @@
     }"
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
+    @reload="callLogs.reload()"
   />
   <div
     v-else-if="callLogs.data"
diff --git a/frontend/src/pages/Contacts.vue b/frontend/src/pages/Contacts.vue
index 99f35468..16224913 100644
--- a/frontend/src/pages/Contacts.vue
+++ b/frontend/src/pages/Contacts.vue
@@ -26,6 +26,7 @@
     }"
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
+    @reload="contacts.reload()"
   />
   <div
     v-else-if="contacts.data"
diff --git a/frontend/src/pages/EmailTemplates.vue b/frontend/src/pages/EmailTemplates.vue
index c80e653e..d74def8f 100644
--- a/frontend/src/pages/EmailTemplates.vue
+++ b/frontend/src/pages/EmailTemplates.vue
@@ -27,7 +27,7 @@
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
     @showEmailTemplate="showEmailTemplate"
-    @reload="() => emailTemplates.reload()"
+    @reload="emailTemplates.reload()"
   />
   <div
     v-else-if="emailTemplates.data"
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index 65519542..6f0c1c69 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -27,6 +27,7 @@
     }"
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
+    @reload="leads.reload()"
   />
   <div v-else-if="leads.data" class="flex h-full items-center justify-center">
     <div
diff --git a/frontend/src/pages/Organizations.vue b/frontend/src/pages/Organizations.vue
index c1c28c81..aac0de85 100644
--- a/frontend/src/pages/Organizations.vue
+++ b/frontend/src/pages/Organizations.vue
@@ -30,6 +30,7 @@
     }"
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
+    @reload="organizations.reload()"
   />
   <div
     v-else-if="organizations.data"
diff --git a/frontend/src/pages/Tasks.vue b/frontend/src/pages/Tasks.vue
index 92100068..3f5557f8 100644
--- a/frontend/src/pages/Tasks.vue
+++ b/frontend/src/pages/Tasks.vue
@@ -27,7 +27,7 @@
     @loadMore="() => loadMore++"
     @updatePageCount="(count) => (updatedPageCount = count)"
     @showTask="showTask"
-    @reload="() => tasks.reload()"
+    @reload="tasks.reload()"
   />
   <div v-else-if="tasks.data" class="flex h-full items-center justify-center">
     <div

From f50a9f50273d5bfa8950f5347dbf26913acfa687 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 6 Feb 2024 18:36:06 +0530
Subject: [PATCH 3/4] fix: pass name along with task

---
 frontend/src/pages/Tasks.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/pages/Tasks.vue b/frontend/src/pages/Tasks.vue
index 3f5557f8..2f6335ed 100644
--- a/frontend/src/pages/Tasks.vue
+++ b/frontend/src/pages/Tasks.vue
@@ -86,6 +86,7 @@ const rows = computed(() => {
 const showTaskModal = ref(false)
 
 const task = ref({
+  name: '',
   title: '',
   description: '',
   assigned_to: '',
@@ -99,6 +100,7 @@ const task = ref({
 function showTask(name) {
   let t = rows.value?.find((row) => row.name === name)
   task.value = {
+    name: t.name,
     title: t.title,
     description: t.description,
     assigned_to: t.assigned_to?.email || '',
@@ -113,6 +115,7 @@ function showTask(name) {
 
 function createTask() {
   task.value = {
+    name: '',
     title: '',
     description: '',
     assigned_to: '',

From 41cfce7383fb6d640ba1745404ef31e9f171abe9 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 6 Feb 2024 18:36:39 +0530
Subject: [PATCH 4/4] fix: allow editing text editor field

---
 frontend/src/components/Modals/EditValueModal.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Modals/EditValueModal.vue b/frontend/src/components/Modals/EditValueModal.vue
index 9d4cdd2c..f738c479 100644
--- a/frontend/src/components/Modals/EditValueModal.vue
+++ b/frontend/src/components/Modals/EditValueModal.vue
@@ -37,13 +37,14 @@
 import DatePicker from '@/components/Controls/DatePicker.vue'
 import Link from '@/components/Controls/Link.vue'
 import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
-import { FormControl, call, createResource } from 'frappe-ui'
+import { FormControl, call, createResource, TextEditor } from 'frappe-ui'
 import { ref, computed, defineModel, onMounted, h } from 'vue'
 
 const typeCheck = ['Check']
 const typeLink = ['Link', 'Dynamic Link']
 const typeNumber = ['Float', 'Int', 'Currency', 'Percent']
 const typeSelect = ['Select']
+const typeEditor = ['Text Editor']
 const typeDate = ['Date', 'Datetime']
 
 const props = defineProps({
@@ -149,6 +150,14 @@ function getValueComponent(f) {
     return h(FormControl, { type: 'number' })
   } else if (typeDate.includes(type)) {
     return h(DatePicker)
+  } else if (typeEditor.includes(type)) {
+    return h(TextEditor, {
+      variant: 'outline',
+      editorClass:
+        '!prose-sm overflow-auto min-h-[80px] max-h-80 py-1.5 px-2 rounded border border-gray-300 bg-white hover:border-gray-400 hover:shadow-sm focus:bg-white focus:border-gray-500 focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-gray-400 text-gray-800 transition-colors',
+      bubbleMenu: true,
+      content: newValue.value,
+    })
   } else {
     return h(FormControl, { type: 'text' })
   }