fix: separate "assigned" and "created" tabs in my tasks

closes #260

frontend/src/pages/MyTasks.vue

@@ -13,7 +13,16 @@
     </header>
 
     <div class="mx-auto w-full max-w-4xl px-5">
-      <div class="py-6">
+      <div class="flex pt-5">
+        <TabButtons
+          :buttons="[
+            { label: 'Assigned to me', value: 'assigned' },
+            { label: 'Created by me', value: 'owner' },
+          ]"
+          v-model="currentTab"
+        />
+      </div>
+      <div class="pb-6 mt-4">
         <TaskList :listOptions="listOptions" :groupByStatus="true" />
         <NewTaskDialog ref="newTaskDialog" />
       </div>
@@ -22,14 +31,23 @@
 </template>
 <script setup>
 import { ref, computed } from 'vue'
-import { getCachedListResource, usePageMeta, Breadcrumbs } from 'frappe-ui'
+import { getCachedListResource, usePageMeta, Breadcrumbs, TabButtons } from 'frappe-ui'
 import { getUser } from '@/data/users'
 
 let newTaskDialog = ref(null)
+let currentTab = ref('assigned')
 
-let listOptions = computed(() => ({
-  filters: { assigned_or_owner: getUser('sessionUser').name },
-}))
+let listOptions = computed(() => {
+  let me = getUser('sessionUser').name
+  if (currentTab.value === 'assigned') {
+    return {
+      filters: { assigned_to: me },
+    }
+  }
+  return {
+    filters: { owner: me },
+  }
+})
 
 function showNewTaskDialog() {
   newTaskDialog.value.show({