Запрограммированные классы

1. Скрытие на печати

Класс «hide-print» позволяет скрыть содержимое тега на печати независимо от заполнения.

Демонстрационный код

<div class="hide-print">Текст может быть использован в виде подсказок врачам. </div>

Элемент с классом hide-print при печати документа получит свойство “display“ со значением “none” и не попадёт на печать.
Данный класс может быть использован для создания комментария (подсказки), который не должен попасть на печать. При этом сам элемент будет виден при работе с протоколом.

2. Скрытие пустых полей на печати

При работе с протоколами (документами), возможны требования в которых требуется скрыть элемент (блок), которое не заполнено.
Скрытие пустых полей на печати реализуется с помощью класса «template-hide-if-empty».

Пример

<table class="template-hide-if-empty" id="Жалобы">
    <tbody>
        <tr height="20px">
            <td>Жалобы:</td>
            <td class="Жалобы_value template-value" id="list-жалобы"> </td>
        </tr>
    </tbody>
</table>

Условия:

Тегу table присваивается класс template-hide-if-empty.
Тегу table присваивается идентификатор.
Тегу td присваивается класс, название которого состоит из двух частей — название идентификатора table и «_value».

При нажатии «Печать» программа просмотрит документ, найдёт все классы «template-hide-if-empty», найдёт внутри тега класс, который будет проверен на содержимое и если содержимое этого класса будет равняться пустой строке или пробелу ( ), элемент будет скрыт.

3. Удаление элемента из протокола при сохранении документа

В данном пункте описывается возможность удалять из медицинского протокола поля, которые не были заполнены. Удаление происходит при сохранении документа после его заполнения в АРМ Врача.

Пример 1:

Пример

<table class="template-remove-if-empty" id="Жалобы">
    <tbody>
        <tr height="20px">
            <td>Жалобы:</td>
            <td class="Жалобы_value template-value" id="list-жалобы"> </td>
        </tr>
    </tbody>
</table>

При сохранении документа данный тег будет удалён, если его содержимое равно пустой строке или пробелу ( ).

В этом примере для элемента важно присутствие обоих классов:

template-remove-if-empty
template-value

Пояснение к примеру:

Для удаления всей таблицы проверяется заполнение ячейки <td> с атрибутом class="template-value";
Тег <table> имеет атрибуты class="template-remove-if-empty" и id="Язык";
Атрибут class элемента <td> имеет значение "template-value".

В результате удаляется не только проверяемый элемент <td>, но и элемент <table> целиком.

Пример удаления блока при отсутствии значений

<div class="template-remove-if-empty" style="font-size: 17px">
<div style="text-align: center;"><u>Позвоночник, внутренние органы</u>  </div>
<table class="template-hide-if-empty" style="width: 100%">
	<tbody>
		<tr>
			<td><b>Позвоночник</b></td>
			<td class="template-value" id="list-Garmoniya_Pozvon" style="width: 80%"> </td>
		</tr>
	</tbody>
</table>
<table class="template-hide-if-empty" style="width: 100%">
	<tbody>
		<tr>
			<td><b>Желудок</b></td>
			<td class="template-value" id="list-Garmoniya_jeludok" style="width: 80%"> </td>
		</tr>
	</tbody>
</table>
</div>

Для использования внутри тегов template-value текста в роли шаблона, возможно использование класса template-value-ignore. В таком случае, система проверит наличие данных тегов, удалит и только затем произведет проверку.

Пример удаления блока при отсутствии значений с использованием template-value-ignore

<div class="template-remove-if-empty" id="div-Garmoniya_TwoSides">
<p style="text-align: center; font-size: 17px"><b>ОПИСАНИЕ ИССЛЕДОВАНИЯ:</b></p>
 
<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_TwoSides"><b class="template-value-ignore">С обеих сторон:</b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_Right"><b class="template-value-ignore">Справа:</b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_PozvonArter"><b class="template-value-ignore">Позвоночная артерия - ПА справа: </b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_Left"><b class="template-value-ignore">Слева: </b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_ArteriyaLeft"><b class="template-value-ignore">Позвоночная артерия - ПА слева: </b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_VeniShei"><b class="template-value-ignore">Вены шеи: </b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_TheEnd"><b class="template-value-ignore">Заключение: </b>  </td>
		</tr>
	</tbody>
</table>

<table class="leftWidthFirst" style="width: 100%">
	<tbody>
		<tr>
			<td class="template-value" id="list-Garmoniya_Recom"><b class="template-value-ignore">Рекомендовано: </b>  </td>
		</tr>
	</tbody>
</table>
</div>

4. Сохранение значения в базу данных

Это можно осуществить, указав класс «template-value».

<table class="template-hide-if-empty" id="Жалобы">
	<tbody>
		<tr height="20px">
			<td>Жалобы:</td>
			<td class="Жалобы_value template-value" id="list-жалобы"> </td>
		</tr>
	</tbody>
</table>