Медицина/Готовые шаблоны документов

COVID 19

{% set data = record.data %}
<div>
	<p>Статус: {{ data.status.label }}</p>
	<p>Дата устанволения статуса: {{ data.status_date }}</p>
	<p>Эпидемиологический номер: {{ data.epidemiological_number }}</p>
	<p>Дата следующего мероприятия: {{ data.next_date }}</p>
	<p>Больничный лист с: {{ data.sick_list_start }}</p>
	<p>Больничный лист по: {{ data.sick_list_end }}</p>
	<p>Комментарий: {{ data.comment }}</p>
</div>

Прикрепленный файл

<style>
	.files-list {
		display: flex;
		flex-direction: row;
		flex-flow: row wrap;
		gap: 10px;
		justify-content: flex-start;
		
	}
	.files-list .file-item {
		width: 300px;
		border: 1px solid #ccc;
		border-radius: 10px;
		overflow: hidden;
	}
	.files-list .file-item .file-preview {
		height: 200px;
		display: flex;
		align-items: center;
    	justify-content: center;
		background: #fff;
	}
	.files-list .file-item .file-description {
		padding: 10px;
	}
</style>
<div class="files-list" pswp-gallery id="qwe">
	{% for obj in files %}
		<div class="file-item">
			<div class="file-preview">
				{% if obj.is_image() %}
					<a 
					   href="{{ obj.file.url }}"
					   data-pswp-width="{{ obj.image_size.width }}" 
					   data-pswp-height="{{ obj.image_size.height }}"
					   data-download-url="{{ obj.file.url }}"
					   target="_blank"
					   class="pswp-item"
					   >
						<img src="{{ obj.file_thumbnail.url }}?{{ timestamp() }}" alt="{{ obj.file_name }}" />
					</a>
				{% endif %}
				{% if obj.is_pdf() %}
					<a 
					   href="{{ obj.file.url }}"
					   data-download-url="{{ obj.file.url }}"
					   target="_blank"
					   class="pswp-item"
					   data-pswp-type="pdf"
					   >
						Просмотр
					</a>
				{% endif %}
			</div>
			<div class="file-description">
				<div>
					<a 
					   href="{{ obj.file.url }}"
					   target="_blank"
					   >
						{{ obj.file_name }}
					</a>
				</div>
				{% if obj.description %}
				<div class="mt-5">
					{{ obj.description }}
				</div>
				{% endif %}
			</div>
		</div>
	{% endfor %}
</div>