<!DOCTYPE html>
|
<html>
|
<head>
|
<div th:replace="common/header.html"></div>
|
|
</head>
|
<body th:class="${application.sidebarCollapse}">
|
<div th:replace="common/chart.html"></div>
|
|
<div class="wrapper">
|
|
<div th:replace="common/navbar.html"></div>
|
|
<div th:replace="common/aside.html"></div>
|
|
<!-- Content Wrapper. Contains page content -->
|
<div class="content-wrapper" style="font-size:0.90rem">
|
<!-- Content Header (Page header) -->
|
<section class="content-header">
|
<div class="container-fluid">
|
<div class="row mb-2">
|
<div class="col-sm-6">
|
<h1></h1>
|
</div>
|
<div class="col-sm-6">
|
<ol class="breadcrumb float-sm-right">
|
<li class="breadcrumb-item active"></li>
|
</ol>
|
</div>
|
</div>
|
</div><!-- /.container-fluid -->
|
</section>
|
|
<!-- Main content -->
|
<section class="content">
|
<div class="container-fluid">
|
<div class="row">
|
|
<div class="col-md-10">
|
<div class="card card-primary">
|
<div class="card-header">
|
<h3 class="card-title">添加下发指令</h3>
|
<div class=" float-sm-right">
|
<a href="javascript:history.back()">返回</a>
|
</div>
|
</div>
|
<!-- /.card-header -->
|
<!-- form start -->
|
<form role="form" id="form1" th:action="@{'/shellInfo/save'}">
|
<input type="hidden" name="id" th:value="${shellInfo.id}"/>
|
<div class="card-body">
|
<div class="form-group">
|
<label><font color="red">*</font>监控主机<span class="text-muted">(请将需要执行指令的主机移到右侧,保存完成后5分钟内指令会陆续下发执行)</span></label>
|
<div th:replace="common/multiSelectHost.html"></div>
|
</div>
|
<div class="form-group">
|
<label><font color="red">*</font>指令名称</label>
|
<input type="text" autocomplete="off" th:value="${shellInfo.shellName}" class="validate[required,maxSize[50]] form-control" name="shellName" id="shellName" placeholder="如:mysql备份脚本">
|
</div>
|
<div class="form-group">
|
<label><font color="red">*</font>下发指令<span class="text-muted" th:text="${blockStr}">敏感字符串过滤</span></label>
|
<input type="text" autocomplete="off" th:value="${shellInfo.shell}" class="validate[required,maxSize[500]] form-control" name="shell" id="shell" placeholder="如:/home/wgcloud/agent/start.sh">
|
</div>
|
<div class="form-group clearfix">
|
<label><font color="red">*</font>下发时间</label></br>
|
<div class="icheck-turquoise d-inline">
|
<input type="radio" onclick="hideTimepickerDiv()" id="radioPrimary2" name="shellType" value="1" checked>
|
<label for="radioPrimary2">立即下发 </label>
|
</div>
|
<div class="icheck-wisteria d-inline" style="margin-left:10px;">
|
<input type="radio" onclick="showTimepickerDiv()" id="radioPrimary4" value="2" name="shellType" >
|
<label for="radioPrimary4">定时下发</label>
|
</div>
|
</div>
|
<div id="timepickerDiv" style="display: none" class="form-group">
|
<div class="form-group clearfix">
|
<label><font color="red">*</font>选择执行时间<span class="text-muted">(客户端将在此时间后的5分钟内执行完成)</span></label></br>
|
<div class="input-group date" id="timepicker" data-target-input="nearest">
|
<input type="text" autocomplete="off" value="" class="validate[maxSize[50]] form-control" th:value="${shellInfo.shellTime}" name="shellTime" id="shellTime" placeholder="时间">
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<!-- /.card-body -->
|
|
<div class="card-footer">
|
<button type="submit" class="btn btn-primary btn-sm" style="margin-right:10px;">保 存</button>
|
<button type="button" th:onclick="goback()" class="btn bg-gradient-danger btn-sm">返 回</button>
|
</div>
|
|
</form>
|
<!-- /.card-body -->
|
</div>
|
<!-- /.card -->
|
|
|
</div>
|
|
</div>
|
</div>
|
</section>
|
</div>
|
|
|
<div th:replace="common/footer.html"></div>
|
|
</div>
|
<!-- ./wrapper -->
|
<link rel="stylesheet" th:href="@{'/static/js/jQuery/validationEngine.jquery.css'}" type="text/css"/>
|
<script th:src="@{'/static/js/jQuery/jquery.validationEngine-zh_CN.js'}" type="text/javascript" charset="utf-8"></script>
|
<script th:src="@{'/static/js/jQuery/jquery.validationEngine.js'}" type="text/javascript" charset="utf-8"></script>
|
<script th:inline="javascript">
|
$(document).ready(function(){
|
$("#form1").validationEngine();
|
//Bootstrap Duallistbox
|
$('.duallistbox').bootstrapDualListbox({
|
nonSelectedListLabel: '未选监控主机',
|
selectedListLabel: '已选监控主机',
|
filterPlaceHolder: '过滤条件',
|
moveAllLabel: '添加全部',
|
removeAllLabel: '移除全部',
|
infoText: '当前列表共 {0} 项',
|
infoTextEmpty: '列表为空',
|
});
|
|
var shellTime = $('#shellTime');
|
if(shellTime!=null && shellTime != undefined){
|
shellTime.daterangepicker({
|
singleDatePicker: true,
|
timePicker: true,
|
timePicker24Hour : true,
|
"opens": "center",
|
drops : "up",
|
"locale": {
|
format: 'YYYY-MM-DD HH:mm',
|
applyLabel: "应用",
|
cancelLabel: "取消",
|
daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
|
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
|
}
|
});
|
}
|
});
|
|
function showTimepickerDiv() {
|
$("#timepickerDiv").show();
|
}
|
|
function hideTimepickerDiv() {
|
$("#timepickerDiv").hide();
|
$("#shellTime").val("");
|
}
|
|
function goback() {
|
history.back();
|
}
|
var msg = [[${msg}]];
|
if(msg!='' && msg!=null){
|
toastr.error(msg);
|
}
|
</script>
|
</body>
|
</html>
|