📄 archive-search.jsp
字号:
border-color: #bbb;
border-style: solid;
border-width: 0px 0px 1px 0px;
}
.small-description {
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
color: #666;
}
.description {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
color: #666;
}
.pagination {
border-color: #bbb;
border-style: solid;
border-width: 0px 0px 1px 0px;
font-size: 10px;
font-family: Verdana, Arial, sans-serif;
}
.content {
border-color: #bbb;
border-style: solid;
border-width: 0px 0px 1px 0px;
}
/* Default DOM Tooltip Style */
div.domTT {
border: 1px solid #bbb;
background-color: #FFFBE2;
font-family: Arial, Helvetica sans-serif;
font-size: 9px;
padding: 5px;
}
div.domTT .caption {
font-family: serif;
font-size: 12px;
font-weight: bold;
padding: 1px 2px;
color: #FFFFFF;
}
div.domTT .contents {
font-size: 12px;
font-family: sans-serif;
padding: 3px 2px;
}
.textfield {
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
height: 20px;
background: #efefef;
}
.keyword-field {
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
height: 20px;
}
#searchResults {
margin: 10px 0px 10px 0px;
}
#searchResults h3 {
font-size: 14px;
padding: 0px;
margin: 0px 0px 2px 0px;
color: #555555;
}
#searchResults p.resultDescription {
margin: 0px 0px 12px 0px;
}
</style>
<style type="text/css" title="setupStyle" media="screen">
@import "../../style/lightbox.css";
</style>
<script language="JavaScript" type="text/javascript" src="../../js/lightbox.js"></script>
<script type="text/javascript">
var selectedConversation;
function showConversation(conv) {
selectedConversation = conv;
conversations.getConversationInfo(showConv, conv, true);
}
function showConv(results) {
$('chat-viewer-empty').style.display = 'none';
$('chat-viewer').style.display = '';
if (results.allParticipants != null) {
$('con-participant1').innerHTML = results.allParticipants.length;
$('con-participant2').innerHTML = '(<a href="#" onclick="showOccupants(' + results.conversationID + ', 0);return false;">view</a>)';
}
else {
$('con-participant1').innerHTML = results.participant1 + ',';
$('con-participant2').innerHTML = results.participant2;
}
$('con-chatTime').innerHTML = results.date;
$('conversation-body').innerHTML = results.body;
$('con-noMessages').innerHTML = results.messageCount;
$('con-duration').innerHTML = results.duration;
<% if (conversationManager.isArchivingEnabled()) { %>
$('con-chat-link').innerHTML = '<a href="conversation?conversationID='+selectedConversation+'" class="very-small-label" style="text-decoration:none" target=_blank>View PDF</a>';
<% } else { %>
Element.hide('pdf-image');
<% } %>
}
function showOccupants(conversationID, start) {
var aref = document.getElementById('lbmessage');
aref.href = 'archive-conversation-participants.jsp?conversationID=' + conversationID + '&start=' + start;
var lbCont = document.getElementById('lbContent');
if (lbCont != null) {
document.getElementById('lightbox').removeChild(lbCont);
}
lb = new lightbox(aref);
lb.activate();
}
function grayOut(ele) {
if (ele.value == 'Any') {
ele.style.backgroundColor = "#FFFBE2";
}
else {
ele.style.backgroundColor = "#ffffff";
}
}
</script>
<script type="text/javascript" src="/js/behaviour.js"></script>
<script type="text/javascript">
// Add a nice little rollover effect to any row in a jive-table object. This will help
// visually link left and right columns.
var selectedElement;
var myrules = {
'.conversation-table TR' : function(el) {
var backgroundColor;
var selected = false;
el.onmouseover = function() {
if (selectedElement != null && selectedElement == this) {
return;
}
backgroundColor = this.style.backgroundColor;
this.style.backgroundColor = '#dedede';
this.style.cursor = 'pointer';
}
el.onmouseout = function() {
if (selectedElement != this) {
this.style.backgroundColor = backgroundColor;
}
}
el.onmousedown = function() {
this.style.backgroundColor = '#fffBc2';
if (selectedElement != null) {
selectedElement.style.backgroundColor = backgroundColor;
}
selectedElement = this;
}
}
};
var textfieldRules = {
'.textfield' : function(el) {
el.onblur = function() {
var va = el.value;
if (va.length == 0 || va == 'Any') {
this.style.backgroundColor = '#efefef';
el.value = "<%= anyText%>";
}
else {
this.style.backgroundColor = '#ffffff';
}
}
el.onfocus = function() {
var va = el.value;
if (va == 'Any') {
this.style.backgroundColor = '#ffffff';
el.value = "";
}
}
}
};
Behaviour.register(textfieldRules);
Behaviour.register(myrules);
</script>
<style type="text/css">
@import "style/style.css";
</style>
</head>
<body>
<a href="archive-conversation-participants.jsp?conversationID=" id="lbmessage" title="<fmt:message key="archive.group_conversation.participants" />" style="display:none;"></a>
<form action="archive-search.jsp" name="f">
<!-- Search Table -->
<div>
<table class="stat">
<tr valign="top">
<td>
<table>
<tr>
<td colspan="3">
<img src="images/icon_participants.gif" align="absmiddle" alt="" style="margin-right: 4px;"/>
<b><fmt:message key="archive.search.participants" /></b>
<a onmouseover="domTT_activate(this, event, 'content',
'<fmt:message key="archive.search.participants.tooltip"/>',
'trail', true, 'direction', 'northeast', 'width', '220');"><img src="images/icon_help_14x14.gif" alt="" vspace="2" align="texttop"/></a>
</td>
</tr>
<tr>
<td>
<input type="text" size="22" name="participant1" value="<%= participant1 != null ? participant1 :
LocaleUtils.getLocalizedString("archive.search.participants.any", "monitoring") %>" class="textfield"/>
</td>
</tr>
<tr>
<td>
<input type="text" size="22" name="participant2" value="<%= participant2 != null ? participant2 : anyText %>" class="textfield"/>
</td>
</tr>
</table>
</td>
<td width="0" height="100%" valign="middle">
<div class="verticalrule"></div>
</td>
<td>
<table>
<tr>
<td colspan="3">
<img src="images/icon_daterange.gif" align="absmiddle" alt="" style="margin: 0px 4px 0px 2px;"/>
<b><fmt:message key="archive.search.daterange" /></b>
<a onmouseover="domTT_activate(this, event, 'content',
'<fmt:message key="archive.search.daterange.tooltip"/>',
'trail', true, 'direction', 'northeast', 'width', '220');"><img src="images/icon_help_14x14.gif" vspace="2" align="texttop"/></a>
</td>
</tr>
<tr valign="top">
<td><fmt:message key="archive.search.daterange.start" /></td>
<td>
<input type="text" id="startDate" name="startDate" size="13"
value="<%= startDate != null ? startDate :
LocaleUtils.getLocalizedString("archive.search.daterange.any", "monitoring")%>" class="textfield"/><br/>
<span class="jive-description"><fmt:message key="archive.search.daterange.format" /></span>
</td>
<td>
<img src="images/icon_calendarpicker.gif" vspace="3" id="startDateTrigger">
</td>
</tr>
<tr valign="top">
<td><fmt:message key="archive.search.daterange.end" /></td>
<td>
<input type="text" id="endDate" name="endDate" size="13"
value="<%= endDate != null ? endDate :
LocaleUtils.getLocalizedString("archive.search.daterange.any", "monitoring") %>" class="textfield"/><br/>
<span class="jive-description"><fmt:message key="archive.search.daterange.format" /></span>
</td>
<td>
<img src="images/icon_calendarpicker.gif" vspace="3" id="endDateTrigger">
</td>
</tr>
</table>
</td>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -