Giter VIP home page Giter VIP logo

notion-tool's Introduction

๐Ÿ‘‹ Hi, Iโ€™m @benben6515

A Front-End developer from Taiwan

stats graph languages graph


Main Languages and Tools

- Languages and Tools

html5 css3 javascript typescript git linux

- Framework

react redux vuejs

- Style

bootstrap sass tailwind

Second Languages and Tools:

nodejs express mongodb mysql postgresql

Basic Languages and Tools:

cplusplus python


๐Ÿšฉ Some Records/Practice

Create by @benben6515 used P5.js

notion-tool's People

Contributors

benben6515 avatar peter-liao-github avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

rockyooooooo

notion-tool's Issues

ๆœˆไบฎ็‰ˆ(ๅคšๅ€‹ๅŒ็ณปๅˆ— emoji ็‰ˆ)

https://raymondhouch.com/lifehacker/digital-workflow/notion-progress-bar/

ๆœˆไบฎ้€ฒๅบฆๆข-Notion

join(โ€œโ€, if(largerEq(prop(โ€œ็พๅœจๅ€ผโ€) / prop(โ€œ็›ฎๆจ™ๅ€ผโ€) * 100, 10), slice(โ€œ๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•๐ŸŒ•โ€, 0, floor(prop(โ€œ็พๅœจๅ€ผโ€) / prop(โ€œ็›ฎๆจ™ๅ€ผโ€) * 10) * 2), โ€œโ€), if(largerEq(divide(prop(โ€œ็›ฎๆจ™ๅ€ผโ€) โ€“ prop(โ€œ็พๅœจๅ€ผโ€), prop(โ€œ็›ฎๆจ™ๅ€ผโ€)) * 100, 10), slice(โ€œ๐ŸŒ‘๐ŸŒ˜๐ŸŒ—๐ŸŒ–๐ŸŒ•โ€, floor(mod(prop(โ€œ็พๅœจๅ€ผโ€) * 10, prop(โ€œ็›ฎๆจ™ๅ€ผโ€)) / prop(โ€œ็›ฎๆจ™ๅ€ผโ€) / 0.25) * 2, floor(mod(prop(โ€œ็พๅœจๅ€ผโ€) * 10, prop(โ€œ็›ฎๆจ™ๅ€ผโ€)) / prop(โ€œ็›ฎๆจ™ๅ€ผโ€) / 0.25) * 2 + 2), โ€œโ€), if(largerEq(divide(prop(โ€œ็›ฎๆจ™ๅ€ผโ€) โ€“ prop(โ€œ็พๅœจๅ€ผโ€), prop(โ€œ็›ฎๆจ™ๅ€ผโ€)) * 100, 10), slice(โ€œ๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘๐ŸŒ‘โ€, 0, ceil(10 โ€“ prop(โ€œ็พๅœจๅ€ผโ€) / prop(โ€œ็›ฎๆจ™ๅ€ผโ€) * 10) * 2), โ€œโ€), โ€ โ€œ, slice(format(prop(โ€œ็พๅœจๅ€ผโ€) / prop(โ€œ็›ฎๆจ™ๅ€ผโ€) * 100), 0, 5) + โ€œ%โ€)

Notion formula string ็”ขๅ‡บ

ๆˆชๅœ– 2023-06-16 14 37 38

Simple

if(prop("Completed") / prop("Goal") >= 1, "โœ…", if(empty(prop("Completed")) and not empty(prop("Goal")), "0%", replaceAll(slice("xxxxxxxxxx", 0, floor(prop("Completed") / prop("Goal") * 10)), "x", "โญ๏ธ") + " " + format(floor(prop("Completed") / prop("Goal") * 100)) + "%"))

Full

if(prop("Completed") / prop("Goal") >= 1, "โœ…", replaceAll(slice("xxxxxxxxxx", 0, floor(prop("Completed") / prop("Goal") * 10)), "x", "๐ŸŒณ") + replaceAll(slice("xxxxxxxxxx", 0, ceil(10 - prop("Completed") / prop("Goal") * 10)), "x", "๐ŸŒฑ") + " " + format(floor(prop("Completed") / prop("Goal") * 100)) + "%")

Progress bar type

Screenshot 2023-06-18 at 9 20 06 AM

I currently made bar type, but I noticed another side type needs to be added.

And there are other details

  • whether show 100%
  • when 100% need to show another emoji

้—œๆ–ผ `flowbite-react` ็š„ TS ๆ”ฏๆด

ๆˆ‘่ฃๅฎŒ flowbite ่ทŸ flowbite-react ็š„๏ผŒๆƒณ่ชชๆ€Ž้บผ้‚„ๆ˜ฏไบฎ็ด…็‡ˆ QQ

image

ๅพŒไพ†็œ‹ไบ†ไธ€ไธ‹ๆ–‡ไปถ๏ผŒๆžœ็„ถ flowbite-react TS ็š„ๆ•ดๅˆ้‚„ๆฒ’ๅฅฝ๏ผŒๆ‡‰่ฉฒๆ˜ฏ flowbite ๅคชๆฝฎไบ† ๐Ÿ’ฆ

https://www.flowbite-react.com/docs/getting-started/typescript

image

ไฝ†่ท‘่ตทไพ†ๆ˜ฏๆฒ’ๅ•้กŒ็š„๏ผŒ้‚ฃๆˆ‘ๅ€‘ๅฐฑๅ…ˆๆ”พ่‘—ๅงไน‹ๅพŒๅ†ๅŠ ไธŠ TS ๐Ÿ˜‚

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.