avraham
/
pastebin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
14 Commits
5 Branches
0 Tags
123 KiB
JavaScript 91.3%
CSS 7.1%
HTML 1.2%
Dockerfile 0.4%
 
 
 
 
dev
master
stable
docker-compose
readme
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '1cc395eac2'
${ noResults }
Go to file
brian 1cc395eac2 Merge commit '21bc2090151f73b1709941344e75f9df02166d5b' as 'skel' 4 years ago
skel Merge commit '21bc2090151f73b1709941344e75f9df02166d5b' as 'skel' 4 years ago
.gitignore Squashed 'skel/' content from commit 2f86f65 4 years ago
App.js added 'modified' field to notes 4 years ago
LICENSE Squashed 'skel/' content from commit 2f86f65 4 years ago
Note.js note text is now editable 4 years ago
README.md Squashed 'skel/' content from commit 2f86f65 4 years ago
index.css started TODO list in README 4 years ago
index.html Copied-in mithril skeleton 4 years ago
index.js Copied-in mithril skeleton 4 years ago
mithril.min.js Copied-in mithril skeleton 4 years ago

README.md

pastebin

Simple pastebin made with Mithril JS.

User Interface (UI)

Along the top are:

  • "New Note..." button
  • Search box
  • "Sort" dropdown

On the top-right are:

  • Bin ID
  • "New Bin..." button

The main area is simply a flexbox list of Notes.

Each note contains:

  • Note text
  • "Edit" button

User Experience (UX)

The root page creates a new bin, and sets the browser's location accordingly.

Clicking "New Note..." clears the search and sort, so the new note comes out first in the list.

TODO

  • provide handlers for events
  • get/set state from/to server
  • add paging