Skip to content

C
CUREX
Switch branch/tag
Find file Normal viewHistoryPermalink
transfer.jsp 4.72 KB
Newer Older
Alberto Blázquez Herranz's avatar
Current development.  
Alberto Blázquez Herranz committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link href="webjars/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
  <title>Event Service</title>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script language="javascript">

function validateForm()
{

   var flag = true;

   var names = ["formUrl", "formTokenUrl", "formUser", "formPass"];

   var forms = document.forms["myForm"];

   names.forEach(function(name) {

     var x = forms[name].value;

     if(x==null || x==""){

         flag = false;

         document.getElementById(name+'_message').style.visibility="visible";
         document.getElementById(name+'_message').style.color="crimson";
         document.getElementById(name+'_message').innerHTML="This field must not be empty.";
         document.getElementById(name).style.borderColor="red";

     }else{
         document.getElementById(name+'_message').style.visibility="";
          document.getElementById(name+'_message').style.color="";
          document.getElementById(name+'_message').innerHTML="";
          document.getElementById(name).style.borderColor="";
      }
   });

    return flag;

}

$(function() {

    document.getElementById('formUrl_message').style.visibility="";
    document.getElementById('formUrl_message').style.color="";
    document.getElementById('formUrl_message').innerHTML="";
    document.getElementById('formUrl').style.borderColor="";

});

</script>

<div class="jumbotron">
  <h1 id="signHeader1">Event Service menu</h1>
  <a href="<core:url value='/curex/admin' />" style="float:left; padding-top:2%" >Previous Page</a>
</div>
<div class="container" style="margin-left:25%">
  <div class="row">

    <form:form method="POST" action="/curex/events" modelAttribute="transfer" name="myForm" onsubmit="return validateForm()" >


        <p style="font-weight:bold">Token obtention</p>
        <div class="container" style="border-style: solid; border-color:lightgray; padding: 20px 160px 20px 100px">


         <div class="form-group">
            <label for="user">Username * <p style="font-size: 10px;  margin-bottom: 0">(mandatory field)</p></label>
            <form:input path="user" id="formUser" cssClass="form-control" />
            <td> <label class="message" id="formUser_message"></td>
          </div>

          <div class="form-group">
            <label for="password">Password * <p style="font-size: 10px;  margin-bottom: 0">(mandatory field)</p></label>
            <form:password path="password" id="formPass" cssClass="form-control" />
            <td> <label class="message" id="formPass_message"></td>
          </div>

            <div class="form-group">
                <label for="tokenUrl">Endpoint URL * <p style="font-size: 10px;  margin-bottom: 0">(mandatory field)</p></label>
                <br>
                <textarea id="formTokenUrl" name="tokenUrl">${transfer.tokenUrl}</textarea>
                <br>
                <td> <label class="message" id="formTokenUrl_message"></td>
            </div>

         </div>

         <br>
         <br>

        <p style="font-weight:bold">Event Transfer</p>
        <div class="container" style="border-style: solid; border-color:lightgray; padding: 20px 160px 20px 100px">

          <div class="form-group">
            <label for="url">Endpoint URL * <p style="font-size: 10px;  margin-bottom: 0">(mandatory field)</p></label>
            <br>
            <textarea id="formUrl" name="url">${transfer.url}</textarea>
            <br>
            <td> <label class="message" id="formUrl_message"></td>
          </div>

        </div>

      <br><br>
      <form:button class="btn btn-primary" id="submitButton" >Set Variables</form:button>

    </form:form>

    <span id="span_id" style="display: none">${unrec_token}</span>


  </div>

  <div class="row">
    <% Object status = session.getAttribute("transferURL");
      if ("OK".equals(status)) { %>
    <div class="alert alert-success" role="alert">
      Event-communication URL successfully set.
    </div>
    <% }
      if ("FAILED".equals(status)) { %>
      <div class="alert alert-danger" role="alert">

      </div>
    <% } %>
  </div>

</div>

<script src="webjars/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

</body>
</html>