225 lines
7.7 KiB
HTML
225 lines
7.7 KiB
HTML
<html>
|
|
<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="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
|
|
<!--<link rel="stylesheet" href="/js/jquery/css/redmond/jquery-ui-1.7.2.custom.css" 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="/css/simplified.css" media="screen" rel="stylesheet" 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>
|
|
|
|
{if $clientBrowser neq 'msie'}
|
|
<style>
|
|
{literal}
|
|
body {
|
|
padding-top : 40px !important;
|
|
overflow : scroll;
|
|
}
|
|
::-webkit-scrollbar {width: 6px; height: 4px; background: transparent ; }
|
|
::-webkit-scrollbar-thumb { background-color: #808080 ; -webkit-border-radius: 1ex; }
|
|
</style>
|
|
{/literal}
|
|
{/if}
|
|
|
|
{literal}
|
|
<script>
|
|
var ux_env = {ver: '1.0'};
|
|
|
|
function resize()
|
|
{
|
|
var h = $(window).height() - 42;
|
|
$('iframe').height(h);
|
|
//IE V8-V10-V11
|
|
if ((navigator.appVersion.indexOf("MSIE 8") != -1) || (navigator.appVersion.indexOf("MSIE 1") != -1) || (!!(navigator.userAgent.match(/Trident/) && !navigator.userAgent.match(/MSIE/)))) {
|
|
h = $('iframe').attr('style');
|
|
$('iframe').attr('style', h+' padding-top : 40px;');
|
|
}
|
|
}
|
|
|
|
function redirect(url)
|
|
{
|
|
var $iframe = $('#iframex');
|
|
$iframe.attr('src', url);
|
|
return false;
|
|
}
|
|
|
|
function appStart(id, title)
|
|
{
|
|
$('#startAppTitle').html(title)
|
|
|
|
$( "#dialog-confirm" ).dialog({
|
|
resizable: false,
|
|
height:160,
|
|
modal: true,
|
|
buttons: {
|
|
{/literal}"{translate label="ID_CASE_START"}"{literal}: function() {
|
|
$( this ).dialog( "close" );
|
|
redirect('home/startCase?id='+id);
|
|
},
|
|
|
|
{/literal}"{translate label="ID_CANCEL"}"{literal}: function() {
|
|
$( this ).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/*function setActive(o)
|
|
{
|
|
if (o.id == 'inboxOp') {
|
|
o.setAttribute('class', 'active');
|
|
}
|
|
else {
|
|
o.setAttribute('class', '');
|
|
}
|
|
}*/
|
|
|
|
//$("div.topbar ul li a").
|
|
|
|
|
|
</script>
|
|
{/literal}
|
|
|
|
</head>
|
|
<body onload="resize()" onresize="resize()" >
|
|
<div class="global-nav">
|
|
<!-- start topbar -->
|
|
<div class="topbar" id="corpBar">
|
|
<div class="topbar-bg"></div>
|
|
<div class="topbar-inner">
|
|
<div class="fixed-container clearfix">
|
|
<!-- <a href="" title="_title / Home" accesskey="1" id="logo">_title</a> -->
|
|
|
|
<ul class="nav primary-nav">
|
|
<!--
|
|
<li class="account">
|
|
<a class="menu user-actions active" href="#" onclick="redirect('home/appList?t=todo');" title="My Inbox">
|
|
<img alt="" src="/images/simplified/in-set-grey.png" id="inboxOp" />
|
|
-->
|
|
<!-- <span class="menu-label screen-name">new cases</span> -->
|
|
<!--
|
|
</a>
|
|
</li>
|
|
-->
|
|
|
|
{if count($arrayMnuOption) > 0}
|
|
{foreach from=$arrayMnuOption key=index item=option}
|
|
<li class="account">
|
|
<a class="menu user-actions" href="javascript:;" onclick="redirect('{$option.url}');" title="{$option.label}">
|
|
<img src="{$option.icon}" alt="" />
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
{/if}
|
|
|
|
{if $canStartCase neq false && count($mnuNewCase) > 0}
|
|
<li class="account">
|
|
<a class="menu user-actions" href="javascript:;" title="{$mnuNewCase.label}" id="_new">
|
|
<img src="{$mnuNewCase.icon}" alt="" />
|
|
</a>
|
|
{if count($processList) <= 6}
|
|
<ul class="menu-dropdown" style="width: 210px; height: auto; overflow-y: auto;">
|
|
{foreach from=$processList key=id item=proc}
|
|
<li>
|
|
<a href="javascript:;" onclick="appStart('{$proc.uid}', '{$proc.value}')" accesskey="s" title="" id="settings_link">{$proc.value}</a>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
{/if}
|
|
{if count($processList) > 6}
|
|
<ul class="menu-dropdown" style="width: 210px; height: 600%; overflow-y: auto;">
|
|
{foreach from=$processList key=id item=proc}
|
|
<li>
|
|
<a href="javascript:;" onclick="appStart('{$proc.uid}', '{$proc.value}')" accesskey="s" title="" id="settings_link">{$proc.value}</a>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
{/if}
|
|
</li>
|
|
{/if}
|
|
</ul>
|
|
{if $rtl eq 1}
|
|
<ul class="nav rtl-secondary-nav">
|
|
{else}
|
|
<ul class="nav secondary-nav">
|
|
{/if}
|
|
<li class="account">
|
|
<a class="menu user-photo" href="javascript:;">
|
|
<img alt="user_avatar_mini" height="24" src="users/users_ViewPhotoGrid?pUID={$usrUid}" width="24" />
|
|
<span class="menu-label screen-name">{$userName}</span>
|
|
</a>
|
|
<ul class="menu-dropdown">
|
|
<!--<li><a href="#" accesskey="s" id="settings_link">Settings</a></li>
|
|
<li><a href="#" accesskey="?" id="help_link">Help</a></li>-->
|
|
{if $userUxType eq 'SWITCHABLE'}
|
|
<li><a href="{$switchLink}" accesskey="?" id="help_link">{translate label="ID_SWITCH_INTERFACE"}</a></li>
|
|
{/if}
|
|
<li><a href="home/login" accesskey="l" id="sign_out_link">{translate label="ID_SIGN_OUT"}</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div> <!-- /fixed-container -->
|
|
</div> <!-- /topbar-inner -->
|
|
</div>
|
|
<!-- end topbar -->
|
|
</div>
|
|
|
|
<iframe id="iframex" name="iframex" src="home/appList" width="100%" height="800" scrolling="yes" frameborder="0"></iframe>
|
|
|
|
<div id="dialog-confirm" title="Confirm" style="display:none">
|
|
<p>
|
|
{translate label="ID_START_A_NEW_CASE_FOR"}<br/>
|
|
<span class="ui-icon ui-icon-document" style="float:left; margin:0 7px 20px 0;"></span><span id="startAppTitle"/></p>
|
|
</div>
|
|
|
|
{literal}
|
|
<script type="text/javascript">
|
|
// Javascript to toggle the dropdowns
|
|
$(document).ready(function(){
|
|
// Dropdowns
|
|
$("body").bind("click", function(e) {
|
|
$("ul.menu-dropdown").hide();
|
|
$('a.menu').parent("li").removeClass("open").children("ul.menu-dropdown").hide();
|
|
});
|
|
|
|
$("a.menu").click(function() {
|
|
if ($(this).parent("li").hasClass("open")) {
|
|
$(this).parent("li").removeClass("open");
|
|
$(this).siblings("ul.menu-dropdown").hide();
|
|
} else {
|
|
$(this).parent("li").addClass("open");
|
|
$(this).siblings("ul.menu-dropdown").show();
|
|
}
|
|
$(this).parent("li").siblings("li").children("ul.menu-dropdown").hide();
|
|
$(this).parent("li").siblings("li").removeClass("open");
|
|
return false;
|
|
});
|
|
|
|
|
|
// To hide some actived menu clicking on inner iframe content
|
|
$('iframe').load(function(){
|
|
var iframeDoc = $('iframe').contents().get(0);
|
|
// Bind event to iframe document
|
|
$(iframeDoc).bind('click', function( event ) {
|
|
$("ul.menu-dropdown").hide();
|
|
$('a.menu').parent("li").removeClass("open").children("ul.menu-dropdown").hide();
|
|
});
|
|
|
|
})
|
|
|
|
|
|
$('ul.primary-nav').children('li').children('a').click(function(i, el){
|
|
$('ul.primary-nav').children('li').children('a').attr('class', 'menu user-actions');
|
|
$(this).attr('class', 'menu user-actions active');
|
|
});
|
|
|
|
});
|
|
</script>
|
|
{/literal}
|
|
|
|
</body>
|
|
</html> |