2012-01-20 12:01:02 -04:00
|
|
|
<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"/>
|
2012-02-24 19:32:24 -04:00
|
|
|
<!--<link rel="stylesheet" href="/js/jquery/css/redmond/jquery-ui-1.7.2.custom.css" type="text/css">-->
|
2012-01-26 09:33:01 -04:00
|
|
|
<link rel="stylesheet" href="/js/jquery/css/smoothness/jquery-ui-1.8.17.custom.css" type="text/css">
|
2012-01-20 12:01:02 -04:00
|
|
|
<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>
|
|
|
|
|
|
2012-02-24 19:32:24 -04:00
|
|
|
{if $clientBrowser neq 'msie'}
|
2012-01-20 12:01:02 -04:00
|
|
|
<style>
|
2012-02-24 19:32:24 -04:00
|
|
|
{literal}
|
2012-01-20 12:01:02 -04:00
|
|
|
body {
|
2012-02-24 19:32:24 -04:00
|
|
|
padding-top : 40px !important;
|
|
|
|
|
overflow : hidden;
|
2012-01-20 12:01:02 -04:00
|
|
|
}
|
|
|
|
|
</style>
|
2012-02-24 19:32:24 -04:00
|
|
|
{/literal}
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{literal}
|
2012-01-20 12:01:02 -04:00
|
|
|
<script>
|
2012-02-24 19:32:24 -04:00
|
|
|
var ux_env = {ver: '1.0'};
|
2012-01-20 12:01:02 -04:00
|
|
|
|
2012-02-24 19:32:24 -04:00
|
|
|
function resize()
|
2012-01-20 12:01:02 -04:00
|
|
|
{
|
|
|
|
|
var h = $(window).height() - 42;
|
|
|
|
|
$('iframe').height(h)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function redirect(url)
|
|
|
|
|
{
|
|
|
|
|
var $iframe = $('#iframex');
|
|
|
|
|
$iframe.attr('src', url);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function appStart(id, title)
|
|
|
|
|
{
|
2012-01-31 18:45:30 -04:00
|
|
|
$('#startAppTitle').html(title)
|
|
|
|
|
|
|
|
|
|
$( "#dialog-confirm" ).dialog({
|
|
|
|
|
resizable: false,
|
|
|
|
|
height:160,
|
|
|
|
|
modal: true,
|
|
|
|
|
buttons: {
|
|
|
|
|
"Start Case": function() {
|
|
|
|
|
$( this ).dialog( "close" );
|
|
|
|
|
redirect('home/startCase?id='+id);
|
|
|
|
|
},
|
|
|
|
|
Cancel: function() {
|
|
|
|
|
$( this ).dialog( "close" );
|
|
|
|
|
}
|
|
|
|
|
}
|
2012-01-20 12:01:02 -04:00
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</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">
|
2012-02-24 19:32:24 -04:00
|
|
|
<a class="menu user-actions" href="#" onclick="redirect('home/appList?t=todo')" title="My Inbox">
|
2012-01-20 12:01:02 -04:00
|
|
|
<img alt="A99679add21e8b0704ea5f0fb569572c_mini" src="/images/simplified/in-set-grey.png" />
|
|
|
|
|
<!-- <span class="menu-label screen-name">new cases</span> -->
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
2012-02-03 09:46:27 -04:00
|
|
|
{if $canStartCase neq false}
|
2012-01-20 12:01:02 -04:00
|
|
|
<li class="account">
|
2012-01-26 09:33:01 -04:00
|
|
|
<a class="menu user-actions" href="#" onclick="redirect('home/appList?t=draft')" title="My Drafts">
|
2012-01-20 12:01:02 -04:00
|
|
|
<img alt="A99679add21e8b0704ea5f0fb569572c_mini" src="/images/simplified/folder-grey.png" />
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
2012-02-03 09:46:27 -04:00
|
|
|
|
2012-01-20 12:01:02 -04:00
|
|
|
<li class="account">
|
|
|
|
|
<a class="menu user-actions" href="#">
|
2012-01-31 18:45:30 -04:00
|
|
|
<img alt="A99679add21e8b0704ea5f0fb569572c_mini" src="/images/simplified/plus-set-grey.png" title="New Case"/>
|
2012-01-20 12:01:02 -04:00
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<ul class="menu-dropdown" style="width: 360px">
|
|
|
|
|
{foreach from=$processList key=id item=proc}
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#" onclick="appStart('{$proc.uid}', '{$proc.value}')" accesskey="s" id="settings_link">{$proc.value}</a>
|
|
|
|
|
</li>
|
|
|
|
|
{/foreach}
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
2012-01-26 09:33:01 -04:00
|
|
|
{/if}
|
2012-01-20 12:01:02 -04:00
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<ul class="nav secondary-nav">
|
|
|
|
|
<li class="account">
|
|
|
|
|
<a class="menu user-photo" href="#">
|
|
|
|
|
<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>-->
|
2012-01-31 18:45:30 -04:00
|
|
|
{if $userUxType eq 'SWITCHABLE'}
|
2012-02-24 19:32:24 -04:00
|
|
|
<li><a href="{$switchLink}" accesskey="?" id="help_link">Switch Interface</a></li>
|
2012-01-31 18:45:30 -04:00
|
|
|
{/if}
|
2012-02-24 19:32:24 -04:00
|
|
|
<li><a href="home/login" accesskey="l" id="sign_out_link">Sign out</a></li>
|
2012-01-20 12:01:02 -04:00
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
</div> <!-- /fixed-container -->
|
|
|
|
|
</div> <!-- /topbar-inner -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- end topbar -->
|
|
|
|
|
</div>
|
|
|
|
|
|
2012-02-24 19:32:24 -04:00
|
|
|
<iframe id="iframex" name="iframex" src="home/appList" width="100%" height="800" scrolling="yes" frameborder="0"></iframe>
|
2012-01-20 12:01:02 -04:00
|
|
|
|
2012-01-31 18:45:30 -04:00
|
|
|
<div id="dialog-confirm" title="Confirm" style="display:none">
|
2012-02-01 17:28:30 -04:00
|
|
|
<p>
|
|
|
|
|
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>
|
2012-01-31 18:45:30 -04:00
|
|
|
</div>
|
|
|
|
|
|
2012-01-20 12:01:02 -04:00
|
|
|
{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();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
{/literal}
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
