Function init

scripts/web_timer_main.js:62–223

()

}

function init() {
  backBtn.addEventListener("click", () => {
    window.history.back();
  });

  // date type
  let group = document.createElement("optgroup");
  group.label = t({ vi: "Lấy dữ liệu theo:", en: "Analyze by" });
  dateTypeSelect.appendChild(group);
  [
    {
      value: DATE_TYPE.DAY,
      name: t({ vi: "Ngày", en: "Day" }),
    },
    {
      value: DATE_TYPE.RANGE,
      name: t({ vi: "Khoảng ngày", en: "Range" }),
    },
    {
      value: DATE_TYPE.ALL,
      name: t({ vi: "Tất cả", en: "All" }),
    },
  ].forEach((o) => {
    let selected = config.dateType === o.value;
    dateTypeSelect.options.add(new Option(o.name, o.value, selected, selected));
  });

  dateTypeSelect.addEventListener("change", (e) => {
    let type = e.target.value;
    switch (type) {
      case "day":
        displayTypeSelect.style.display = "none";
        config.dateType = DATE_TYPE.DAY;
        showData(config);

        datePickerContainer.innerHTML = `
          <button type="button">◀</button>
          <button class="date-selector"></button>
          <button type="button">▶</button>`;

        const [preBtn, dateBtn, nextBtn] =
          datePickerContainer.querySelectorAll("button");

        dateBtn.innerText = formatDate(config.fromDate);
        dateBtn.addEventListener("click", (e) => {
          let x = dateBtn.offsetLeft - document.documentElement.scrollLeft;
          let y = dateBtn.offsetTop - document.documentElement.scrollTop;
          openDatePicker(
            x,
            y,
            config.fromDate,
            getOldestDate(),
            new Date()
          ).then((selectedDate) => {
            if (selectedDate) {
              dateBtn.innerText = formatDate(selectedDate);
              config.fromDate = selectedDate;
              showData(config);