SafeSettingsView.js

import {
  idAbCycleAmount,
  idAbMaxPurchases,
  idAbPauseFor,
  idAbStopAfter,
  idAbWaitTime,
  idAbAddBuyDelay,
  idAbDelayToAdd,
  idAbRestartAfter,
} from "../../../elementIds.constants";
import { generateTextInput } from "../../../utils/uiUtils/generateTextInput";
import { generateToggleInput } from "../../../utils/uiUtils/generateToggleInput";

export const safeSettingsView = function () {
  return `<div style='display : none' class='buyer-settings-wrapper safety-settings-view'>  
  <hr class="search-price-header header-hr">
  <div class="search-price-header">
    <h1 class="secondary">Safety Settings:</h1>
  </div>
  ${generateTextInput(
    "Wait Time",
    "7-15",
    { idAbWaitTime },
    "(Random second range eg. 7-15)",
    "CommonSettings",
    "text",
    "\\d+-\\d+$"
  )}
  ${generateTextInput(
    "Max purchases per search request",
    1,
    { idAbMaxPurchases },
    "<br/>",
    "CommonSettings"
  )}
  ${generateTextInput(
    "Pause Cycle",
    "10-15",
    { idAbCycleAmount },
    "(No. of searches performed <br/> before triggering Pause eg. 10-15)",
    "CommonSettings",
    "text",
    "\\d+-\\d+$"
  )}
  ${generateTextInput(
    "Pause For",
    "5-8S",
    { idAbPauseFor },
    "(S for seconds, M for Minutes, H for hours eg. 0-0S)<br/><br/>",
    "CommonSettings",
    "text",
    "\\d+-\\d+[H|M|S|h|m|s]$"
  )}
  ${generateToggleInput(
    "Add Delay After Buy",
    { idAbAddBuyDelay },
    "(Adds Delay after trying <br/> to buy / bid a card)",
    "CommonSettings"
  )}
  ${generateTextInput(
    "Delay To Add",
    "1S",
    { idAbDelayToAdd },
    "(S for seconds, M for Minutes, H for hours)",
    "CommonSettings",
    "text",
    "\\d+[H|M|S|h|m|s]$"
  )}
  ${generateTextInput(
    "Stop After",
    "3-4H",
    { idAbStopAfter },
    "(S for seconds, M for Minutes, H for hours eg. 3-4H)",
    "CommonSettings",
    "text",
    "\\d+-\\d+[H|M|S|h|m|s]$"
  )} 
  ${generateTextInput(
      "Restart After",
      "1-2H",
      { idAbRestartAfter },
      "(S for seconds, M for Minutes, H for hours eg. 30-40M)",
      "CommonSettings",
      "text",
      "\\d+-\\d+[H|M|S|h|m|s]$"
  )} 
  </div>`;
};