The book-progress from peccu

book search improvement

search by name or author or so
search in google book or so (includes non Japanese book)

history editor doesn’t work after update history

date picker and time picker doesn’t work.

date format

show formatted date

store data into db

load realm web
register, login, pass reset, mail confirmation
load apollo
save progress, load progress

completion registration

improve update history UI

change radio into button like boxes

progress date will not be updated when update progress

move buttons and cover photo into top of detail view

number input for isbn

import/export via file upload/download

ref. https://stackoverflow.com/a/18197341 for downloading

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}

ref. https://web.dev/read-files/ for reading file

form

<!-- The `multiple` attribute lets users select multiple files. -->
<input type="file" id="file-selector" multiple>
<script>
  const fileSelector = document.getElementById('file-selector');
  fileSelector.addEventListener('change', (event) => {
    const fileList = event.target.files;
    console.log(fileList);
  });
</script>

drop zone

const dropArea = document.getElementById('drop-area');

dropArea.addEventListener('dragover', (event) => {
  event.stopPropagation();
  event.preventDefault();
  // Style the drag-and-drop as a "copy file" operation.
  event.dataTransfer.dropEffect = 'copy';
});

dropArea.addEventListener('drop', (event) => {
  event.stopPropagation();
  event.preventDefault();
  const fileList = event.dataTransfer.files;
  console.log(fileList);
});

read and progress

function readFile(file) {
  const reader = new FileReader();
  reader.addEventListener('load', (event) => {
    const result = event.target.result;
    // Do something with result
  });

  reader.addEventListener('progress', (event) => {
    if (event.loaded && event.total) {
      const percent = (event.loaded / event.total) * 100;
      console.log(`Progress: ${Math.round(percent)}`);
    }
  });
  reader.readAsDataURL(file);
}

peccu / book-progress Goto Github PK

book-progress's People

Contributors

Stargazers

Watchers

book-progress's Issues

Recommend Projects

Recommend Topics

Recommend Org