summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--content/projects/uebersicht-todoist/demo.jpgbin0 -> 26217 bytes
-rw-r--r--content/projects/uebersicht-todoist/index.md151
-rw-r--r--content/projects/uebersicht-todoist/overview.jpgbin0 -> 401740 bytes
-rw-r--r--hugo.toml3
4 files changed, 142 insertions, 12 deletions
diff --git a/content/projects/uebersicht-todoist/demo.jpg b/content/projects/uebersicht-todoist/demo.jpg
new file mode 100644
index 0000000..93bea1c
--- /dev/null
+++ b/content/projects/uebersicht-todoist/demo.jpg
Binary files differ
diff --git a/content/projects/uebersicht-todoist/index.md b/content/projects/uebersicht-todoist/index.md
index 34bd4bc..d30c0ae 100644
--- a/content/projects/uebersicht-todoist/index.md
+++ b/content/projects/uebersicht-todoist/index.md
@@ -1,16 +1,143 @@
---
-title: "Todoist Desktop Viewer"
+title: "Todoist Task Viewer"
date: 2023-10-23T23:20:05-04:00
-draft: true
+draft:
---
-Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
-labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi
-anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est
-aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud
-officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat
-reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia
-voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt
-duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt
-velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est
-culpa et culpa duis.
+Back in 2018, I daily drove a mac and I really wanted my daily tasks
+to always be visible. Having learned about the uebersicht desktop app,
+I decided to write a task visualizer (available offline) that interacted
+with the Todoist API.
+
+[Todoist][1] is pretty great, it's an extensible task management software which
+runs on a variety of platforms: Desktop mac, windows, and linux, browser email
+extensions, iOS & Android. Up until very recently, I have continued to use this
+task manager in my daily life (albeit with different tools & plugins such as
+[Todoist.Nvim][2]. As of the writing of this short article I now use a more
+custom workflow with [neorg][3]. But I still consider this little tool I built
+to be quite nifty as many people actually downloaded it and daily drove it.
+
+Back then my train of thought was as follows:
+
+> if I don't see a task, I might never do it.
+
+Having my tasks always there on my Desktop seemed like a great way to get more
+productive. To accomplish this, I discovered a nifty little tool called
+[uebersicht][4] which allows to render coffeescript snippets directly on the
+mac's desktop (which I daily drove at the time). Althought the rendering was
+done with coffeescript, it did allow to run the logical of my snippet in
+whichever language I prefered. As I was only beggining to code a bit more
+seriously, I chose to do that part in a language I knew, Python.
+
+These were the goals I initially set for this little applet:
+
+- It must show a specific project (since the inbox is a project in itself)
+- It must not break whenever the computer comes offline
+- Task priorities must be visible through the color of the task
+
+And so, this is what my python code looked like:
+
+```python
+# -*-coding:utf-8 -*
+import online
+import pickle
+import os
+
+def main():
+ with open('todoist_API.txt') as f:
+ # Token must be the first line
+ token = f.readline()
+
+ if online.main() == False:
+ with open("todoist.cache", "rb") as myFile:
+ loaded_cache = pickle.load(myFile)
+ # Rank used to display a numbered list
+ rank = 0
+ for i in loaded_cache: # all the items in todoist
+ if i['project_id'] == 170911352: # if item is in "inbox"
+ if i['checked'] == 0: # if item is incomplete
+ if i['priority'] == 1:
+ pri = "<p class='priority4'>"
+ elif i['priority'] == 2:
+ pri = "<p class='priority3'>"
+ elif i['priority'] == 3:
+ pri = "<p class='priority2'>"
+ elif i['priority'] == 4:
+ pri = "<p class='priority1'>"
+ rank += 1
+ print(pri, "<b>", rank, '- </b>',
+ i['content'], "</p>") # name and id
+
+
+ elif online.main() == True:
+ from todoist.api import TodoistAPI
+ api = TodoistAPI(token)
+ api.sync() # initial sync
+
+ if os.path.exists("todoist.cache"): # Delete old cache
+ os.remove("todoist.cache")
+ open("todoist.cache", 'a').close() # Initialise new cache
+ # https://stackoverflow.com/questions/17322273
+ with open("todoist.cache", "wb") as myFile:
+ pickle.dump(api.state['items'], myFile)
+
+ rank = 0
+ for i in api.state['items']: # all the items in todoist
+ if i['project_id'] == 170911352: # if item is "inbox"
+ if i['checked'] == 0: # if item is incomplete
+ if i['priority'] == 1:
+ pri = "<p class='priority4'>"
+ elif i['priority'] == 2:
+ pri = "<p class='priority3'>"
+ elif i['priority'] == 3:
+ pri = "<p class='priority2'>"
+ elif i['priority'] == 4:
+ pri = "<p class='priority1'>"
+ rank += 1
+ print(pri, "<b>", rank, '- </b>',
+ i['content'], "</p>") # name and id
+
+if __name__ == '__main__':
+ main()
+```
+
+I did need to verify if the computer was online, and I did this with quite a minimal (and naive)
+package which I wrote. Here it is:
+
+```python
+# -*-coding:utf-8 -*
+from urllib.error import URLError
+import urllib.request
+
+def main():
+ loop_value = 0
+ # Gives up on trying to connect after 6 failed attempts
+ while loop_value < 5:
+ try:
+ urllib.request.urlopen("http://www.google.com")
+ loop_value = 6
+ except URLError as e:
+ loop_value += 1
+ if loop_value == 6:
+ return(True)
+ else:
+ return(False)
+
+if __name__ == '__main__':
+ main()
+```
+
+Albeit simple, here is the final result:
+
+![Todo visual demo](./demo.jpg)
+
+As mentionned, it is quite simple. But that was by design. I used a couple of
+other widgets in conjuction with this one. And with a bit of fiddling, this is
+the result I daily drove on my machine for quite some time:
+
+![Todo widget in a greater context](./overview.jpg)
+
+[1]: https://todoist.com
+[2]: https://github.com/romgrk/todoist.nvim
+[3]: https://github.com/nvim-neorg/neorg
+[4]: https://tracesof.net/uebersicht
diff --git a/content/projects/uebersicht-todoist/overview.jpg b/content/projects/uebersicht-todoist/overview.jpg
new file mode 100644
index 0000000..46a8ead
--- /dev/null
+++ b/content/projects/uebersicht-todoist/overview.jpg
Binary files differ
diff --git a/hugo.toml b/hugo.toml
index a35b660..8f35eae 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -2,3 +2,6 @@ baseURL = 'https://dev.chausse.xyz/'
languageCode = 'en-us'
title = 'Chausse Benjamin'
theme = 'cranky'
+[markup]
+ [markup.highlight]
+ style='onedark'