Code Monkey home page Code Monkey logo

obsidian-day-planner's Introduction

Day Planner

GitHub Workflow Status GitHub release (latest SemVer)

This repository contains a plugin for Obsidian for day planning and managing pomodoro timers from a task list in a Markdown note.

This is an early alpha of version of the plugin and it will be running constantly in the background while Obsidian is open and the plugin is enabled. Please try the plugin in a test vault first, and, most importantly, make sure you have your notes backed up in cloud storage or Git.

Features

  • Generate a day planner for you each day or create a day planner in any note you choose.
  • Status bar updates on progress with information on your current and next tasks. You can click on the status bar to access the note for today's day planner.
  • Mermaid Gantt chart automatically generated from your tasks and included in you day planner note.
  • Timeline view showing your tasks laid out on a vertical timeline.

Day Planner Demo Image

Usage

Once installed, the plugin will create a folder called Day Planners in the root of your vault. A note for today will automatically be created with the file name format Day Planners/Day Planner-YYYYMMDD.md.

You can choose to use the Command Mode instead to add a Day Planner for the current day to any note.

Day Planner Note

Within the note, you can create a check list with times and tasks which will be automatically be tracked during the day. You can now include headings and other content between tasks. Here is an example:

## Day Planner

This is my plan for the day broken into 3 main sections:
1. Morning Prep
2. Reading
3. Afternoon Review

### Morning Prep

This is where I get ready for work and do my usual prep.

- [ ] 09:30 Setup for work
- [ ] 09:45 Review notes from yesterday
- [ ] 10:30 Create new notes for #article review
- [ ] 11:30 BREAK

### Reading

A section of the day dedicated to reading:

1. Articles.
2. Book chapters assigned for the day.
3. Re-reading past notes.
   
- [ ] 12:00 Reading
  - [ ] Article 1
  - [ ] Article 2
  - [ ] Article notes review
- [ ] 12:25 BREAK
- [ ] 12:30 Reading
- [ ] 14:00 BREAK

### Afternoon Review

I use this time to review what I have done earlier in the day and complete any tasks to prepare for the next day.

- [ ] 15:00 Review notes and update daily note [[20201103]]
- [ ] 15:45 Walk
- [ ] 16:30 Reading
- [ ] 17:20 Prep for tomorrow's meetings
- [ ] 18:00 END

This is also provided as a file in day-planner-example.md.

The Day Planner heading and --- rule are used to identify the extent of the Day Planner. A heading must be used but can be #, ##, ### or ####.

The format of the task list items is important as this is what is used to calculate the times of each task and the intervals between tasks. The format used should be:

- [ ] HH:mm Task text

24 hour times should be used.

Nested checklist items or bullets are now also supported to capture sub-tasks of a timed task. Timed tasks must be at the top level of the checkbox list.

BREAK and END are keywords that define breaks and the end to the time tracking for the tasks. They are not case sensitive so break and end can also be used. Both BREAK and END keywords are configurable and can be customized in Day Planner settings tab.

END is used as an item with a time to give an accurate time interval for the last task, "Prep for tomorrow's meetings" at 17:00 in this example.

The note will update automatically: tasks in the past will be checked and marked as complete.

Using the example above, at 14:30 the note would have automatically updated to:

## Day Planner

This is my plan for the day broken into 3 main sections:
1. Morning Prep
2. Reading
3. Afternoon Review

### Morning Prep

This is where I get ready for work and do my usual prep.

- [x] 09:30 Setup for work
- [x] 09:45 Review notes from yesterday
- [x] 10:30 Create new notes for #article review
- [x] 11:30 BREAK

### Reading

A section of the day dedicated to reading:

1. Articles.
2. Book chapters assigned for the day.
3. Re-reading past notes.
   
- [x] 12:00 Reading
  - [ ] Article 1
  - [ ] Article 2
  - [ ] Article notes review
- [x] 12:25 BREAK
- [x] 12:30 Reading
- [ ] 14:00 BREAK

### Afternoon Review

I use this time to review what I have done earlier in the day and complete any tasks to prepare for the next day.

- [ ] 15:00 Review notes and update daily note [[20201103]]
- [ ] 15:45 Walk
- [ ] 16:30 Reading
- [ ] 17:20 Prep for tomorrow's meetings
- [ ] 18:00 END

Timeline View

The Show the Day Planner Timeline command can be used to add a vertical timeline view display the tasks for today's Day Planner with a line showing the current time.

Day Planner Timeline

Status Bar

The status bar in Obsidian will also show the current progress on the task or break with the time remaining. Clicking on the status bar item will take you to the Day Planner note.

Task Status

The status displayed when there is an active task:

Task Status

Break Status

The status displayed during a break:

Break Status

End Status

The status displayed when the end of the tasks is reached:

End Status

Configuration

Day Planner Mode

There are 2 modes to use the Day Planner plugin:

File mode

The plugin automatically generates day planner notes for each day within a Day Planners folder.

Command mode

Commands are used to insert a Day Planner for today within any note as well as unlinking the Day Planner for today from its current note.

Note: To add the Day Planner to the current note you first need to Link the Day Planner to the current note by running either one of the commands "Day Planner: Link today's Day Planner to the current Note" or "Day Planner: Add a Day Planner template for today to the current note" from the command palette.

The Day Planner can be placed anywhere within a note as long as the format provided is used. Only the Day Planner section of the note will be updated as time progresses.

Complete Past Planner Items

You can choose whether the plugin will automatically mark planner items in the past as complete or allow you to tick them off yourself.

Mermaid Gantt

You can choose to include a dynamically generated Mermaid Gantt chart in your Day Planner.

Tasks and breaks will be displayed in separate sections to help visualise your plan for the day.

Mermaid Gantt Chart Example

Colors for the gantt chart can be overridden with custom CSS and there is Mermaid documentation on the classes. A CSS file with examples for the task and breaks sections is provided:

mermaid-gantt-example.css

Status Bar - Circular Progress

You can choose to display progress in the status bar with a circular pie chart progress bar to save horizontal space.

Circular Progress Bar

Status Bar - Now and Next

You can choose to display the time and start of the text for the current and next task.

Now and Next

Task Notification

You can choose to have an in-app notification display when a new task starts.

Timeline Zoom Level

This is the zoom level to dispaly the timeline. The higher the number, the more vertical space each task will take up.

Commands

Using the plugin in command mode, 2 commands are available to link and unlink a Day Planner.

Plugin Commands

Compatibility

Custom plugins are only available for Obsidian v0.9.7+.

The current API of this repo targets Obsidian v0.9.10.

Installing

As of version 0.9.7 of Obsidian, this plugin is available to be installed directly from within the app. The plugin can be found in the Community Plugins directory which can be accessed from the Settings pane under Third Party Plugins.

Manual installation

  1. Download the latest release
  2. Extract the obsidian-day-planner folder from the zip to your vault's plugins folder: <vault>/.obsidian/plugins/
    Note: On some machines the .obsidian folder may be hidden. On MacOS you should be able to press Command+Shift+Dot to show the folder in Finder.
  3. Reload Obsidian
  4. If prompted about Safe Mode, you can disable safe mode and enable the plugin.

For developers

Pull requests are both welcome and appreciated. ๐Ÿ˜€

If you would like to contribute to the development of this plugin, please follow the guidelines provided in CONTRIBUTING.md.

Donating

This plugin is provided free of charge. If you would like to donate something to me, you can via PayPal. Thank you!

obsidian-day-planner's People

Contributors

alexmdtu avatar codecleaner avatar lynchjames avatar stevedunn1969 avatar vinitkhandagle avatar wiktoriavh avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.