GithubHelp home page GithubHelp logo

vandesm14 / logseq-plugin-countdown-bar Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pengx17/logseq-plugin-todo-master

0.0 1.0 0.0 490 KB

A simple plugin to render a progress bar to count down to a time of day.

License: MIT License

JavaScript 5.17% TypeScript 92.10% HTML 2.73%

logseq-plugin-countdown-bar's Introduction

Logseq Plugin TODO Master

A simple plugin to render a progress bar to gather the overall progress of the TODO markers based on the rendering position.

Usage

Use slash command [TODO Master] Add Progress Bar to add a progress bar macro {{renderer :todomaster}} . The progress will be calculated based on the position of the macro.

  • If the macro has children blocks, it will show the progress of the children blocks
  • If the macro is at the root of the page (without a parent block) and has no children blocks, it will show the progress of the current page
  • If the macro is rendering in a block which has a query block, it will show the progress of the query block

Tips

Since this macro {{renderer :todomaster}} will display progress based on the rendering block, you can place it in the journal template, or in a query block title. Here are some examples:

Add TODO Master into the page's properties

progress:: {{renderer :todomaster}}

Add TODO Master into the query block's title

#+BEGIN_QUERY
{:title "{{renderer :todomaster}}"
    :query [:find (pull ?h [*])
            :in $ ?start ?next
            :where
            [?h :block/marker ?marker]
            [?h :block/refs ?p]
            [?p :block/journal? true]
            [?p :block/journal-day ?d]
            [(> ?d ?start)]
            [(< ?d ?next)]]
    :inputs [:today :7d-after]
    :collapsed? false}
#+END_QUERY

logseq-plugin-countdown-bar's People

Contributors

pengx17 avatar semantic-release-bot avatar testingbytes avatar vandesm14 avatar waymedev avatar

Watchers

 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.