mirror of
https://gitlab.com/signalytic/client-external/streamline/streamline-emr.git
synced 2026-09-12 03:01:32 +00:00
The official image from streamline does not currently work for the arm64 platform. As a temporary measure, the source code and docker build scripts have been lifted from the official images and are used to build locally. Some additional modifications are made to reduce overall image size, these are documented in docker/README.md
110 lines
2.7 KiB
HTML
Executable File
110 lines
2.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8' />
|
|
<link href='../packages/core/main.css' rel='stylesheet' />
|
|
<link href='../packages/daygrid/main.css' rel='stylesheet' />
|
|
<link href='../packages/timegrid/main.css' rel='stylesheet' />
|
|
<link href='../packages/list/main.css' rel='stylesheet' />
|
|
<script src='../packages/core/main.js'></script>
|
|
<script src='../packages/interaction/main.js'></script>
|
|
<script src='../packages/daygrid/main.js'></script>
|
|
<script src='../packages/timegrid/main.js'></script>
|
|
<script src='../packages/list/main.js'></script>
|
|
<script>
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var calendarEl = document.getElementById('calendar');
|
|
|
|
var calendar = new FullCalendar.Calendar(calendarEl, {
|
|
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
|
|
},
|
|
defaultDate: '2019-08-12',
|
|
navLinks: true, // can click day/week names to navigate views
|
|
businessHours: true, // display business hours
|
|
editable: true,
|
|
events: [
|
|
{
|
|
title: 'Business Lunch',
|
|
start: '2019-08-03T13:00:00',
|
|
constraint: 'businessHours'
|
|
},
|
|
{
|
|
title: 'Meeting',
|
|
start: '2019-08-13T11:00:00',
|
|
constraint: 'availableForMeeting', // defined below
|
|
color: '#257e4a'
|
|
},
|
|
{
|
|
title: 'Conference',
|
|
start: '2019-08-18',
|
|
end: '2019-08-20'
|
|
},
|
|
{
|
|
title: 'Party',
|
|
start: '2019-08-29T20:00:00'
|
|
},
|
|
|
|
// areas where "Meeting" must be dropped
|
|
{
|
|
groupId: 'availableForMeeting',
|
|
start: '2019-08-11T10:00:00',
|
|
end: '2019-08-11T16:00:00',
|
|
rendering: 'background'
|
|
},
|
|
{
|
|
groupId: 'availableForMeeting',
|
|
start: '2019-08-13T10:00:00',
|
|
end: '2019-08-13T16:00:00',
|
|
rendering: 'background'
|
|
},
|
|
|
|
// red areas where no events can be dropped
|
|
{
|
|
start: '2019-08-24',
|
|
end: '2019-08-28',
|
|
overlap: false,
|
|
rendering: 'background',
|
|
color: '#ff9f89'
|
|
},
|
|
{
|
|
start: '2019-08-06',
|
|
end: '2019-08-08',
|
|
overlap: false,
|
|
rendering: 'background',
|
|
color: '#ff9f89'
|
|
}
|
|
]
|
|
});
|
|
|
|
calendar.render();
|
|
});
|
|
|
|
</script>
|
|
<style>
|
|
|
|
body {
|
|
margin: 40px 10px;
|
|
padding: 0;
|
|
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#calendar {
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id='calendar'></div>
|
|
|
|
</body>
|
|
</html>
|