175 lines
6.8 KiB
PHP
175 lines
6.8 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ $study->getPatientDemographic() }}</title>
|
|
|
|
@vite([
|
|
'resources/assets/vendor/scss/core.scss',
|
|
'resources/assets/vendor/scss/theme-default.scss',
|
|
])
|
|
<link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css" crossorigin>
|
|
<link rel="stylesheet" href="{{ asset('ck.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="py-4 px-12">
|
|
<table class="table table-sm table-bordered">
|
|
<tr>
|
|
<td>Patient Name</td>
|
|
<td class="fw-semibold">{{ $study->patient_name }}</td>
|
|
<td>Age / Sex</td>
|
|
<td class="fw-semibold">{{ $study->sexAge() }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>ID</td>
|
|
<td class="fw-semibold">{{ $study->patient_id }}</td>
|
|
<td>Study</td>
|
|
<td class="fw-semibold">{{ $study->study_description }}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="container-fluid px-4 mb-4">
|
|
<div class="row">
|
|
<div class="col-7">
|
|
<iframe class="fixed-container" src="{{ $study->getStoneLink() }}">
|
|
</iframe>
|
|
</div>
|
|
<div class="col-5">
|
|
<form action="{{ route('staff.report.save') }}" method="POST">
|
|
@csrf
|
|
<input type="hidden" value="{{ $study->hash }}" name="hashid">
|
|
<div
|
|
class="ck-editor editor-container editor-container_classic-editor fixed-container"
|
|
id="editor-container">
|
|
<div class="editor-container__editor">
|
|
<textarea id="editor" name="content">{{ $report?->getContent() }}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row w-75 mb-4">
|
|
<div class="col-md mb-md-0 mb-2">
|
|
<div class="form-check form-check-success custom-option custom-option-basic">
|
|
<label class="form-check-label custom-option-content" for="radio_prelim">
|
|
<input name="report_status" class="form-check-input" type="radio"
|
|
value="{{ \App\Domain\Study\WorkflowLevel::DraftAvailable->value }}"
|
|
id="radio_prelim" checked/>
|
|
|
|
<span class="custom-option-body">
|
|
<img src="{{ asset('imgs/work-in-progress.png') }}" alt="draft report" width="48">
|
|
<span class="ms-2 fw-bold">Draft</span>
|
|
<small class="text-muted fw-light">Preliminary report</small>
|
|
</span>
|
|
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="form-check form-check-success custom-option custom-option-basic">
|
|
<label class="form-check-label custom-option-content" for="radio_final">
|
|
<input name="report_status" class="form-check-input" type="radio"
|
|
value="{{ \App\Domain\Study\WorkflowLevel::Finalized->value }}"
|
|
id="radio_final"/>
|
|
|
|
<span class="custom-option-body">
|
|
<img src="{{ asset('imgs/complete.png') }}" alt="final report" width="48">
|
|
<span class="ms-2 fw-bold">Finalize</span>
|
|
<small class="text-muted fw-light">Publish report</small>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.umd.js" crossorigin></script>
|
|
<script>
|
|
const {
|
|
ClassicEditor,
|
|
Autosave,
|
|
Bold,
|
|
Essentials,
|
|
Italic,
|
|
List,
|
|
ListProperties,
|
|
Paragraph,
|
|
PasteFromOffice,
|
|
RemoveFormat,
|
|
Table,
|
|
TableCellProperties,
|
|
TableColumnResize,
|
|
TableProperties,
|
|
TableToolbar,
|
|
Underline
|
|
} = window.CKEDITOR;
|
|
|
|
const LICENSE_KEY =
|
|
//'eyJhbGciOiJFUzI1NiJ9.eyJleHAiOjE3MzY4MTI3OTksImp0aSI6IjRkNDQyODQ2LWIwNDUtNDU1Ny1hZTY0LTM3ZDE0OTdkYWIxNSIsInVzYWdlRW5kcG9pbnQiOiJodHRwczovL3Byb3h5LWV2ZW50LmNrZWRpdG9yLmNvbSIsImRpc3RyaWJ1dGlvbkNoYW5uZWwiOlsiY2xvdWQiLCJkcnVwYWwiLCJzaCJdLCJ3aGl0ZUxhYmVsIjp0cnVlLCJsaWNlbnNlVHlwZSI6InRyaWFsIiwiZmVhdHVyZXMiOlsiKiJdLCJ2YyI6ImIwYmRlYmVjIn0.fhO6LXEF3lP_QpHQY2c9hPnensaY2_0AbfgJ0p4wUlQFmIyn-9dwe5rbMh9SdZYgoqOY5J4-zN0-JfO2vFm3vg';
|
|
'eyJhbGciOiJFUzI1NiJ9.eyJleHAiOjE3NjcxMzkxOTksImp0aSI6ImQ4ODJkYTBmLWNmYWUtNGU4Mi05ZjYxLTYyYzY4ZmZiZWUzMCIsInVzYWdlRW5kcG9pbnQiOiJodHRwczovL3Byb3h5LWV2ZW50LmNrZWRpdG9yLmNvbSIsImRpc3RyaWJ1dGlvbkNoYW5uZWwiOlsiY2xvdWQiLCJkcnVwYWwiXSwiZmVhdHVyZXMiOlsiRFJVUCJdLCJ2YyI6IjI0OGE5ZjdhIn0.m-nfFNt3CYv4_P81vYJn8nTGJeIXXi2hWIFr7EnWNVNkyW_wmIt3Oh_1lOiQE43kN9LXpM0-jEyomb1sSqkwzw';
|
|
|
|
const editorConfig = {
|
|
toolbar: {
|
|
items: ['bold', 'italic', 'underline', 'removeFormat', '|', 'insertTable', '|', 'bulletedList', 'numberedList'],
|
|
shouldNotGroupWhenFull: false
|
|
},
|
|
plugins: [
|
|
Autosave,
|
|
Bold,
|
|
Essentials,
|
|
Italic,
|
|
List,
|
|
ListProperties,
|
|
Paragraph,
|
|
PasteFromOffice,
|
|
RemoveFormat,
|
|
Table,
|
|
TableCellProperties,
|
|
TableColumnResize,
|
|
TableProperties,
|
|
TableToolbar,
|
|
Underline
|
|
],
|
|
fontFamily: {
|
|
supportAllValues: true
|
|
},
|
|
fontSize: {
|
|
options: [10, 12, 14, 'default', 18, 20, 22],
|
|
supportAllValues: true
|
|
},
|
|
licenseKey: LICENSE_KEY,
|
|
list: {
|
|
properties: {
|
|
styles: true,
|
|
startIndex: true,
|
|
reversed: true
|
|
}
|
|
},
|
|
menuBar: {
|
|
isVisible: true
|
|
},
|
|
placeholder: 'Type or paste your content here!',
|
|
table: {
|
|
contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
|
|
},
|
|
template: {
|
|
definitions: [
|
|
{
|
|
title: 'Introduction',
|
|
description: 'Simple introduction to an article',
|
|
icon: '<',
|
|
data: ""
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
ClassicEditor.create(document.querySelector('#editor'), editorConfig);
|
|
</script>
|
|
</body>
|
|
</html>
|