385 lines
16 KiB
HTML
385 lines
16 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
|
|
|
|
<link rel="stylesheet" href="/css/simplified.css" media="screen" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" href="/js/jquery/css/smoothness/jquery-ui-1.8.17.custom.css" type="text/css">
|
|
<!--<link rel="stylesheet" href="/js/jquery/css/redmond/jquery-ui-1.7.2.custom.css" type="text/css">-->
|
|
|
|
<script type="text/javascript" src="/js/jquery/jquery-1.7.1.min.js"></script>
|
|
<script type="text/javascript" src="/js/jquery/jquery-ui-1.8.17.min.js"></script>
|
|
|
|
{literal}
|
|
<style>
|
|
body {
|
|
/*width: 500px;*/
|
|
margin: 10px auto;
|
|
/*color: #999;*/
|
|
font: 90%/150% Arial, Helvetica, sans-serif;
|
|
/*margin : 0px;*/
|
|
color : #808080;
|
|
/*font : normal 8pt sans-serif,Tahoma,MiscFixed;*/
|
|
background-color:#ECECEC;
|
|
}
|
|
|
|
#note_text {
|
|
width:100%;
|
|
height:52px;
|
|
}
|
|
|
|
.postitem:hover{
|
|
/*background:#EFEFEF;*/
|
|
}
|
|
.fontText {
|
|
color: #565656;
|
|
font: bold 10px/15px Helvetica,Sans-Serif;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 2px #FFFFFF;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#btn {
|
|
background: #ffffff; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #dbdbdb 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#dbdbdb 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#dbdbdb 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#dbdbdb 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
|
|
|
|
border: 1px solid #FFFFFF;
|
|
color: #565656;
|
|
text-decoration: none;
|
|
text-shadow: 1px 1px 1px #FFFFFF;
|
|
font: 10px/25px Helvetica,Sans-Serif;
|
|
border-radius: 10px 10px 10px 10px;
|
|
box-shadow: 0 0 6px #FFFFFF inset;
|
|
text-decoration: none;
|
|
padding: 5px 0 0;
|
|
}
|
|
a.btn:hover {
|
|
color: #145675;
|
|
-moz-transition: color 0.25s ease-in-out;
|
|
-webkit-transition: color 0.25s ease-in-out;
|
|
transition: color 0.25s ease-in-out;
|
|
}
|
|
.global-nav{
|
|
background: #007eb5; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #007eb5 0%, #003d5a 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007eb5), color-stop(100%,#003d5a)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #007eb5 0%,#003d5a 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #007eb5 0%,#003d5a 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #007eb5 0%,#003d5a 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, #007eb5 0%,#003d5a 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007eb5', endColorstr='#003d5a',GradientType=0 ); /* IE6-9 */
|
|
}
|
|
</style>
|
|
<script type="text/javascript" language="javascript" >
|
|
function resize()
|
|
{
|
|
var h = $(document.body).height() - 52;
|
|
var w = $(document.body).width();
|
|
if (w > 600) {
|
|
w = 600;
|
|
}
|
|
|
|
$('.content-header').width(w-50);
|
|
}
|
|
function setTextSearch()
|
|
{
|
|
$("#searchText").val(null);
|
|
redirect();
|
|
}
|
|
|
|
function redirect()
|
|
{
|
|
var src = $("#iframex", window.parent.document).attr('src');
|
|
src = src.split("?");
|
|
|
|
var params = '?';
|
|
params += 'process='+$("#comboProcess").val();
|
|
params += '&status='+$("#comboStatus option:selected").val();
|
|
params += '&search='+$("#searchText").val();
|
|
params += '&category='+$("#comboCategory option:selected").val();
|
|
params += '&user='+$("#comboUsers").val();
|
|
params += '&dateFrom='+$("#dateFrom").val();
|
|
params += '&dateTo='+$("#dateTo").val();
|
|
|
|
$("#iframex", window.parent.document).attr({src : src[0]+params});
|
|
return false;
|
|
}
|
|
|
|
function showNt(appUid)
|
|
{
|
|
var d = $('#m_'+appUid);
|
|
|
|
if (d.css('display') == 'block') {
|
|
d.hide('slow');
|
|
}
|
|
else {
|
|
d.show('slow');
|
|
}
|
|
}
|
|
|
|
function addNt(appUid, proUid, tasUid)
|
|
{
|
|
$('textarea#note_text').val('');
|
|
$.post(
|
|
'../appProxy/getNotesList',
|
|
{
|
|
appUid : appUid,
|
|
pro:proUid,
|
|
tas:tasUid,
|
|
start:0,
|
|
limit:25
|
|
},
|
|
function(responseText) {
|
|
console.log(responseText);
|
|
data = jQuery.parseJSON(responseText);
|
|
console.log(data.noPerms);
|
|
if (typeof (data.noPerms) != 'undefined') {
|
|
alert(noPerms);
|
|
return false;
|
|
} else {
|
|
$( "#dialog-add-note" ).dialog({
|
|
resizable: false,
|
|
height:192,
|
|
modal: true,
|
|
buttons: {
|
|
{/literal}"{translate label="ID_ADD_NOTE"}"{literal}: function() {
|
|
var sendMail = document.getElementById('chkSendMail').checked;
|
|
sendMail = (sendMail == true) ? '1' : '0';
|
|
$(this).dialog( "close" );
|
|
$.post(
|
|
'../appProxy/postNote',
|
|
{appUid : appUid,
|
|
noteText: $('textarea#note_text').val(),
|
|
swSendMail : sendMail},
|
|
function(responseText) {
|
|
updateNt(appUid);
|
|
}
|
|
);
|
|
//redirect('home/startCase?id='+id);
|
|
},
|
|
{/literal}"{translate label="ID_CANCEL"}"{literal}: function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
//updateNt(appUid);
|
|
}
|
|
);
|
|
}
|
|
function addPanelSearch()
|
|
{
|
|
var urlFile = $('#imagenPanel').attr('src');
|
|
var file = urlFile.split("/");
|
|
var img = file.pop();
|
|
var stylePanel = '';
|
|
switch (img) {
|
|
case 'down.png':
|
|
src = '/images/simplified/up.png';
|
|
$('#panelDown').attr({style: 'display: table; width: 95%;'});
|
|
$('#panelDown').show();
|
|
break;
|
|
case 'up.png':
|
|
src = '/images/simplified/down.png';
|
|
$('#panelDown').attr({style: 'display:none width: 95%;'});
|
|
$('#panelDown').hide();
|
|
default:
|
|
src = '/images/simplified/down.png';
|
|
$('#panelDown').attr({style: 'display:none width: 95%;'});
|
|
$('#panelDown').hide();
|
|
break;
|
|
}
|
|
$('#imagenPanel').attr({src: src});
|
|
}
|
|
|
|
function updateNt(appUid)
|
|
{
|
|
$.post(
|
|
'../appProxy/getNotesList?appUid='+appUid,
|
|
{start:0, limit:100},
|
|
function(resp) {
|
|
data = jQuery.parseJSON(resp);
|
|
content = $('div#m_'+appUid);
|
|
content.html('');
|
|
|
|
for (i=0; i<data.notes.length; i++) {
|
|
r = data.notes[i];
|
|
|
|
s = '<div class="appMessage"><table border="0"><tr>' +
|
|
'<td width="50" valign="top">'+
|
|
'<img border="0" src="../users/users_ViewPhotoGrid?pUID='+r.USR_UID+'" width="40" height="40"/>' +
|
|
'</td><td>' +
|
|
'<h3>'+r.USR_FIRSTNAME+' '+r.USR_LASTNAME+' ('+r.USR_USERNAME+')</h3>' +
|
|
'<p><pre>'+r.NOTE_CONTENT+'</pre>' +
|
|
'<div class="appMessageDate">{/literal}{translate label="ID_POSTED_AT"}{literal} ' + r.NOTE_DATE + '</div>' +
|
|
'</td></tr></table></div>';
|
|
|
|
content.append(s);
|
|
$('#n_'+appUid).show('slow');
|
|
}
|
|
d = $('#m_'+appUid);
|
|
d.show('slow');
|
|
}
|
|
);
|
|
return true;
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
$("#loadmorebutton").click(function (){
|
|
$('#loadmorebutton').html('<img src="/images/ajax-loader.gif" />');
|
|
$.ajax({
|
|
url: "getApps?t="+listType+"&start="+appListStart+"&limit="+appListLimit,
|
|
success: function(html){
|
|
appListStart += appListLimit;
|
|
|
|
if(jQuery.trim(html) != ''){
|
|
$("#commentlist").append(html);
|
|
$('#loadmorebutton').html('{/literal}"{translate label="ID_LOAD_MORE"}"{literal}');
|
|
}
|
|
else {
|
|
$('#loadmorebutton').replaceWith('<center>{/literal}"{translate label="ID_NO_MORE_APPLICATIONS"}"{literal}</center>');
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
$("#dateFrom").datepicker({ dateFormat:'yy-mm-dd'});
|
|
$("#dateTo").datepicker({ dateFormat:'yy-mm-dd'});
|
|
|
|
$("#comboProcess").val(process);
|
|
$("#comboStatus").val(status);
|
|
$("#searchText").val(search);
|
|
$("#comboCategory").val(category);
|
|
$("#comboUsers").val(user);
|
|
$("#dateFrom").val(dateFrom);
|
|
$("#dateTo").val(dateTo);
|
|
$("#comboProcessAuto" ).autocomplete({
|
|
source: "getProcesses?t="+listType,
|
|
minLength: 1,
|
|
select: function( event, ui ) {
|
|
$("#comboProcess").val(ui.item.id);
|
|
$("#comboProcess").trigger("change");
|
|
}
|
|
});
|
|
$("#comboUsersAuto" ).autocomplete({
|
|
source: "getUsers?t="+listType,
|
|
minLength: 1,
|
|
select: function( event, ui ) {
|
|
$("#comboUsers").val(ui.item.id);
|
|
$("#comboUsers").trigger("change");
|
|
}
|
|
});
|
|
});
|
|
{/literal}
|
|
|
|
var appListLimit = {$appListLimit};
|
|
var appListStart = {$appListStart};
|
|
var noPerms = '{$noPerms}';
|
|
var listType = '{$listType}';
|
|
var process = '{$arraySearch[0]}';
|
|
var status = '{$arraySearch[1]}';
|
|
var search = '{$arraySearch[2]}';
|
|
var category = '{$arraySearch[3]}';
|
|
var user = '{$arraySearch[4]}';
|
|
var dateFrom = '{$arraySearch[5]}';
|
|
var dateTo = '{$arraySearch[6]}';
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body id='bodySearch' onload="resize()" onresize="resize()" >
|
|
|
|
<center>
|
|
<div id="btn" style = "display: table; width: 550px; margin: 5px;">
|
|
<center>
|
|
<div style = "display: table; width: 95%;">
|
|
<div style = "float: left;"> <b>{$categoryTitle}:</b>
|
|
<select id="comboCategory" onchange="redirect();" style="width: 200px">
|
|
{foreach from=$categoryValues key=k item=VALUE}
|
|
<option value="{$VALUE[0]}">{$VALUE[1]}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
<div style = "float: right;"> <b>{$processTitle}:</b>
|
|
<input id="comboProcessAuto" style="width: 220px" placeholder="{$allProcessLabel}" value="{$processCurrentTitle|htmlentities:2:"UTF-8"}">
|
|
<input id="comboProcess" onchange="redirect();" type="hidden">
|
|
</div>
|
|
<div style = "float: left;"> <b>{$statusTitle}: </b>
|
|
<select id="comboStatus" onchange="redirect();" style="width: 200px">
|
|
{foreach from=$statusValues key=k item=VALUE}
|
|
<option value="{$VALUE[0]}">{$VALUE[1]}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
<div style = "float: right;">
|
|
<input type="button" class="fontText" onclick="setTextSearch();" tabindex="2" value=" x ">
|
|
</div>
|
|
<div style = "float: right;"><b>{$searchTitle}:</b>
|
|
<input type="text" size="24" maxlength="60" value="" id='searchText' placeholder="{$searchTitle}...">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div id='panelDown' style = "display: none; width: 95%;">
|
|
<div style = "float: left;"> <b>{$userTitle}: </b>
|
|
<input id="comboUsersAuto" style="width: 400px" placeholder="{$currentUserLabel|htmlentities:2:'UTF-8'}" value="{$userCurrentName|htmlentities:2:'UTF-8'}">
|
|
<input id="comboUsers" onchange="redirect();" type="hidden">
|
|
</div>
|
|
<div style = "float: left;"><b>{$fromTitle} </b>
|
|
<input id="dateFrom" type="text" size="10">
|
|
<div style="display: none" class=demo-description></div>
|
|
</div>
|
|
<div style = "float: left;"><b> {$toTitle}
|
|
<input id="dateTo" type="text" size="10">
|
|
<div style="display: none" class=demo-description></div>
|
|
</div>
|
|
</div>
|
|
<div style = "display: table; width: 95%;">
|
|
<div style = "float: left">
|
|
<input type="button" class="fontText" onclick="redirect();" name="commit" tabindex="1" value="{$searchTitle}">
|
|
</div>
|
|
<div style = "float: right;">
|
|
<a href="#" onclick="addPanelSearch(); return false;"><img id='imagenPanel' src="/images/simplified/down.png" border="0"></a>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
</div>
|
|
|
|
<center>
|
|
<div class="content-header" style="text-align:left">
|
|
<h1 style="padding: 10px">{$title}</h1>
|
|
<ul id="commentlist">
|
|
{include file='home/applications.html'}
|
|
</ul>
|
|
|
|
{if $cases_count > $appListLimit}
|
|
<center>
|
|
<a href="#" style="color:#1F98C7; font-size:12px; font-weight:bold;" id="loadmorebutton">{translate label="ID_LOAD_MORE"}</a>
|
|
</center>
|
|
{/if}
|
|
</div>
|
|
</center>
|
|
|
|
<div id="dialog-add-note" title="{translate label="ID_CASE_NOTE"}" style="display:none">
|
|
<p><!-- <span class="ui-icon ui-icon-document" style="float:left; margin:0 7px 20px 0;"></span> -->
|
|
<span id="startAppTitle"/>
|
|
<textarea id="note_text" rows="2" cols="22"></textarea>
|
|
<div class="x-form-check-wrap" id="ext-gen160" style="font-size:11px">
|
|
<input type="checkbox" name="chkSendMail" id="chkSendMail" autocomplete="off" class=" x-form-checkbox x-form-field" checked="">
|
|
<label class="x-form-cb-label" for="chkSendMail" id="ext-gen161">{translate label="ID_SEND_EMAIL_CASE_PARTICIPANTS"}</label>
|
|
</div>
|
|
</p>
|
|
</div>
|
|
<br/>
|
|
</body>
|
|
</html>
|