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.
17 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 'bd4aca06d7'
${ noResults }
Go to file
brian bd4aca06d7 sorting works, on mock api server 5 years ago
handlers sorting works, on mock api server 5 years ago
.gitignore Initial commit 5 years ago
App.js faux-api calls, separate event handler modules 5 years ago
LICENSE Initial commit 5 years ago
Note.js faux-api calls, separate event handler modules 5 years ago
README.md keyed every element for efficiency 5 years ago
api-stub.js sorting works, on mock api server 5 years ago
api.js faux-api calls, separate event handler modules 5 years ago
index.css started TODO list in README 5 years ago
index.html updated from mithril-skeleton to include redux 5 years ago
index.js faux-api calls, separate event handler modules 5 years ago
mithril.min.js Copied-in mithril skeleton 5 years ago
nanoid.min.js faux-api calls, separate event handler modules 5 years ago
redux.min.js updated from mithril-skeleton to include redux 5 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