mirror of
https://gitlab.com/signalytic/client-external/streamline/streamline-emr.git
synced 2026-09-11 18:51:31 +00:00
alec.turner
a424394109
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
216 lines
5.9 KiB
HTML
Executable File
216 lines
5.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8' />
|
|
<link href='https://use.fontawesome.com/releases/v5.0.6/css/all.css' rel='stylesheet'>
|
|
<link href='../packages/core/main.css' rel='stylesheet' />
|
|
<link href='../packages/bootstrap/main.css' rel='stylesheet' />
|
|
<link href='../packages/timegrid/main.css' rel='stylesheet' />
|
|
<link href='../packages/daygrid/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/bootstrap/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 src='js/theme-chooser.js'></script>
|
|
<script>
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var calendarEl = document.getElementById('calendar');
|
|
var calendar;
|
|
|
|
initThemeChooser({
|
|
|
|
init: function(themeSystem) {
|
|
calendar = new FullCalendar.Calendar(calendarEl, {
|
|
plugins: [ 'bootstrap', 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
|
themeSystem: themeSystem,
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
|
|
},
|
|
defaultDate: '2019-08-12',
|
|
weekNumbers: true,
|
|
navLinks: true, // can click day/week names to navigate views
|
|
editable: true,
|
|
eventLimit: true, // allow "more" link when too many events
|
|
events: [
|
|
{
|
|
title: 'All Day Event',
|
|
start: '2019-08-01'
|
|
},
|
|
{
|
|
title: 'Long Event',
|
|
start: '2019-08-07',
|
|
end: '2019-08-10'
|
|
},
|
|
{
|
|
groupId: 999,
|
|
title: 'Repeating Event',
|
|
start: '2019-08-09T16:00:00'
|
|
},
|
|
{
|
|
groupId: 999,
|
|
title: 'Repeating Event',
|
|
start: '2019-08-16T16:00:00'
|
|
},
|
|
{
|
|
title: 'Conference',
|
|
start: '2019-08-11',
|
|
end: '2019-08-13'
|
|
},
|
|
{
|
|
title: 'Meeting',
|
|
start: '2019-08-12T10:30:00',
|
|
end: '2019-08-12T12:30:00'
|
|
},
|
|
{
|
|
title: 'Lunch',
|
|
start: '2019-08-12T12:00:00'
|
|
},
|
|
{
|
|
title: 'Meeting',
|
|
start: '2019-08-12T14:30:00'
|
|
},
|
|
{
|
|
title: 'Happy Hour',
|
|
start: '2019-08-12T17:30:00'
|
|
},
|
|
{
|
|
title: 'Dinner',
|
|
start: '2019-08-12T20:00:00'
|
|
},
|
|
{
|
|
title: 'Birthday Party',
|
|
start: '2019-08-13T07:00:00'
|
|
},
|
|
{
|
|
title: 'Click for Google',
|
|
url: 'http://google.com/',
|
|
start: '2019-08-28'
|
|
}
|
|
]
|
|
});
|
|
calendar.render();
|
|
},
|
|
|
|
change: function(themeSystem) {
|
|
calendar.setOption('themeSystem', themeSystem);
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
<style>
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#top,
|
|
#calendar.fc-unthemed {
|
|
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
|
|
}
|
|
|
|
#top {
|
|
background: #eee;
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 0 10px;
|
|
line-height: 40px;
|
|
font-size: 12px;
|
|
color: #000;
|
|
}
|
|
|
|
#top .selector {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#top select {
|
|
font: inherit; /* mock what Boostrap does, don't compete */
|
|
}
|
|
|
|
.left { float: left }
|
|
.right { float: right }
|
|
.clear { clear: both }
|
|
|
|
#calendar {
|
|
max-width: 900px;
|
|
margin: 40px auto;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id='top'>
|
|
|
|
<div class='left'>
|
|
|
|
<div id='theme-system-selector' class='selector'>
|
|
Theme System:
|
|
|
|
<select>
|
|
<option value='bootstrap' selected>Bootstrap 4</option>
|
|
<option value='standard'>unthemed</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div data-theme-system="bootstrap" class='selector' style='display:none'>
|
|
Theme Name:
|
|
|
|
<select>
|
|
<option value='' selected>Default</option>
|
|
<option value='cerulean'>Cerulean</option>
|
|
<option value='cosmo'>Cosmo</option>
|
|
<option value='cyborg'>Cyborg</option>
|
|
<option value='darkly'>Darkly</option>
|
|
<option value='flatly'>Flatly</option>
|
|
<option value='journal'>Journal</option>
|
|
<option value='litera'>Litera</option>
|
|
<option value='lumen'>Lumen</option>
|
|
<option value='lux'>Lux</option>
|
|
<option value='materia'>Materia</option>
|
|
<option value='minty'>Minty</option>
|
|
<option value='pulse'>Pulse</option>
|
|
<option value='sandstone'>Sandstone</option>
|
|
<option value='simplex'>Simplex</option>
|
|
<option value='sketchy'>Sketchy</option>
|
|
<option value='slate'>Slate</option>
|
|
<option value='solar'>Solar</option>
|
|
<option value='spacelab'>Spacelab</option>
|
|
<option value='superhero'>Superhero</option>
|
|
<option value='united'>United</option>
|
|
<option value='yeti'>Yeti</option>
|
|
</select>
|
|
</div>
|
|
|
|
<span id='loading' style='display:none'>loading theme...</span>
|
|
|
|
</div>
|
|
|
|
<div class='right'>
|
|
<span class='credits' data-credit-id='bootstrap-standard' style='display:none'>
|
|
<a href='https://getbootstrap.com/docs/3.3/' target='_blank'>Theme by Bootstrap</a>
|
|
</span>
|
|
<span class='credits' data-credit-id='bootstrap-custom' style='display:none'>
|
|
<a href='https://bootswatch.com/' target='_blank'>Theme by Bootswatch</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class='clear'></div>
|
|
</div>
|
|
|
|
<div id='calendar'></div>
|
|
|
|
</body>
|
|
</html>
|