notice Java 21

change



<!DOCTYPE html>
<html lang="ja" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>Dolteng Auto Generated</title>
    <link th:href="@{/css/bootstrap.min.css}" href="<c:url value="/css/bootstrap.min.css"/>" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" href="<c:url value="/css/style.css"/>" rel="stylesheet"/>
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
div.panel_copy{
    margin-bottom:12px;
    padding:6px;
    border-radius: 4px;
    border: 1px solid #ccc;
    /*box-shadow: 0 5px rgba(0,0,0,.02);*/
    /*-webkit-box-shadow: 0 5px rgba(0,0,0,.05);*/
}
div.panel-heading_copy{
    display:block;
    padding:0;
    background:#f8f8f8;  /*background:#f5f5f5;*/
}
div.panel-heading_copy a,
div.panel-heading_copy span{
    display:block;
    padding:10px;
    text-decoration:none;
    color:#555;  /*color:#666;*/
}
div.panel-heading_copy a:hover,
div.panel-heading_copy a:focus,
div.panel-heading_copy a:active{
    background:#ebebeb;
}

.box1 {
    padding: 4px;
    /*background:#d2e2f1; */
    border: solid 1px #000;
    width: 350px;
}

.padtopleft {
    padding-top: 4px;
    padding-left: 4px;
}
.errMes {
    color: red;
}
</style>

</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-12">
  <s:form method="POST">
    <p>inputEdit.jsp</p>
    <p>:${mess}:</p>
	<table class="table table-striped">
	  <thead>
	    <tr>
	      <th>koban</th>
	      <th>komei</th>
	      <th>queryId</th>
	      <th>verNo</th>
	    </tr>
	  </thead>
	  <tbody>
	  <c:forEach items="${rqList}" var="rqItem">
		<tr>
			<td>${rqItem.koban}</td>
			<td>${rqItem.komei}</td>
			<td>${rqItem.queryId}</td>
			<td>${rqItem.fmtVerNo}</td>
		</tr>
	  </c:forEach>
	  <tbody>
	</table>

            <div class="panel_copy">
                <div class="panel-heading_copy">
                    <span>全角ひらがなのみ可</span>
                </div>
                <div class="panel-body">
match(/^[\u3041-\u3096]+$/)
                </div>
            </div>
<input class="btn" type="button" value="承認" id="approve" data-loading-text="実行中" autocomplete="off">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <label class="checkbox-inline">
                                <input type="checkbox" value="" name="approveon" >承認
                            </label>
                        </div>
                        <div class="table-responsive">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th>承認業務</th>
                                        <td>仮受注</td>
                                    </tr>
                                    <tr>
                                        <th>申請者</th>
                                        <td>営業部第1課</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
<div class="box1">
  <p class="padtopleft">
    コピー元工番:
    <input type="text" name="copycokan" >
    <input class="btn" type="button" value="検索" name="copysearch" id="copysearch">
  </p>
  <p class="padtopleft errMes">
  </p>



  <table id="kobanTbl" class="table">
    <thead>
      <tr>
        <th></th>
        <th>工番</th>
        <th>Ver</th>
        <th>名前</th>
        <th>コメント</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
  <p class="padtopleft">
    <input class="btn" type="button" value="コピー" name="copy"  id="copyBtn">
  </p>

</div>
<!-- モーダル・ダイアログ -->
<div class="modal fade" id="approveModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
                <h5 class="modal-title"><strong>承認</strong></h5>
            </div>
            <div class="modal-body">
                <p>選択した承認を更新しますか?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="approveYes">はい</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="approveNo">いいえ</button>
            </div>
        </div>
    </div>
</div>

  </s:form>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#kobanTbl").hide();
	$("#copyBtn").hide();
	$("p.errMes").empty();

    $('#approve').on('click', function(){
        if ( $(":checkbox[name='approveon']:checked").length > 0 ) {
            $('#approveModal').modal({keyboard: false, backdrop: "static",});
        }
        return false;
    });
    $("#approveYes").on("click", function(){
        $(this).button('loading');
        $('#approveModal').modal("destroy");
        return false;
    });

    $("#copysearch").on("click",function(){
    	$("#kobanTbl").hide();
    	$("#copyBtn").hide();
        var val = $(":text[name='copycokan']").val();
        if ( val ) {
            $.ajax({
                url: '<c:url value="/echo/kobanList"/>',
                type: 'GET',
                data: "koban=" + val,
                dataType: 'json',
                cache: false,
                success: function(json){
                	if ( json.length >  0 ) {
	                	$("#kobanTbl").show();
	                	$("#copyBtn").show();
    	                $.each(json, function(idx, vals){
							$row = $("<tr></tr>");
							$("<td></td>").append($("<input type='radio' name='code' >").val(vals.id).data("koban", vals.koban).data("ver", vals.ver).prop("checked",idx==0)).appendTo($row)
							$("<td></td>").text(vals.koban).appendTo($row);
							$("<td></td>").text(vals.ver).appendTo($row);
							$("<td></td>").text(vals.name).appendTo($row);
							$("<td></td>").text(vals.coment).appendTo($row);
                    		$row.appendTo($("#kobanTbl tbody"));
                    	});
                	} else {
                    	$("p.errMes").text("工番は存在しません");
	               	}
                }
            });
        }
        return false;
    });

    $("#copyBtn").on('click', function(){
    	$selected = $(":radio[name='code']:checked");
    	location.href = "<c:url value='/echo/copy'/>?koban=" + $selected.data("koban") + "&ver" + $selected.data("ver");
    });

});
</script>
</body>
</html>