Spaces:
Sleeping
Sleeping
| <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> | |