418 lines
18 KiB
HTML
418 lines
18 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<style type="text/css">
|
|
table {
|
|
font-size: 100%;
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="js/LoadLanguage.js"></script>
|
|
<script type="text/javascript" src="js/lib/themeswitchertool.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('.cssButton').button();
|
|
|
|
/*$('#panel1').panel({
|
|
'collapsed':false,
|
|
'draggable':true
|
|
}); */
|
|
|
|
// Multilangual Support
|
|
|
|
var language = getCookie('language');
|
|
if (language != null) {
|
|
$('#languageDropdown').val(language.trim());
|
|
}
|
|
var selectedLanguage = "";
|
|
var selectedCountry = "";
|
|
var localeID = "";
|
|
var languageObject;
|
|
|
|
// get language from server.
|
|
$.get("Language.do", {
|
|
'option': 'getall'
|
|
}, function(data) {
|
|
languageObject = data;
|
|
loadCountry();
|
|
countryToLanguage(selectedCountry, false);
|
|
}, 'json');
|
|
|
|
function loadCountry() {
|
|
var country = new Array();
|
|
for (var i = 0; i < languageObject.length; i++) {
|
|
|
|
if (country.indexOf(languageObject[i].country) == -1) {
|
|
country.push(languageObject[i].country);
|
|
$('#countryDropdown').append('<option value="' + languageObject[i].country + '">' + languageObject[i].country + '</option>');
|
|
}
|
|
|
|
if (languageObject[i].selected == true) {
|
|
$('#countryDropdown').val(languageObject[i].country);
|
|
selectedCountry = languageObject[i].country;
|
|
selectedLanguage = languageObject[i].language;
|
|
localeID = languageObject[i].localeID;
|
|
}
|
|
}
|
|
}
|
|
|
|
function countryToLanguage(country, islanguageDD) {
|
|
$('#languageDropdown').html('');
|
|
|
|
for (var i = 0; i < languageObject.length; i++) {
|
|
if (languageObject[i].country == country) {
|
|
$('#languageDropdown').append('<option value="' + languageObject[i].language + '">' + languageObject[i].language + '</option>');
|
|
if (islanguageDD) {
|
|
$('#languageDropdown').val(languageObject[i].language);
|
|
$('#lblLocaleID').html(languageObject[i].localeID);
|
|
}
|
|
if (selectedLanguage == languageObject[i].language) {
|
|
$('#languageDropdown').val(selectedLanguage);
|
|
$('#lblLocaleID').html(localeID);
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
$('#countryDropdown').change(function() {
|
|
countryToLanguage($('#countryDropdown').val(), true);
|
|
});
|
|
|
|
$('#languageDropdown').change(function() {
|
|
for (var i = 0; i < languageObject.length; i++) {
|
|
if ($('#languageDropdown').val() == languageObject[i].language) {
|
|
$('#lblLocaleID').html(languageObject[i].localeID);
|
|
}
|
|
}
|
|
});
|
|
|
|
// end of multilangual Support
|
|
|
|
$.get("UserConfig.do", {
|
|
'settings': 'viewer',
|
|
'todo': 'READ'
|
|
}, function(data) {
|
|
data = data.trim();
|
|
var value = data.split(",");
|
|
// var slider = data.substring(data.indexOf("slider"), data.indexOf(","));
|
|
// var prefetch = data.substring(data.indexOf("prefetch"));
|
|
var slider = value[0];
|
|
var prefetch = value[1];
|
|
$('#sliderVisibility').val(slider.split(":")[1]);
|
|
$('#prefetchStudies').val(prefetch.split(":")[1]);
|
|
}, 'text');
|
|
|
|
$('#viewerPreferences').click(function() {
|
|
var msg = '';
|
|
var sliderVisible = $('#sliderVisibility').val();
|
|
if (sliderVisible == 'none') {
|
|
msg = "Please select valid visibility";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'error'
|
|
});
|
|
return;
|
|
}
|
|
|
|
var prefetch = $('#prefetchStudies').val();
|
|
|
|
if (prefetch == 'none') {
|
|
prefetch = "No";
|
|
}
|
|
|
|
$.get("UserConfig.do", {
|
|
'settings': 'viewer',
|
|
'settingsValue': "slider:" + sliderVisible + ",prefetch:" + prefetch,
|
|
'todo': 'UPDATE'
|
|
}, function(data) {
|
|
if (data.trim() == 'Success') {
|
|
msg = "Done!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
msg = "Failure!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, 'text');
|
|
});
|
|
|
|
//for session timeout
|
|
$.get("UserConfig.do", {
|
|
'settings': 'sessTimeout',
|
|
'todo': 'READ'
|
|
}, function(data) {
|
|
var sTimeout = parseInt(data.trim());
|
|
if (sTimeout == '-1') {
|
|
$('#timeoutEnabled').attr('checked', false);
|
|
$('#timeoutTF').attr('disabled', 'disabled');
|
|
$('#timeDropdown').attr('disabled', 'disabled');
|
|
} else {
|
|
$('#timeoutEnabled').attr('checked', true);
|
|
var hours = sTimeout / 60 / 60;
|
|
if (hours % 1 == 0) {
|
|
$('#timeoutTF').val(hours);
|
|
$('#timeDropdown').val('hours');
|
|
} else {
|
|
$('#timeoutTF').val(sTimeout / 60);
|
|
$('#timeDropdown').val('minutes');
|
|
}
|
|
}
|
|
}, 'text');
|
|
|
|
$('#timeoutEnabled').change(function() {
|
|
if (!$(this).is(':checked')) {
|
|
$('#timeoutTF').attr('disabled', 'disabled');
|
|
$('#timeDropdown').attr('disabled', 'disabled');
|
|
} else {
|
|
$('#timeoutTF').removeAttr('disabled');
|
|
$('#timeDropdown').removeAttr('disabled');
|
|
}
|
|
}); //checkbox onchange
|
|
|
|
$('#saveTimeout').click(function() {
|
|
var timeoutValue;
|
|
|
|
if (!$('#timeoutEnabled').is(':checked')) {
|
|
timeoutValue = '-1';
|
|
} else {
|
|
var tfValue = $('#timeoutTF').val();
|
|
var timeDD = $('#timeDropdown').val();
|
|
if (timeDD == 'hours') {
|
|
timeoutValue = parseInt(tfValue) * 60 * 60;
|
|
} else if (timeDD == 'minutes') {
|
|
timeoutValue = parseInt(tfValue) * 60;
|
|
}
|
|
}
|
|
|
|
$.get("UserConfig.do", {
|
|
'settings': 'sessTimeout',
|
|
'settingsValue': timeoutValue,
|
|
'todo': 'UPDATE'
|
|
}, function(data) {
|
|
var msg = '';
|
|
if (data.trim() == 'Success') {
|
|
msg = "Done!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
msg = "Failure!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, 'text');
|
|
});
|
|
|
|
//for theme
|
|
|
|
$.get("UserConfig.do", {
|
|
'settings': 'theme',
|
|
'todo': 'READ'
|
|
}, function(data) {
|
|
$('#theme').themeswitcher({
|
|
cookieName: '',
|
|
"loadTheme": data.trim(),
|
|
onClose: function() {
|
|
/*var selTheme = $(".jquery-ui-themeswitcher-title").html();
|
|
selTheme = selTheme.split(': ')[1];
|
|
if(typeof selTheme != 'undefined') {
|
|
$.get("UserConfig.do", {'settings':'theme', 'settingsValue':selTheme, 'todo':'UPDATE'});
|
|
} */
|
|
}
|
|
});
|
|
}, 'text');
|
|
|
|
$('#saveTheme').click(function() {
|
|
var selTheme = $(".jquery-ui-themeswitcher-title").html();
|
|
selTheme = selTheme.split(': ')[1];
|
|
if (typeof selTheme != 'undefined') {
|
|
$.get("UserConfig.do", {
|
|
'settings': 'theme',
|
|
'settingsValue': selTheme,
|
|
'todo': 'UPDATE'
|
|
}, function(data) {
|
|
var msg = '';
|
|
if (data.trim() == 'Success') {
|
|
msg = "Done!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'success'
|
|
});
|
|
|
|
//put selected theme in cookies.
|
|
$.cookies.set('theme', selTheme);
|
|
} else {
|
|
msg = "Failure!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, 'text'); //for get
|
|
} // for if
|
|
}); //for saveTheme click
|
|
|
|
$('#saveLanguage').click(function() {
|
|
|
|
$.get("Language.do", {
|
|
'language': $('#languageDropdown').val(),
|
|
'option': 'set'
|
|
}, function(data) {
|
|
if (data.trim() == 'Success') {
|
|
setCookie('language', $('#lblLocaleID').html(), 365);
|
|
msg = "Done!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
msg = "Failure!!!";
|
|
$.ambiance({
|
|
message: msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, 'text');
|
|
});
|
|
|
|
}); //for document.ready
|
|
</script>
|
|
|
|
<script type="text/javascript" src="js/lib/ui.panel.min.js"></script>
|
|
<link type="text/css" href="css/ui.panel.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="panel1" class="panel ui-helper-reset ui-widget ui-panel" style="width: 45%;height: 10%;margin-bottom:10px" role="panel">
|
|
<h3 class="ui-helper-reset ui-widget-header ui-panel-header ui-corner-top">
|
|
<div class="ui-panel-title">
|
|
<span class="ui-panel-title-text">Viewer Preferences</span>
|
|
</div>
|
|
</h3>
|
|
<div class="ui-helper-reset ui-widget-content ui-panel-content ui-corner-bottom" style="display: block;">
|
|
<div class="ui-panel-content-text" id="panel1_content">
|
|
<table style="width: 100%;">
|
|
<tbody>
|
|
|
|
<!-- <td style="width: 40%"><span class="ui-widget-content" style="border:none;">Select Slider Visibility</span></td>
|
|
<td>
|
|
<select id="sliderVisibility" style="width:100px;">
|
|
<option value="show">Show</option>
|
|
<option value="hide">Hide</option>
|
|
</select>
|
|
</td> -->
|
|
<tr>
|
|
<td style="width: 40%"><span class="ui-widget-content" style="border:none;">Pre-fetch other studies of the selected patient</span></td>
|
|
|
|
<td align="right" style="width:40%">
|
|
<select id="prefetchStudies" style="width:100px;">
|
|
<option value="Yes">Yes</option>
|
|
<option value="No">No</option>
|
|
</select>
|
|
</td>
|
|
<td align="right" rowspan="2" style="width:20%"><button id="viewerPreferences" class="cssButton">Update</button></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
<div id="panel2" class="panel ui-helper-reset ui-widget ui-panel" style="width: 45%;height: 10%;margin-bottom: 10px;" role="panel">
|
|
<h3 class="ui-helper-reset ui-widget-header ui-panel-header ui-corner-top">
|
|
<div class="ui-panel-title">
|
|
<span class="ui-panel-title-text">Session Timeout</span>
|
|
</div>
|
|
</h3>
|
|
<div class="ui-helper-reset ui-widget-content ui-panel-content ui-corner-bottom" style="display: block;">
|
|
<div class="ui-panel-content-text" id="panel2_content">
|
|
<table style="width: 100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 40%"><input type="checkbox" id="timeoutEnabled" /><span class="ui-widget-content" style="border:none;">Session timeout</span></td>
|
|
<td align="right" style="width:40%"><input type="text" size="10" id="timeoutTF">
|
|
<select id="timeDropdown">
|
|
<option value="minutes" selected>Minutes</option>
|
|
<option value="hours">Hours</option>
|
|
</select>
|
|
</td>
|
|
<td colspan="3" align="right" style="width:20%"><button id="saveTimeout" class="cssButton">Update</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div id="panel3" class="panel ui-helper-reset ui-widget ui-panel" style="width: 45%;height: 10%;margin-bottom: 10px;" role="panel">
|
|
<h3 class="ui-helper-reset ui-widget-header ui-panel-header ui-corner-top">
|
|
<div class="ui-panel-title">
|
|
<span class="ui-panel-title-text">Theme</span>
|
|
</div>
|
|
</h3>
|
|
<div class="ui-helper-reset ui-widget-content ui-panel-content ui-corner-bottom" style="display: block;">
|
|
<div class="ui-panel-content-text" id="panel3_content">
|
|
<table style="width: 100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 40%"><span class="ui-widget-content" style="border:none;">Select preferred theme</span></td>
|
|
<td align="right" style="width:40%">
|
|
<div id="theme"></div>
|
|
</td>
|
|
<td colspan="3" align="right" style="width:20%"><button id="saveTheme" class="cssButton">Update</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div id="panel4" class="panel ui-helper-reset ui-widget ui-panel" style="width: 45%;height: 10%;" role="panel">
|
|
<h3 class="ui-helper-reset ui-widget-header ui-panel-header ui-corner-top">
|
|
<div class="ui-panel-title">
|
|
<span class="ui-panel-title-text">Language</span>
|
|
</div>
|
|
</h3>
|
|
<div class="ui-helper-reset ui-widget-content ui-panel-content ui-corner-bottom" style="display: block;">
|
|
<div class="ui-panel-content-text" id="panel3_content">
|
|
<table style="width: 100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 40%"><span class="ui-widget-content" style="border:none;">Select Country</span></td>
|
|
<td align="right" style="width:40%">
|
|
<select id="countryDropdown" style="width:100%;"></select>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 40%"><span class="ui-widget-content" style="border:none;">Language</span></td>
|
|
<td align="right" style="width:40%">
|
|
<select id="languageDropdown" style="width:100%;"></select>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 40%"><span class="ui-widget-content" style="border:none;">Locale ID</span></td>
|
|
<td align="right" style="width:40%">
|
|
<span id="lblLocaleID" class="ui-widget-content" style="border:none;"></span>
|
|
</td>
|
|
<td colspan="3" align="right" style="width:20%"><button id="saveLanguage" class="cssButton">Update</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |