<%--
  Created by IntelliJ IDEA.
  User: rdc-4
  Date: 2/2/12
  Time: 3:33 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $(document).css("cursor","default");
         $("#mm").click(function(){
             if (confirm("Do you really want to change ?")){
                 $(document).css("cursor","wait");
                 $("#changeServer").submit();
             } else {
                 return false;
             }
         })
       })
</script>
<style type="text/css">

  #serverTitle {
        font-size: 22px;
        font-style: italic;
        width: 980px;
        height: 50px;
        line-height: 50px;
        text-align:center;
        margin-top: 40px;
        margin-bottom: 10px;
        float: left;
  }
   #viewServer {
       float: left;
       width: 330px;
       height: 200px;
       border: #212121 dashed 0px;
       margin-left: 120px;
       margin-top: 50px;
   }
  #line {
       float: left;
       width: 1px;
       height: 200px;
       background:#aaaaaa;
       margin-left: 10px;
       margin-top: 30px;
  }
  #editServer {
       float: left;
       width: 330px;
       height: 200px;
       border: #212121 solid 0px;
       margin-left: 167px;
       /*margin-top: 50px;*/
  }

  .eachRow {
       margin-top: 20px;

  }
  #saveServer {
        float: left;
        margin-top: 25px;
        margin-left: 70px;
  }
     #mm{
         /*width: 26px;*/
      /*height:26px;*/

      /*background-image:url("images/editProfile/save.png");*/
       background: url("images/button/button.png") no-repeat top left ;
       width: 60px;
       height:27px;
         border: none;
     }
  #changeMessage{
       float: left;
       width: 500px;
       height:40px;
       margin-left: 390px;
       color: red;
  }

 #changeMessage ul li {
     text-decoration: none;
     list-style: none;
     font-size: 15px;
     height:20px;

 }

</style>
<div id="serverTitle">Server Security</div>
  <%--<div id="viewServer">--%>

     <%--<div class="eachRow"> <span style="color: teal; font-style: italic;margin-right: 10px;" >Username : </span> <s:property value="server.username" /> </div>--%>
     <%--<div class="eachRow"> <span style="color: teal; font-style: italic;margin-right: 12px;" >Password : </span> <s:property value="server.password" />  </div>--%>
     <%--&lt;%&ndash;<a href="#" id="editUsernamePass">Change</a>&ndash;%&gt;--%>
  <%--</div>--%>
<%--<div id="line"></div>--%>
<div id="changeMessage"><s:actionmessage /></div>
<br/>
<div style="width: 980px;float: left;display: block;">
  <div style="width: 100px;height: 100px;float: left;margin-left: 120px;margin-top:30px;" >
      <img src="<%=request.getContextPath()%>/images/server/cadenas.png" alt="" width="100" height="100"/>
  </div>
  <div id="editServer">
     <form action="changeServer.action" method="post" id="changeServer">
         <div style="float: left;width: 250px;" >
             <div class="eachRow">
                 <div style="font-style: italic;margin-right: 10px;width: 250px;"> Username :</div>
                     <input type="text" value="<s:property value='server.username'/>" name="serverUsername" style="width:200px;" />
                 <img src="<%=request.getContextPath()%>/images/content/star.png" alt="" title="Can't contain more than 20 letters !" width="10" height="10" />
             </div>
             <div class="eachRow">
                 <div style="font-style: italic;margin-right: 12px;width: 250px;" >Password : </div>
                 <%--<input type="password" value="<s:if test="%{server.password==''}"> </s:if><s:else><s:property value='server.password'/></s:else>" name="serverPassword" style="width:200px;" />--%>

                 <input type="password" value="<s:property value='server.password'/>" name="serverPassword" style="width:200px;" />
             </div>
             <%--<div> Confirm Password :  <input type="password" value="" name="serverCnfPassword"/></div>--%>
             <div id="saveServer"><input type="submit" value="Save" name="saveServer" id="mm"/></div>
         </div>

     </form>
  </div>
</div>
<%--<div style="color:red;font-size:13px;margin:30px 130px 0px;float:left;display:block;width:720px;">--%>
     <%--<div id="colorChange" style="float:left;">--%>
          <%--<img src="<%=request.getContextPath()%>/images/settings/attention.png" alt=""  width="12"--%>
                     <%--height="12" style="margin-top:2px;margin-right:10px;"/>--%>
     <%--</div>--%>
     <%--<div style="float:left;width: 690px;" >--%>
         <%--If you change the username and/or password, devices could not connect to the server!!!--%>
     <%--</div>--%>
<%--</div>--%>
