Add '+New Task' button to DialogForTaskItems

Author: jgclark

jgclark.Dashboard/CHANGELOG.md

@@ -1,11 +1,14 @@
 # What's changed in 🎛 Dashboard plugin?
 For more details see the [plugin's documentation](https://github.com/NotePlan/plugins/tree/main/jgclark.Dashboard/).
 
-## [2.1.8] 2025-01-31 (unreleased)
+<!-- Hiding from view as we are on the main branch
+## [2.1.8] 2025-02-01 (unreleased)
+### New
+- Added a '+ New Task' button to the end of the Task edit dialog. This effectively runs the '/quick add task under heading' command (from Quick Capture) which allows you to add a new task in any note under any heading without having to leave the Dashboard.
 ### Changed
 - When clicking on a Section Title or note link, the note will be opened in the Editor window, and that will now be brought to the front.
 - The Edit All Perspectives table now has subtly shaded alternate rows
-- The window starts saying 'Generating' not 'Refreshing'
+- The window starts saying 'Generating' not 'Refreshing' -->
 
 ## [2.1.7] 2025-01-30
 ### Changed

jgclark.Dashboard/src/clickHandlers.js

@@ -4,7 +4,7 @@
 // Handler functions for some dashboard clicks that come over the bridge.
 // There are 4+ other clickHandler files now.
 // The routing is in pluginToHTMLBridge.js/bridgeClickDashboardItem()
-// Last updated for v2.1.6
+// Last updated for v2.1.8
 //-----------------------------------------------------------------------------
 import moment from 'moment'
 import { getDashboardSettings, handlerResult, setPluginData } from './dashboardHelpers'
@@ -110,6 +110,17 @@ export async function doAddItem(data: MessageDataObject): Promise<TBridgeClickHa
   }
 }
 
+/**
+ * Add a new item anywhere, using the /quickAddTaskUnderHeading command from Quick Capture plugin.
+ * Calls the doAddItem logic, once new filename is worked out.
+ * @param {MessageDataObject} {date: .data.data.data, text: .data.data.}
+ * @returns {TBridgeClickHandlerResult} result to be used by click result handler
+ */
+export async function doAddTaskAnywhere(): Promise<void> {
+  logDebug('doAddTaskAnywhere', `starting. Just calling addTaskToNoteHeading().`)
+  const res = await DataStore.invokePluginCommandByName('quick add task under heading', 'jgclark.QuickCapture') // with no args, this will prompt for the note, heading and text
+}
+
 /**
  * Add a new item to a future date, using the date and text provided.
  * Calls the doAddItem logic, once new filename is worked out.
@@ -121,8 +132,8 @@ export async function doAddItemToFuture(data: MessageDataObject): Promise<TBridg
   const { userInputObj } = data // "date": "2024-12-04T08:00:00.000Z",
   if (!userInputObj) return handlerResult(false)
   const { date, text } = userInputObj
-  if (!text) return handlerResult(false, [], { errorMsg: `No text was provided to addItemToFuture: "${date}"` })
-  if (!date) return handlerResult(false, [], { errorMsg: `No date was provided to addItemToFuture: "${text}"` })
+  if (!text) return handlerResult(false, [], { errorMsg: `No text was provided to addItemToFuture` })
+  if (!date) return handlerResult(false, [], { errorMsg: `No date was provided to addItemToFuture` })
   const extension = DataStore.defaultFileExtension
   const filename = `${moment(date).format(`YYYYMMDD`)}.${extension}`
   data.toFilename = filename

jgclark.Dashboard/src/pluginToHTMLBridge.js

@@ -1,14 +1,15 @@
 // @flow
 //-----------------------------------------------------------------------------
 // Bridging functions for Dashboard plugin
-// Last updated for v2.1.6
+// Last updated for v2.1.8
 //-----------------------------------------------------------------------------
 
 import pluginJson from '../plugin.json'
 import { allCalendarSectionCodes, allSectionCodes, WEBVIEW_WINDOW_ID } from './constants'
 import {
   doAddItem,
   doAddItemToFuture,
+  doAddTaskAnywhere,
   doCancelChecklist,
   doCancelTask,
   doContentUpdate,
@@ -310,6 +311,11 @@ export async function bridgeClickDashboardItem(data: MessageDataObject) {
         result = await doAddItem(data)
         break
       }
+      case 'addTaskAnywhere': {
+        // Note: calls Quick Capture plugin /qath command which doesn't return anything
+        await doAddTaskAnywhere()
+        break
+      }
       case 'addTaskToFuture': {
         result = await doAddItemToFuture(data)
         break

jgclark.Dashboard/src/react/components/DialogForTaskItems.jsx

@@ -2,7 +2,7 @@
 //--------------------------------------------------------------------------
 // Dashboard React component to show the Dialog for tasks
 // Called by TaskItem component
-// Last updated 2025-01-13 for v2.1.3
+// Last updated 2025-02-01 for v2.1.8
 //--------------------------------------------------------------------------
 // Notes:
 // - onClose & detailsMessageObject are passed down from Dashboard.jsx::handleDialogClose
@@ -69,6 +69,7 @@ const DialogForTaskItems = ({ details: detailsMessageObject, onClose, positionDi
     { label: '+1w', controlStr: '+1w' },
     { label: '+2w', controlStr: '+2w' },
     { label: 'this month', controlStr: '+0m' },
+    { label: '+1m', controlStr: '+1m' },
     { label: 'this quarter', controlStr: '+0q' },
   ]
 
@@ -134,17 +135,25 @@ const DialogForTaskItems = ({ details: detailsMessageObject, onClose, positionDi
       icons: [{ className: itemType === 'checklist' ? 'fa-regular fa-circle' : 'fa-regular fa-square', position: 'right' }],
     },
     {
-      label: 'Complete Then',
+      label: 'Complete',
       controlStr: 'commpletethen',
       description: 'Mark the item as completed on the date it was scheduled for',
       handlingFunction: 'completeTaskThen',
+      icons: [{ className: 'fa-regular fa-arrow-left', position: 'left' }],
     },
     {
-      label: 'Unschedule',
+      label: 'Unsched',
       controlStr: 'unsched',
       description: 'Remove date from this item',
       handlingFunction: 'unscheduleItem',
     },
+    {
+      label: 'New Task',
+      controlStr: 'qath',
+      description: 'New task',
+      handlingFunction: 'addTaskAnywhere',
+      icons: [{ className: 'fa-regular fa-hexagon-plus', position: 'left' }],
+    },
   ]
   // Now apply the filter with an explicit return type
   const otherControlButtons: Array<DialogButtonProps> = initialOtherControlButtons.filter((button): boolean => (isDesktop ? true : !buttonsToHideOnMobile.includes(button.label)))

jgclark.Dashboard/src/types.js

@@ -1,7 +1,7 @@
 // @flow
 //-----------------------------------------------------------------------------
 // Types for Dashboard code
-// Last updated for v2.1.0.a
+// Last updated for v2.1.8
 //-----------------------------------------------------------------------------
 // Types for Settings
 
@@ -194,6 +194,7 @@ export type TActionType =
   | 'addChecklist'
   | 'addProgress'
   | 'addTask'
+  | 'addTaskAnywhere'
   | 'addTaskToFuture'
   | 'cancelProject'
   | 'cancelTask'