rauversion/rauversion-ror

Function uploadFile has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  uploadFile() {
    this.totalUploads = this.inputTarget.files.length;  // Set the total number of files to be uploaded
    this.maxSizeValue = 200 * 1024 * 1024  // 200 MB in bytes

    if(this.totalUploads > 5){

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    this.validFiles.forEach((validFile) => {
      const {file, index} = validFile
      const identifier = Math.floor(Math.random() * Date.now()).toString(16)
      const progressBar = this.add_template(identifier, file) //this.createProgressBar(identifier);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  createProgressBar(index) {
    const progressBar = document.createElement('div');
    progressBar.setAttribute("id", `progress-bar-${index}`);
    progressBar.style.width = "0%";
    progressBar.style.height = "20px";

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  createHiddenBlobInput(blob) {
    const hiddenField = document.createElement("input");
    hiddenField.setAttribute("type", "hidden");
    hiddenField.setAttribute("value", blob.signed_id);
    hiddenField.name = this.inputTarget.name;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  handleDrop(e) {
    this.preventDefaults(e);
    let files = e.dataTransfer.files;
    this.inputTarget.files = files;
    this.uploadFile();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      if (file.size > this.maxSizeValue) {
        errors.push(`File ${file.name} exceeds the size limit of ${this.maxSizeValue / (1024 * 1024)} MB.`);
        return;
      }

• Read up
  Read up