JSFiddle - React, Tailwind, and code Playground

by Evgenii Malikov

HTML

<div class="modal fade" id="prechekModal" tabindex="-1" role="dialog" aria-labelledby="precheckTitle">
  <div class="modal-dialog" role="document">
    <div class="modal-content ">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="precheckTitle">Пречек</h4>
      </div>
      <div class="modal-body">
          <p><strong>Банк:</strong> {{opCtrl.cashDeskInfo.bank_trade_mark}}</p>
          <p><strong>Филиал:</strong> {{opCtrl.cashDeskInfo.branch_trade_mark}}</p>
          <p><strong>Касса:</strong> {{opCtrl.cashDeskInfo.network_cash_desk_id_ext}}</p>
          
          <p><strong>Номер телефона клиента:</strong> {{opCtrl.formData.phone_number}}</p>
          <p ng-if="opCtrl.operation.phone_number_to"><strong>Номер телефона получателя:</strong> {{opCtrl.operation.phone_number_to}}</p>
          <p><strong>Вид операции:</strong> {{opCtrl.operation.name|translate}}</p>
          <p><strong>Сумма операции:</strong> {{opCtrl.stringToFloat(opCtrl.operation.total)|currency:opCtrl.operation.currency_alfa3:2}}</p>
          <p><strong>Сумма комиссии:</strong> {{opCtrl.operation.fee|currency:opCtrl.operation.currency_alfa3:2}}</p>

          <p><strong>ФИО кассира:</strong> {{opCtrl.cashierFullName}}</p>

          <p><strong>Дата и время: </strong> {{opCtrl.date|date:'medium'}}</p>
          <p><strong>Системный номер операции:</strong> {{opCtrl.operation.operation_number}}</p>
          
          <p class="margin-top"><strong>Подпись клиента:</strong> _______________ {{opCtrl.client.full_name}}</p>

          
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
        <button type="button" class="btn btn-primary" onclick="window.print()"><i class="fa fa-print"></i> Печать</button>
      </div>
    </div>
  </div>
</div>

CSS

.printable{
    display: block !important;
    border: 1px solid lime;
  }