Coder Social home page Coder Social logo

obsidian-task-progress-bar's Introduction

Obsidian Task Progress Bar

A plugin for showing task progress bar near the tasks bullet or headings. Only works in Live Preview mode in Obsidian.

example

Usage

For example, when you create a task list like this:

- [ ] task1 [ ] [0/1] // Here is the progress bar
	- [ ] task2 // Indent by press tab

When you finished the task2,

- [ ] task1 [|] [1/1] // The progress bar will be updated
	- [x] task2 // Indent by press tab

Settings

  1. Add progress bar to Heading: Make the Heading showing the task progress bars.
  2. Add number to progress bar: You can see the total/completed number of tasks.
  3. Set alternative marks: You can set which marks means the completed tasks.

How to Install

From Plugin Market in Obsidian

💜: Directly install from Obsidian Market.

From BRAT

🚗: Add Quorafind/Obsidian-Task-Progress-Bar to BRAT.

Download Manually

🚚: Download the latest release. Extract and put the three files (main.js, manifest.json, styles.css) to folder {{obsidian_vault}}/.obsidian/plugins/Obsidian-Task-Progress-Bar.

Say Thank You

If you are enjoy using Obsidian-Task-Progress-Bar then please support my work and enthusiasm by buying me a coffee on https://www.buymeacoffee.com/boninall.

obsidian-task-progress-bar's People

Contributors

quorafind avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

obsidian-task-progress-bar's Issues

Total number of tasks (including subtasks) is gone?

I used to have something like this

Total Tasks (0/7)

  • Big Task A (0/2)
    • Sub-task 1
    • Sub-task 2
  • Big Task B (0/3)
    • Sub-task 1
    • Sub-task 2
    • Sub-task 3

The heading would include all the tasks plus sub-tasks. But now, it only show total task as 2. If I disable the option "count sub children level of current task", the total task will go back to 7, which is what I want to see, but now I won't be able to see the number of tasks individually. Could you create an option for displaying the tasks like in my example? This has been very useful for my use case and it used to work that way until the last update.

Results above 100%

Hello,

First of all, thanks for this great plugin, really handy.

I'm actually experiencing issues with subtasks and header progression bar.

When all the tasks an subtasks are completed within, the bar on the header (and the headers above) goes above 100%.

Exemple :

H1 Header : 128%
H2 Header : 128%
H3 Header : 128%

  • Task 100%
    • Subtask 100%
    • Subtask 100%

Error

Thanks for your time.

Alternate Task states

You recently updated the plugin to treat canceled tasks (- [-]) as equivalent to closed tasks (- [x]). However, I think you haven't taken into account all the other forms of open tasks, such as in this Minimal list:

https://github.com/kepano/obsidian-minimal/releases/tag/5.1.8

So when I use important state (- [!]) it is being treated as a closed task. Likewise incomplete (- [/]) and others.

Screen Shot 2022-06-27 at 10 24 40 AM
.

Can the father tasks auto-finished when their children tasks are completed?

I feel inconvenient somtimes when I use this extension. For examples, I have to manually check the father task when the children tasks of it have been finished, and all father tasks are repeatly counted in those higher ordered father tasks which they belong to.
example
Sometimes, it is convenient for me that the father task is automatically finished when the children tasks are completed. However, this utility may not be friendly to other users, so it could be a switchable function for all users. Of course, when the "count children's tasks only" function is turned on, the father task should not be counted again.

With best wishes! And look forward to your reply.

Extended Task Types: Canceled Tasks

I am using the Minimal Theme, which supports extended task types. Of particular note regarding the task progress bar, I think canceled tasks (- [-] task) -- should be included in the progress bar along with closed tasks (- [x]). In the following example, the progress bar should show 100% progress, not 50%.

2022-06-26 canceled task
.

Show in Dataview?

Love this plugin! But wonder if we can have this plugin show with Dataview tasks!

Doesn't show in Kanban

the Kanban community plugin is where I manage the majority of checklists, but the progress bar doesn't show in kanban mode, only in markdown mode..

More control over progress bar

Hi and THANKS for this great plugin. I love it!!
I have a few issues - they would greatly enhance usability:

Dealing with subtasks
It would be great to have consistent behaviour here:

  • Tasks under a heading will be counted but not their subtasks
  • Ticking off a subtask will, however, be counted in the progress bar. This results in a wrong display. You can simulate this easily by pasting the example list and ticking off a subtask.

The look of the progress bar

  • I would love to display both main tasks and subtasks
  • It would be great to have control over the bar
    • size
    • length
    • color of fill (options: header or custom color)

Example list:

Example

  • Main Task 1
    • Subtask 1
    • Subtask 2
  • Main Task 2

Enhancement: setting to only count the progress on tasks on the level directly beneath it

Hi,
Thank you for this plugin!

I was wondering whether it would be possible to add a toggle in the settings so that the progress bar would only be computed by counting the tasks in one level, but not in sub-levels.

For now, this is the result of nested tags: the progress is counted towards the total number of tasks.
image
But it could be useful to only count the first level tasks. So in this case, the "todo" progress would show [1/7] instead of [1/15]

[FEAT] An option for excluded alternative marks

Hopes to support an option excluded alternative marks
for display the progress bar without excluded alternative marks.

here is my Markdown sample:

### Task Progress Bar

- [x] Main Task
  - [x] Completed sub task.
  - [i] Note information <!-- an information note -->
  - [-] Cancelled sub task 
  - [?] Question. <!-- an question note -->
  - [/] Incompleted sub task
  - [<] Re-scheduled sub task.

to exclude the [i] and [?] alternative marks
by configure excluded alternative marks: "(i|?)",
that progress bar will display like that:

- the-progress-bar [2/6]
+ the-progress-bar [2/4]

screenshot

image

thanks.

Colors

Perhaps it would be useful to have different colors according to the percentage of tasks completed.

image

[FEAT] Make it work on reading mode

Hello,

This plugin is not visible on Obsidian 0.15.9.

I got the plugin through Obsidian. I've enabled the plugin and also restarted Obsidian. I am on Windows 10. Also, I'm using Obsidian's default Light theme.

The bar stops working for large task lists

The plugin was working fine before but recently it stopped working on one of my task lists. I did some tests and found that it's due to the number of lines of the line being exceeding some sort of limit.

It works when the list contains lines equal or less than number 32. If I add another line to it will stop working.

For example, the following task list works:

- [ ] Test
  - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
  - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
  - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
  - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test
    - [ ] Test

As soon as I added another - [ ] Test, it can no longer show the progress bar.

I tried the latest version 1.6.0 and it behaves the same way. Hope it can be addressed in the next release. Thanks.

Changing Progress Bar Color

Hi, it would be cool if one can change the colors to suite CSS snippets/themes. I tried changing the .progress-bar-inline-background colors but it did not have an effect. Pardon my CSS ignorance if it is on my behalf.

Love the add-on overall!

There is lack of example and tutorial

I am grateful for this plugin and this is what I need exactly right now but even plugin is great no-coding people like me can't understand it at least can you create some examples. If there was not a issue about asking about tags I do not even know what was tags as well. If there is an example and I can't find it sorry in advance and if there is one can you add that part readme.md as well thank you.

First issue : Can you add examples with detailed introduction to tags
Second issue: I am using this code and task bar does not appear and I don't know how to add header to task bar.
- [ ] example task

Thank you for the plugin.

Stopped working today

Logged in today and Task Progress Bar isn't working. I deleted, reinstalled with BRAT, reenabled. Not working.

Hide percentage and progress bar when all tasks are completed

When all sub-tasks under a task are completed, the progress bar would show and the percentage would be 100%. However, one may want to highlight/focus on those without 100% completion rate. Therefore, would it be possible to allow hiding the progress bar and 100% number if all sub-tasks are completed?

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.