Giter Site home page Giter Site logo

702573n / obsidian-tasks-timeline Goto Github PK

View Code? Open in Web Editor NEW
325.0 325.0 24.0 210 KB

A custom view build with Obsidian-Dataview to display tasks from Obsidian-Tasks and from your daily notes in a highly customisable timeline

JavaScript 76.77% CSS 23.23%
dataview obsidian-md obsidian-plugin tasks timeline

obsidian-tasks-timeline's People

Contributors

702573n avatar dranidis 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

obsidian-tasks-timeline's Issues

Recurring tasks not displaying

I have a 'every weekday' task which is not being displayed in the today (today being a weekday) area.

In your README.md the top image shows recurring/repeating tasks showing correctly.

"Undefined"

I love what this offers so far but I have some questions (hopefully this is the right place for them).

Why do all of my tasks say "undefined" in this way? I'm not sure what it's referring to.

image

Link to Edit in Tasks Plugin

The only thing I particularly miss is being able to edit Tasks in Tasks plugin from your script. I still have some code blocks from Tasks plugin below yours in order to speed things up (also for completing tasks).

I have no idea how difficult is this to implement, but just in case, for your consideration in case you find it useful for enough people.

Thank you so much for this brilliant code.

Display of links

For tasks that have embedded URL links, the timeline just shows the URL instead of the description. eg. Timeline displays this:

image

when it should display this:

image

Unable to Select Daily Note Folder

I'm having trouble selecting my daily note folder in Dataview, which follows the following structure: YYYY/MM-MMMM/YYYY-MM-DD.

For example, the daily note for February 24, 2023, would be in "700 Journal/2023/02-February/".

Currently, I'm using the following code to select the correct daily note folder:

await
dv.view("taskido", {
    pages: "", 
    select: "", 
    inbox: "", 
    dailyNoteFolder: "700 Journal/" + moment().format("YYYY/MM-MMMM"), 
    forward: true,
    options: ""
})

However, this requires code injection into the Dataview script, and I wanted to know if there is a way to achieve the same result without modifying the script.

I appreciate your help.

Missing tasks not in daily notes

Hello. Tasks that I have in notes not in my daily notes folder don't appear, even without any options or anything set. However, they do seem to appear when I add a due date to them. Is this by design? How can I make all unplanned tasks appear?

Strange results with the option noFile

With the css and js files from #6, I get the following results with the options overdueTasksToday: true, starred: false, options: "noFile noAdd". I got similar results even when removing noFile from the option.

image

Specific folder to capture unplanned tasks

Hi,
I am using the default (demo) file, however, my unplanned tasks are not counted (or shown). Is there something specific to be considered?

Bonus question: How could I show the ongoing tasks, e.g. "process" tasks as shown in some of the screenshots in the description?

Cheers
Andre

Counter boxes on top of timeline

Is there a way to display the Today view with the To Do, Overdue, and Unplanned boxes and quick entry at the top of the display and then the tasks all underneath? In my case, I have quite a few undated tasks that clutter up the display before I get to the today view which I think is the most valuable aspect.

Appreciate your efforts and time.

Add task under header in file [or create it first]

If the task is added via quick entry in your data-view add option to:

  • add custom heading before the task is added
  • add tasks after heading

This will be extremely useful and I will not see any reason not use your quick adding of the task!

Example 1

  1. I will add task [ ] Task 1 in file 2023-10-10.md via quick add in dataview
  2. In the file there is no level 1 heading # Tasks
  3. Add level 1 heading with name # Tasks
  4. Add [ ] Task 1 under heading # Tasks

Output

 # Tasks

- [ ] Task 1

Example 2

  1. I will add task [ ] Task 2 in file 2023-10-10.md via quick add in dataview
  2. In the file there is ==already== level 1 heading # Tasks
  3. Add [ ] Task 2 under heading [ ] Task 1

Output

 # Tasks

- [ ] Task 1
- [ ] Task 2

Support showing Dataview tasks

While Tasks Calendar can display tasks annotated with Dataview inline fields, Tasks Timeline does not seem to support this well. I am using the same query for looking for desired tasks. However, tasks like - [ ] Task [due::2023-01-06] shows up in Tasks Calendar but does not show up in Tasks Timeline.

Display block ID differently from task text

Maybe a tiny issue, but it might be less disturbing if the block link at the end of the task text could be displayed a little differently from the task text. For example, in the Obsidian editor, block links would display with a smaller font size in the upper-right corner.

Re-implement with typescript and React.

Hi, sorry for bothering again,

Just want to share you some of my recent work. I re-implement your design with typescript and React and for now I have made it successfully rendered.

The goal is to make a modularized component or interface out of your original design, which takes task items as input and renders the view in a given container.
I believe it will be much easier to maintain with a modularized design (a lot of work still need to do to make it real modularized tho), and also it will be possible to integrate this component to other applications. Hope you like it!

Also, I am trying to make it work with obsidian-dataview (just like how it works originally). I tried to compile the ts codes into one entry script but I do not know how the inputs can be passed in, I will let you know if I work it out.

Best wishes,
zhuwenq

image

New field to frontmatter

As a reply to that in issue 18.

My suggestions

I think your idea is great. But there are also some my suggestions. Could you add a new field to frontmatter and include this file when it is an exact value?

For example, I usually use the board view of the projects plug-in to manage all my projects. A project corresponds to a file, and these files contain related tasks. I usually set a field called status for these files, such as “To Do”, "In Progress", "Completed", and "Shelved". When I drag an item from one board to another, the corresponding status will be updated automatically. Automatic status update is a good enjoyment, isn't it?

Since the project “in progress“ is something I need to pay extra attention to, can I just filter it in the timeline?

Screenshots about the board in projects plugin

image

Undesired notes would display in the timeline view

Sometimes, notes that do not satisfy the Dataview queries would display in the timeline view. For example, I have the following notes that should not display:

  • Notes with no tasks at all
  • Notes with tasks but without the desired tags

For example, one note that should not display is as follows. As can be seen, the icon might correspond with a note, which is not the same as the icon for tasks:
image

Request: color task name based on file's defined color

First of all, thank you SO much for the the tasks timeline. It's really amazing!

I just wanted to request the ability to have the task's name be colored by the file's color. That would help me to more easily visually distinguish between types of tasks!

[Feature Request] Invert sorting in listview

Hi there.
I love your script. Very very useful. I use exclusively the listview, not the calendar.

But it drives me crazy that past entries are first and current (and future ones) are bottom.
Would it be too complicated to provide an option for inverting the view? Past entries bottom, recent entries top.

Thanks

Can you provide an example repository?

Can you provide an example repository? I would like to learn from your setup because I am unable to achieve the same results as your image when following your instructions.

[Bug report] Strange block covers the `timeline.stripe`.

Hi, I like what you designed in this plugin, especially some beautiful details like the stripe (vertical line) below the checkbox icon.

But I am facing a problem with the style of the stripe, like the screen shots blow, there is a strage block showing in front and it covers the strip, which makes it looks bad.

In drak mode

In light mode

I checked the style sheet with the developer tools and find it is caused by a .timeline::after style, but I am unable to find this style snippet in the view.css.

By the way, not sure have you read the issue I opened for a wrapper plugin (702573N/Obsidian-Tasks-Calendar#57 (comment)), please check it out if it may, looking forward to talk to you about it.

Icon not rendering.

Doesn't show the icon, it only show the check box. I tried to disable all custom css but it is still the same?

edit: Seem like there was some changes made in 1.2.0, that differ from the screenshots.

why my note appears in the timeline?

image

Hello, why are these contents in my timeline? What does this symbol mean? It seems that one of my previous checkboxes contains an internal link to that notes, and then they appear here.

Thank you very much for your efforts~

gantt chart

It's also called the "timeline view" and your plugin is called "tasks timeline", so, is it in the scope of the plugin to provide a gantt chart view of obsidan tasks ?

Support hiding note names

In my use case, it often happens that one note would only contain one task to show in the Timeline view. In this case, showing the note names can take too much space. Therefore, it would be great if there can be an option to hide note names where the tasks comes from.

starred option is not working

For the latest release starred option is not working. I have not found any handler of this option inside js file :(

2023-01-10_00-24-55

todayFocus causing script error

When I have my query as:

await dv.view("taskido", {
pages: ""
options: "todayFocus"

})

I get this error:

Evaluation Error: SyntaxError: Unexpected identifier
at DataviewInlineApi.eval (plugin:dataview:19673:21)
at evalInContext (plugin:dataview:19674:7)
at asyncEvalInContext (plugin:dataview:19681:16)
at DataviewJSRenderer.render (plugin:dataview:19705:19)
at DataviewJSRenderer.onload (plugin:dataview:19289:14)
at DataviewJSRenderer.e.load (app://obsidian.md/app.js:1:864580)
at t.e.addChild (app://obsidian.md/app.js:1:864981)
at t.addChild (app://obsidian.md/app.js:1:1417524)
at Object.addChild (app://obsidian.md/app.js:1:1416549)
at DataviewApi.executeJs (plugin:dataview:20214:19)

can i use the link in everts?

as shown below, without the double square brackets, these works well. Just wonder, is it possible to use a link for the date of an events?

image

Hide unplanned tasks by default

I'm having a little trouble finding the right combination of settings for the functionality I need, essentially I want to replicate the functionality of the 'noDailyNote' flag in the Tasks Calendar script and hide unplanned tasks by default

I figured I could do this by setting the options to prefilter todoFilter overdueFilter which didn't work. I tried counterAction from this comment but that didn't help either. (I also tried removing the forward and dailyNoteFolder options as well)

Could you point me in the right direction?

await dv.view("taskido", {pages: "", options: "noDone noYear todoFilter overdueFilter", dailyNoteFolder: "daily", forward: true})
await dv.view("taskido", {pages: "", options: "noDone noYear todoFilter overdueFilter", dailyNoteFolder: "daily", forward: true, counterAction: "focus"})

Display week/month calendar based on specific file name

Hi,
This is a great snippet I have been dreaming of. Thank you so much for creating it!
I wonder if this feature could be done: I want to add the weekly calendar view to my weekly note (my weekly note named 2023-W03), and the calendar would display the week of that note, instead of the current week. For example, right now is Week 3, so when I open Week 1 weekly note, the calendar should show Week 1 tasks calendar. But right now it always shows the current Week 3 no matter where I put the dataviewjs code.

the rule about filter task

I really like this plugin. There is just a confusion when using it and I would appreciate an answer!

Currently, only tasks in DailyNote and Inbox are recognised, tasks in other folders don't appear without a date specified.
For example, task1 that appears in the picture is under DailyNote, while task2 in Project/Note1 does not appear in unplanned.

What should I do to show task2 her

My script is set up as shown.

Thank you very much for making this plugin!

截屏2023-07-13 11 26 09 截屏2023-07-13 11 32 04

How to update easily?

Hi @702573N,
I just found Taskido and I am already loving it! I was able replace some basic Tasks queries as this custom view already contains so much information, thank you!

Since there are frequent releases in this repo, is there an easy way to update this custom view? Having a community plugin would be great! Same goes for your calendar view.

Thank you.

Support grouping tasks based on All, To do, Overdue and Unplanned

Currently, all tasks would show on the same column, and clicking one category, e.g., "To Do", would highlight all related tasks for today. It would be great if the tasks can be categorized as something like All, To Do, Overdue and Unplanned:

  • For the group "All", it would list all tasks, including "To Do", "Overdue" and "Unplanned". Since "Overdue" tasks would be red by default, one can still distinguish different groups of tasks.
  • For the group "To Do", it would not include "Overdue" or "Unplanned" tasks. It is similar for the groups "Overdue" and "Unplanned".
  • One can set in options which group to focus on by default.

By grouping tasks like this, one can better see tasks in each group, instead of, for example, scrolling to the bottom of "Overdue" to see "To Do" tasks.

Screenshot 2023-01-17 at 12 51 32

how to use taskOrder?

hello,please tell me how to use the taskOrder field to order the tasks?I try to use it as follows,but it doesn't work:

image

image

Check tasks without open note

Hello, I found that clicking the icon to complete the task and clicking the link in the timeline will directly open the task file. I think this may lose their original meaning. Why not open the file directly and click them?

Feature Request

It doesn't appear that markdown aliases are rendered correctly... I uses note aliases in my tasks to keep them shorter.

For example:
- [ ] Follow up with [[John Smith|John]] on the document he wrote.

Which shows as:

PS - Super impressed with what you created here!

Grouping tasks from same note inside day

hi,

this is great! but i would like the events on the same page to be grouped. I know nothing about coding. I read the readme and could not find any hints.

please help.

image

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.