Auto fill timesheets

README.md

Auto Fill ur Oneview timesheets :)

Install

1. Download a plugin called code injector.

   1. Chrome Extension

2. Add the host oneview\.kroger\.com

3. Enable on page load

4. paste the script above in it

5. Click autofill and submit :)

Sometimes the page doesnt load the auto fill button when you populate your timesheet, just give the page a quick refresh and it will reappear.

autofill.js

// Type your JavaScript code here.

const tasks = [
  {
    name: "Item A",
    time: 1
  }, {
    name: "Item B",
    time: 6.5
  }, {
    name: "Item C",
    time: .5
  }
]


function getDays() {
    let days = []
    document.querySelectorAll('[data-columnid="day"]').forEach(e => {
      let content = e.innerText;
      if (content.length > 0) {
        days.push(content.replace(/\n/g, " ").trim().replace(" ", ", "))
      }
    })
    return days;
}

function autoFill() {
  let days = getDays();
  let weekDays = days.slice(1,6);
  weekDays.forEach(dayOfWeek => {
    tasks.forEach(task => {
      let day = document.querySelector(`input[alt*='${dayOfWeek}'][alt*='${task.name}']`)
      if (!day.value) {
        day.value = task.time
      }
    })    
  })
}

function main() {
  let container = document.querySelector('div[class*="ppm_button_bar"]');
  if (!container) {
    setTimeout(main, 200)
    return;
  }
  if (!container.querySelector('button[id="auto-fill"]')) {
    let button = document.createElement("button");
    button.id = "auto-fill"
    button.innerText = "Auto Fill"
    button.style = "padding: .5em; background-color: gray; color: white; margin: 1em;"
    button.onclick = autoFill;
    container.appendChild(button)
  }
}

main();