roam-javascript

Roam Projects by Murf

Each section below outlines details for each script that can be installed in Roam via roam/js.

Table of Contents

Attribute Table Filters

Description

Installation

To install, do the same thing you do for any roam/js script.

  1. Create page in Roam (if not already present) called [[roam/js]]
  2. If you previously installed this script by copying from a GitHub Gist, remove it from [[roam/js]] now.
  3. Create a new block on this page and enter: ``
  4. Nest under that block a Code Block
  5. Make sure the code language is set as JavaScript
  6. Paste the following into the new Code Block
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "https://gitmurf.github.io/roam-javascript/attr-tables-filter.js";
    document.getElementsByTagName("head")[0].appendChild(s);
    
  7. A warning box shows up asking you to review the risks of using roam/js.
  8. Once you have reviewed the warning and understand/accept the risk, click Yes.
  9. Refresh Roam and the script should now be installed!

Demo

Detailed Instructions

screenshot screenshot screenshot screenshot

General Demo

How to Use

Setting Default Filters

Default Filters

Ideas Backlog

I am keeping track of new ideas here: Attribute Table Filters - Backlog of Ideas / Features · Issue #5 · GitMurf/roam-javascript

Change Log

v0.5.0

v0.4.8

v0.4.7

v0.4.6

v0.4.5

v0.3

Scratch Pad

Description

Installation

Demo

Roam-highlighter Browser Extension

Description

Installation

Demo

Filter Improvements

Description

Installation

Demo

Query Improvements for TODO

Description

Installation

Demo

Cleanup before paste into Roam

Description

Installation

Demo

Smart Linking

Description

Installation

Demo

Kanban Agenda

Description

Run this SmartBlock on any block to schedule/send it to a Kanban Agenda on any Daily Notes Page.

Full MP4 Demo (apologize for the choppy video): https://user-images.githubusercontent.com/64155612/108444821-34741c80-7210-11eb-890d-2b65a892a128.mp4

Installation

  1. FIRST you must add the Kanban Agenda CSS to a roam/css code block. Get it from here: https://github.com/abhayprasanna/abhayprasanna.github.io/tree/master/kanban%20agenda#css

  2. Next, copy the raw JS code from here: https://raw.githubusercontent.com/GitMurf/roam-javascript/master/kanban-agenda/kanban-agenda-sb.js

  3. Finally, paste that code into this smartblock “shell” where it says //paste code here...:

image

Should end up looking something like this:

image

DEMO

Kanban agenda GitHub Demo 1

Custom Settings for the SmartBlock

Copy and paste the following ANYWHERE into your Roam Graph and change the #42Setting settings accordingly.

Optional roam/js for additional features

On Click of Daily Agenda title: add “Date” + “Next Event” + “Events Remaining Count”

Kanban agenda - onClick Demo1

Highlight current hour and add line to show minutes within the hour

Kanban agenda - highlightCurrentHour Demo1

TEMPLATE

Description

Installation

Demo

License

License

This project is licensed under the MIT license - see the LICENSE file for details