Прием наличных

../../_images/cash_accept.png

Рисунок 88. Пример экрана (итоговая сумма – под разбивкой банкнот по номиналам)

Листинг 35. Структура статического содержимого HTML
 <div id='divComment'>
 <div id='divCaption' class='fs365header'></div> <!-- 1 -->
 <!---------------------------------------------------- 2 ---------------------------------------------------------->
 <div id='cashAcceptTables'>
 <table cellspacing='0' border='0' cellpadding='0' name='cashAcceptValuesTable' id='cashAcceptValuesTable'>
 <thead>
 <tr>
     <td class='colValues'>НОМИНАЛ</td>          <!-- 3 -->
     <td class='colCount'>ПРИНЯТО БАНКНОТ</td>   <!-- 4 -->
     <td class='colPartialAmount'>СУММА</td>     <!-- 5 -->
 </tr>
 </thead>
 <tbody>
 <!----------------------- 6 ----------------------------->
 <tr values='10 RUB' class='cashAcceptEvenRow' >
     <td class='colValues'>10</td>               <!-- 3 -->
     <td class='colCount'>0</td>                 <!-- 4 -->
     <td class='colPartialAmount'>0</td>         <!-- 5 -->
 </tr>
 <!----------------------- 6 ----------------------------->
 <!----------------------- 7 ----------------------------->
 <tr values='50 RUB' class='cashAcceptOddRow' >  <!-- 7 -->
     <td class='colValues'>50</td>               <!-- 3 -->
     <td class='colCount'>0</td>                 <!-- 4 -->
     <td class='colPartialAmount'>0</td>         <!-- 5 -->
 </tr>
 <!----------------------- 7 ----------------------------->
 ...
 </tbody>
 </table>
 <!---------------------------------------------------- 8 ---------------------------------------------------------->
 <table cellspacing='0' border='0' cellpadding='0' name='cashAcceptTotalAmountTable' id='cashAcceptTotalAmountTable'>
 <tr>
     <td class='colLabelTotal'>Итоговая сумма:</td>    <!-- 10 -->
     <td class='colTotal' id='totalAmountField'>0</td> <!-- 9 --->
 </tr>
 </table>
 <!---------------------------------------------------- 8 ---------------------------------------------------------->
 </div>
 <!---------------------------------------------------- 2 ---------------------------------------------------------->
 </div>
Листинг 36. Пример статического содержимого HTML
<div id='divComment'><div id='divCaption' class='fs365header'></div>
<br /><div id='cashAcceptTables'>
<table class='tblCommentTable' cellspacing='0' border='0' cellpadding='0' name='cashAcceptValuesTable' id='cashAcceptValuesTable'>
<thead>
<tr>
	<td class='colValues'>Номинал</td>
	<td class='colCount'>Принято банкнот</td>
	<td class='colPartialAmount'>Сумма</td>
</tr>
</thead>
<tbody>
<tr values='10 RUB' class='cashAcceptEvenRow' >
	<td class='colValues'>10</td>
	<td class='colCount'>0</td>
	<td class='colPartialAmount'>0</td>
</tr>
<tr values='50 RUB' class='cashAcceptOddRow' >
	<td class='colValues'>50</td>
	<td class='colCount'>0</td>
	<td class='colPartialAmount'>0</td>
</tr>
<tr values='100 RUB' class='cashAcceptEvenRow' >
	<td class='colValues'>100</td>
	<td class='colCount'>0</td>
	<td class='colPartialAmount'>0</td>
</tr>
<tr values='500 RUB' class='cashAcceptOddRow' >
	<td class='colValues'>500</td>
	<td class='colCount'>0</td>
	<td class='colPartialAmount'>0</td>
</tr>
<tr values='1000 RUB' class='cashAcceptEvenRow' >
	<td class='colValues'>1 000</td>
	<td class='colCount'>0</td>
	<td class='colPartialAmount'>0</td>
</tr>
<tr values='5000 RUB' class='cashAcceptOddRow' >
	<td class='colValues'>5 000</td>
	<td class='colCount'>0</td>
	<td class='colPartialAmount'>0</td>
</tr>
</tbody>
</table>
<table class='tblCommentTable' cellspacing='0' border='0' cellpadding='0' name='cashAcceptTotalAmountTable' id='cashAcceptTotalAmountTable'>
<tr>
	<td class='colLabelTotal'>Итоговая сумма:</td>
	<td class='colTotal' id='totalAmountField'>0</td>
</tr>
</table>
</div>
</div>

Используемые файлы CSS:

  • cash_accept.common<CtrlSuffix>.css (если задано значение параметра CtrlSuffix и активирован протокол ISO8583 или РОП);

  • cash_accept.common.css (если не задано значение параметра CtrlSuffix и активирован протокол ISO8583 или РОП);

  • cash_accept.ndc.bundle.css (если активирован протокол NDC).

Листинг 37. Пример CSS (cash_accept.ndc.bundle.css)
/* Размещение таблицы принятых банкнот */
#cashAcceptTables {
	font-weight: bold;
	height: 30%;
	left: 14%;
	position: fixed;
	top: 28%;
	width: 72%;
}

/* Область статистики принимаемых номиналов */
#cashAcceptValuesTable {
	height: 90%;
	position: relative;
	top: 0%;
	width: 100%;
}
/* Нечетные строки таблицы */
#cashAcceptValuesTable .cashAcceptEvenRow {
	background: #727272;
	color: #FFED00;
}
/* Четные строки таблицы */
#cashAcceptValuesTable .cashAcceptOddRow {
	background: #DADADA;
	color: #2A2A2A;
}
/* Колонка номиналов */
#cashAcceptValuesTable .colValues {
	padding: 4px;
	vertical-align: middle;
	width: 33%;
}
/* Колонка количеств принятых банкнот */
#cashAcceptValuesTable .colCount {
	padding: 4px;
	vertical-align: middle;
	width: 33%;
}
/* Колонка промежуточных пономинальных сумм */
#cashAcceptValuesTable .colPartialAmount {
	padding: 4px;
	vertical-align: middle;
	width: 33%;
}
/* Заголовок таблицы */
#cashAcceptValuesTable THEAD .colValues, #cashAcceptValuesTable THEAD .colCount, #cashAcceptValuesTable THEAD .colPartialAmount {
	background: #DADADA;
	color: #2A2A2A;
	text-align: center;
}
/* Строки таблицы */
#cashAcceptValuesTable TBODY .colValues {
	text-align: center;
	white-space: nowrap;
}
#cashAcceptValuesTable TBODY .colCount {
	text-align: center;
	white-space: nowrap;
}
#cashAcceptValuesTable TBODY .colPartialAmount {
	padding-right: 32px;
	text-align: right;
	white-space: nowrap;
}

/* Область суммируемых итогов принятого */
#cashAcceptTotalAmountTable {
	background: #2A2A2A;
	bottom: 0%;
	height: 10%;
	position: relative;
	width: 100%;
}
/* Колонка "Итоговая сумма:" */
#cashAcceptTotalAmountTable .colLabelTotal {
	color: #FEFEFE;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	width: 50%;
}
/* Колонка расчитанной суммы принятого */
#cashAcceptTotalAmountTable .colTotal {
	color: #FEFEFE;
	padding: 4px;
	text-align: right;
	vertical-align: middle;
	width: 50%;
}
Листинг 38. Пример CSS (cash_accept.common.css)
/* Размещение таблицы принятых банкнот */
#cashAcceptTables {
	height: 50%;
	left: 20%;
	position: fixed;
	right: 20%;
	top: 25%;
}

/* Чётные строки - более тёмный фон */
.cashAcceptEvenRow {
	background: #254e8a;
}

/* Стили заголовка таблицы */
#cashAcceptValuesTable THEAD, #cashAcceptTotalAmountTable {
	background-color: #3b6db2;
	font-size: 110%;
}

/* Выравнивание ячеек, padding */
#cashAcceptValuesTable td, #cashAcceptTotalAmountTable td {
	vertical-align: middle;
	text-align: center;
	padding: 0.3ex;
}

/* Цвет ячейки total amount */
.colTotal {
	background-color: #ece4a5;
	color: black;
}

/* Цвет текста в ячейках разбивки */
#cashAcceptValuesTable tbody {
	color: white;
}

/* Ширина таблиц */
#cashAcceptValuesTable, #cashAcceptTotalAmountTable {
	width: 90%;
}

/* Последняя колонка в каждой таблице должна иметь одинаковый размер */
.colTotal, .colPartialAmount {
	width: 30%;
}

/* Стили информационных блоков, отображающих сведения об ограничениях на сумму платежа */
.minMaxAmountInfo {
	text-align: center;
	font-size: 70%;
	background-color: #336699;
	display: inline-table;
	padding: 0.3em;
	margin-top: 1em;
	margin-left: 1em;
	border:  1.5px dashed gray;
	vertical-align: top;
}

.maxAmountOverrun {
	background-color: Brown;
	position: fixed;
	top: 15%;
	left: 25%;
}

/* Диагностическое сообщение таймаута бездействия */
#divTimeout {
	display: none;
	text-align: center;
}
../../_images/cash_accept1.png

Рисунок 89. Пример экрана (итоговая сумма – рядом с разбивкой банкнот по номиналам)

../../_images/cash_accept2.png

Рисунок 90. Пример экрана без разбивки банкнот по номиналам