<!DOCTYPE html>
<%--
/*
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 * limitations under the License.
 */
--%>
<%@ page import='org.apache.wookie.helpers.FlashMessage' %>
<%@ page import='org.apache.wookie.beans.IWhitelist' %>
<%IWhitelist[] services = (IWhitelist[])request.getAttribute("whitelist"); %>
<html>
<head>
<title>Add a new White list entry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" href="/wookie/shared/js/jquery/themes/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" />  
<link type="text/css" href="../layout.css" rel="stylesheet" />
<script type="text/javascript" src="/wookie/shared/js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/wookie/shared/js/jquery/jquery-ui-1.7.custom.min.js"></script>
<script>
<!--
var jServices = new Array();

<%for(int i=0; i<services.length; i++){%>
	jServices[<%=i%>]="<%=services[i].getfUrl()%>";
<%}%>

function serviceAlreadyExist(sValue){
	for(var x=0;x<jServices.length;x++){	
		if(sValue.toLowerCase() == jServices[x].toLowerCase()){
			return true;
		}
	}
	return false;
}

function checkServiceValue(){
	if (document.addnewform.newuri.value.length < 1){
		updateDialogText("New value cannot be empty");
        doDialog();
        return;      
 	}
 	
	if(serviceAlreadyExist(document.addnewform.newuri.value)){
		updateDialogText("This entry exists, please choose another uri.");
		doDialog();
	}
  	else {  	
		document.addnewform.submit();	
  	}	
}

function updateDialogText(textValue){
	var x=document.getElementById("confirm");
  	var newText = "<span class=\"ui-icon ui-icon-alert\" style=\"float:left;\"></span>"; 
  	newText+= textValue;
	x.innerHTML = newText;
	return;
}

function doDialog(){
	$("#confirm").dialog({
		bgiframe: true,
    	autoOpen: false,
    	buttons: {
            "Ok": function() { $(this).dialog("close"); }
    	},
    	resizable: false,                        
    	modal: true,
    	overlay: {
			backgroundColor: '#00000',
			opacity: 0.25
		},
	});			    
	$('#confirm').dialog('open');  
}
//-->
</script>
</head>
<body>
   <div id="header">
 		<div id="banner">
    		<div style="float:left;">
    			<img style="margin: 8 8px;" border="0" src="../shared/images/furry_white.png">
    		</div>
    		<div id="menu"><a class="menulink" href="index.jsp">menu&nbsp;<img border="0" src="../shared/images/book.gif"></a>&nbsp;</div>
    	</div> 
    	<div id="pagetitle">
    		<h3>Add new entry to white list</h3>
    	</div>
    	<!--  END HEADER -->
	</div>
     
    <div id="content">  
	
	<% String errors = FlashMessage.getErrors(session, request);%>
	<% String messages = FlashMessage.getMessages(session, request);%>
	<%if(errors!=null){%>
      <p><img src="../shared/images/cancel.gif" width="16" height="16"><font color=red> <%=errors%> </font> </p>
	<%}%>
	<%if(messages!=null){%>
	<p><img src="../shared/images/greentick.gif" width="16" height="16">
		<font color=green>
		<%=messages%>
		</font>
	</p>
	<%}%>
	<p>
	Here you can add a new white list entry to the widget server. 
	</p>
	<br>
	<table width="500" class="ui-widget ui-widget-content" align="center">  
		<tr class="ui-widget-header"><td>&nbsp;Add a new entry</td></tr>
		<tr><td align="center">
			<form method="post" name="addnewform" action="/wookie/admin/WidgetAdminServlet?operation=ADDNEWWHITELISTENTRY" >
				<input type="text" name="newuri"  size="60" class="ui-button ui-state-default ui-corner-all">
				<input type="button" name="Submit" value="add" onClick="checkServiceValue()"  class="ui-button ui-state-default ui-corner-all">
			</form>		
	</td></tr>
	</table>
	<br>
	<table width="500" class="ui-widget ui-widget-content" align="center">  
		<tr class="ui-widget-header"><td>&nbsp;Existing entries</td></tr>							
			<%for (int i=0; i<services.length; i++) if (!services[i].getfUrl().equals("http://localhost") && !services[i].getfUrl().equals("http://127.0.0.1")) {%>
		  		<tr><td width="100%">
		  		<div id="nifty">
					<b class="rtop">
						<b class="r1"></b>
						<b class="r2"></b>
						<b class="r3"></b>
						<b class="r4"></b>
					</b>	        
								
	  		&nbsp;&nbsp;&nbsp;&nbsp;<%=services[i].getfUrl()%>
	  		<b class="rbottom">
						<b class="r4"></b>
						<b class="r3"></b>
						<b class="r2"></b>
						<b class="r1"></b>
					</b>
				</div>
		  		</td></tr>
	  		<%}%>
			</table>		
</div>
	
<div id="footer">
	<div style="text-align:right"><a class="menulink" href="index.jsp">menu&nbsp;<img border="0" src="../shared/images/book.gif"></a>&nbsp;</div>
</div>
<div id="confirm" style="display:none;" title="Warning"></div>
</body>
</html>
<% FlashMessage.clearErrorsAndMessages(session);%>
