JSFiddle - React, Tailwind, and code Playground

by jt3k

JavaScript

function generateModalTemplate(amount, firstInputText, secondInputText) {
  return `
<div class="m-inputs-wrapper">
  <div class="m-inputline wrap">
    <div class="m-inputline_left">${firstInputTex}</div>
    <div class="m-inputline_right">
      <div class="m-inputline_likeinput" id="modalSumInputLimit">${amoun}</div>
      <span class="m-inputline_rub">Р.</span>
    </div>
  </div>
  <div class="m-inputline wrap">
    <div class="m-inputline_left">${secondInputTex}</div>
    <div class="m-inputline_right">
      <input type="tel" id="modalSumInput" value="' + amount + '" />
      <span class="m-inputline_rub">Р.</span>
    </div>
  </div>
</div>
`
}

/**
 * Создает модальное окно со списком позиций покупки
 * @param items список позиций покупки
 * @param amount стоимость покупки (руб)
 * @returns {string}
 */
function generateFiscalModalTemplate(items, amount) {
  let mt =
    '\
        <div class="m-inputs-wrapper" style="text-align: left">Покупка\
            <div class="m-inputline wrap" style="text-align: center">\
                <div class="m-inputline_left" style="width:55%;">Наименование</div>\
                <div class="m-inputline_left" style="width:15%;">Количество</div>\
                <div class="m-inputline_left" style="width:30%;">Сумма</div>\
            </div>\
            <div class="m-inputline wrap" id="orderItems"></div>\
        </div>\
        <div class="m-inputs-wrapper" style="text-align: left" id="refundRows"><span>Итого к возврату</span>';

  //        mt += '<div class="m-inputline wrap">';
  //        mt += '<div class="m-inputline_left" style="float:left; width:50%"></div>'
  //            + '<div class="m-inputline_left" style="float:left; width:20%"></div>'
  //            + '<div class="m-inputline_right"></div>';
  //        mt += '</div>';

  mt += makeInfoRow(
    "Доступно для возврата:",
    formatAmount(amount),
    "modalTotalLimit",
    "m-inputline_likeinput m-inputline_rub"
  );
  mt += makeInfoRow(
    "Итого:",
...