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.
22 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 '82fc9b3dc3'
${ noResults }
Go to file
brian 82fc9b3dc3 streamlined dispatch api 4 years ago
handlers streamlined dispatch api 4 years ago
.gitignore Initial commit 4 years ago
App.js can create new bins 4 years ago
LICENSE Initial commit 4 years ago
Note.js fixed syncing a note's temp_text with its actual text, in different sitations; updating text updates 'modified' time on the mock server 4 years ago
README.md keyed every element for efficiency 4 years ago
api-stub.js can create new bins 4 years ago
api.js faux-api calls, separate event handler modules 4 years ago
immer.min.js switch to immer.js 4 years ago
index.css started TODO list in README 4 years ago
index.html switch to immer.js 4 years ago
index.js streamlined dispatch api 4 years ago
mithril.min.js Copied-in mithril skeleton 4 years ago
nanoid.min.js faux-api calls, separate event handler modules 4 years ago
redux.min.js updated from mithril-skeleton to include redux 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