From efdb99f8cecc4afb592afad79c761081d5d5cf22 Mon Sep 17 00:00:00 2001 From: lee <4766465@qq.com> Date: Wed, 18 Dec 2024 13:27:00 +0800 Subject: [PATCH] init --- xxl-job/xxl-job-admin/src/main/resources/static/plugins/cronGen/cronGen.js | 1106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 1,106 insertions(+), 0 deletions(-) diff --git a/xxl-job/xxl-job-admin/src/main/resources/static/plugins/cronGen/cronGen.js b/xxl-job/xxl-job-admin/src/main/resources/static/plugins/cronGen/cronGen.js new file mode 100644 index 0000000..2239372 --- /dev/null +++ b/xxl-job/xxl-job-admin/src/main/resources/static/plugins/cronGen/cronGen.js @@ -0,0 +1,1106 @@ +(function ($) { + // var resultsName = ""; + var inputElement; + var displayElement; + $.fn.extend({ + cronGen: function (options) { + if (options == null) { + options = {}; + } + options = $.extend({}, $.fn.cronGen.defaultOptions, options); + //create top menu + var cronContainer = $("<div/>", { id: "CronContainer", style: "display:none;width:300px;height:300px;" }); + var mainDiv = $("<div/>", { id: "CronGenMainDiv", style: "width:410px;height:420px;" }); + var topMenu = $("<ul/>", { "class": "nav nav-tabs", id: "CronGenTabs" }); + $('<li/>', { 'class': 'active' }).html($('<a id="SecondlyTab" href="#Secondly">秒</a>')).appendTo(topMenu); + $('<li/>').html($('<a id="MinutesTab" href="#Minutes">分钟</a>')).appendTo(topMenu); + $('<li/>').html($('<a id="HourlyTab" href="#Hourly">小时</a>')).appendTo(topMenu); + $('<li/>').html($('<a id="DailyTab" href="#Daily">日</a>')).appendTo(topMenu); + $('<li/>').html($('<a id="MonthlyTab" href="#Monthly">月</a>')).appendTo(topMenu); + $('<li/>').html($('<a id="WeeklyTab" href="#Weekly">周</a>')).appendTo(topMenu); + $('<li/>').html($('<a id="YearlyTab" href="#Yearly">年</a>')).appendTo(topMenu); + $(topMenu).appendTo(mainDiv); + + //create what's inside the tabs + var container = $("<div/>", { "class": "container-fluid", "style": "margin-top: 30px;margin-left: -14px;" }); + var row = $("<div/>", { "class": "row-fluid" }); + var span12 = $("<div/>", { "class": "span12" }); + var tabContent = $("<div/>", { "class": "tab-content", "style": "border:0px; margin-top:-20px;" }); + + + //creating the secondsTab + var secondsTab = $("<div/>", { "class": "tab-pane active", id: "Secondly" }); + var seconds1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "second"}).appendTo(seconds1); + $(seconds1).append("每秒 允许的通配符[, - * /]"); + $(seconds1).appendTo(secondsTab); + + var seconds2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "second"}).appendTo(seconds2); + $(seconds2).append("周期 从"); + $("<input/>",{type : "text", id : "secondStart_0", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(seconds2); + $(seconds2).append("-"); + $("<input/>",{type : "text", id : "secondEnd_0", value : "2", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(seconds2); + $(seconds2).append("秒"); + $(seconds2).appendTo(secondsTab); + + var seconds3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "second"}).appendTo(seconds3); + $(seconds3).append("从"); + $("<input/>",{type : "text", id : "secondStart_1", value : "0", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(seconds3); + $(seconds3).append("秒开始,每"); + $("<input/>",{type : "text", id : "secondEnd_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(seconds3); + $(seconds3).append("秒执行一次"); + $(seconds3).appendTo(secondsTab); + + var seconds4 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "4", name : "second", id: "sencond_appoint"}).appendTo(seconds4); + $(seconds4).append("指定"); + $(seconds4).appendTo(secondsTab); + + $(secondsTab).append('<div class="imp secondList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="0">00<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="1">01<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="2">02<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="3">03<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="4">04<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="5">05<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="6">06<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="7">07<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="8">08<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="9">09</div>'); + $(secondsTab).append('<div class="imp secondList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="10">10<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="11">11<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="12">12<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="13">13<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="14">14<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="15">15<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="16">16<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="17">17<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="18">18<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="19">19</div>'); + $(secondsTab).append('<div class="imp secondList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="20">20<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="21">21<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="22">22<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="23">23<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="24">24<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="25">25<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="26">26<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="27">27<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="28">28<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="29">29</div>'); + $(secondsTab).append('<div class="imp secondList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="30">30<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="31">31<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="32">32<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="33">33<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="34">34<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="35">35<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="36">36<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="37">37<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="38">38<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="39">39</div>'); + $(secondsTab).append('<div class="imp secondList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="40">40<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="41">41<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="42">42<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="43">43<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="44">44<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="45">45<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="46">46<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="47">47<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="48">48<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="49">49</div>'); + $(secondsTab).append('<div class="imp secondList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="50">50<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="51">51<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="52">52<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="53">53<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="54">54<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="55">55<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="56">56<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="57">57<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="58">58<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="59">59</div>'); + $("<input/>",{type : "hidden", id : "secondHidden"}).appendTo(secondsTab); + $(secondsTab).appendTo(tabContent); + + //creating the minutesTab + var minutesTab = $("<div/>", { "class": "tab-pane", id: "Minutes" }); + + var minutes1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "min"}).appendTo(minutes1); + $(minutes1).append("每分钟 允许的通配符[, - * /]"); + $(minutes1).appendTo(minutesTab); + + var minutes2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "min"}).appendTo(minutes2); + $(minutes2).append("周期 从"); + $("<input/>",{type : "text", id : "minStart_0", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(minutes2); + $(minutes2).append("-"); + $("<input/>",{type : "text", id : "minEnd_0", value : "2", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(minutes2); + $(minutes2).append("分钟"); + $(minutes2).appendTo(minutesTab); + + var minutes3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "min"}).appendTo(minutes3); + $(minutes3).append("从"); + $("<input/>",{type : "text", id : "minStart_1", value : "0", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(minutes3); + $(minutes3).append("分钟开始,每"); + $("<input/>",{type : "text", id : "minEnd_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(minutes3); + $(minutes3).append("分钟执行一次"); + $(minutes3).appendTo(minutesTab); + + var minutes4 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "4", name : "min", id: "min_appoint"}).appendTo(minutes4); + $(minutes4).append("指定"); + $(minutes4).appendTo(minutesTab); + + $(minutesTab).append('<div class="imp minList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="0">00<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="1">01<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="2">02<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="3">03<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="4">04<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="5">05<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="6">06<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="7">07<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="8">08<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="9">09</div>'); + $(minutesTab).append('<div class="imp minList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="10">10<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="11">11<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="12">12<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="13">13<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="14">14<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="15">15<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="16">16<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="17">17<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="18">18<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="19">19</div>'); + $(minutesTab).append('<div class="imp minList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="20">20<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="21">21<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="22">22<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="23">23<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="24">24<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="25">25<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="26">26<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="27">27<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="28">28<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="29">29</div>'); + $(minutesTab).append('<div class="imp minList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="30">30<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="31">31<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="32">32<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="33">33<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="34">34<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="35">35<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="36">36<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="37">37<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="38">38<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="39">39</div>'); + $(minutesTab).append('<div class="imp minList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="40">40<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="41">41<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="42">42<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="43">43<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="44">44<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="45">45<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="46">46<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="47">47<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="48">48<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="49">49</div>'); + $(minutesTab).append('<div class="imp minList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="50">50<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="51">51<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="52">52<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="53">53<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="54">54<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="55">55<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="56">56<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="57">57<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="58">58<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="59">59</div>'); + $("<input/>",{type : "hidden", id : "minHidden"}).appendTo(minutesTab); + $(minutesTab).appendTo(tabContent); + + //creating the hourlyTab + var hourlyTab = $("<div/>", { "class": "tab-pane", id: "Hourly" }); + + var hourly1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "hour"}).appendTo(hourly1); + $(hourly1).append("每小时 允许的通配符[, - * /]"); + $(hourly1).appendTo(hourlyTab); + + var hourly2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "hour"}).appendTo(hourly2); + $(hourly2).append("周期 从"); + $("<input/>",{type : "text", id : "hourStart_0", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(hourly2); + $(hourly2).append("-"); + $("<input/>",{type : "text", id : "hourEnd_0", value : "2", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(hourly2); + $(hourly2).append("小时"); + $(hourly2).appendTo(hourlyTab); + + var hourly3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "hour"}).appendTo(hourly3); + $(hourly3).append("从"); + $("<input/>",{type : "text", id : "hourStart_1", value : "0", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(hourly3); + $(hourly3).append("小时开始,每"); + $("<input/>",{type : "text", id : "hourEnd_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(hourly3); + $(hourly3).append("小时执行一次"); + $(hourly3).appendTo(hourlyTab); + + var hourly4 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "4", name : "hour", id: "hour_appoint"}).appendTo(hourly4); + $(hourly4).append("指定"); + $(hourly4).appendTo(hourlyTab); + + $(hourlyTab).append('<div class="imp hourList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="0">00<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="1">01<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="2">02<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="3">03<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="4">04<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="5">05</div>'); + $(hourlyTab).append('<div class="imp hourList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="6">06<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="7">07<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="8">08<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="9">09<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="10">10<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="11">11</div>'); + $(hourlyTab).append('<div class="imp hourList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="12">12<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="13">13<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="14">14<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="15">15<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="16">16<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="17">17</div>'); + $(hourlyTab).append('<div class="imp hourList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="18">18<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="19">19<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="20">20<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="21">21<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="22">22<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="23">23</div>'); + $("<input/>",{type : "hidden", id : "hourHidden"}).appendTo(hourlyTab); + $(hourlyTab).appendTo(tabContent); + + + //creating the dailyTab + var dailyTab = $("<div/>", { "class": "tab-pane", id: "Daily" }); + + var daily1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "day"}).appendTo(daily1); + $(daily1).append("每天 允许的通配符[, - * / L W]"); + $(daily1).appendTo(dailyTab); + + var daily5 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "day"}).appendTo(daily5); + $(daily5).append("不指定"); + $(daily5).appendTo(dailyTab); + + var daily2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "day"}).appendTo(daily2); + $(daily2).append("周期 从"); + $("<input/>",{type : "text", id : "dayStart_0", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(daily2); + $(daily2).append("-"); + $("<input/>",{type : "text", id : "dayEnd_0", value : "2", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(daily2); + $(daily2).append("日"); + $(daily2).appendTo(dailyTab); + + var daily3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "4", name : "day"}).appendTo(daily3); + $(daily3).append("从"); + $("<input/>",{type : "text", id : "dayStart_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(daily3); + $(daily3).append("日开始,每"); + $("<input/>",{type : "text", id : "dayEnd_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(daily3); + $(daily3).append("天执行一次"); + $(daily3).appendTo(dailyTab); + + var daily6 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "5", name : "day"}).appendTo(daily6); + $(daily6).append("每月"); + $("<input/>",{type : "text", id : "dayStart_2", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(daily6); + $(daily6).append("号最近的那个工作日"); + $(daily6).appendTo(dailyTab); + + var daily7 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "6", name : "day"}).appendTo(daily7); + $(daily7).append("本月最后一天"); + $(daily7).appendTo(dailyTab); + + var daily4 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "7", name : "day", id: "day_appoint"}).appendTo(daily4); + $(daily4).append("指定"); + $(daily4).appendTo(dailyTab); + + $(dailyTab).append('<div class="imp dayList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="1">01<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="2">02<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="3">03<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="4">04<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="5">05<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="6">06<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="7">07<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="8">08<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="9">09<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="10">10</div>'); + $(dailyTab).append('<div class="imp dayList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="11">11<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="12">12<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="13">13<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="14">14<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="15">15<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="16">16<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="17">17<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="18">18<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="19">19<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="20">20</div>'); + $(dailyTab).append('<div class="imp dayList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="21">21<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="22">22<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="23">23<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="24">24<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="25">25<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="26">26<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="27">27<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="28">28<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="29">29<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="30">30</div>'); + $(dailyTab).append('<div class="imp dayList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="31">31</div>'); + $("<input/>",{type : "hidden", id : "dayHidden"}).appendTo(dailyTab); + $(dailyTab).appendTo(tabContent); + + + //creating the monthlyTab + var monthlyTab = $("<div/>", { "class": "tab-pane", id: "Monthly" }); + + var monthly1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "month"}).appendTo(monthly1); + $(monthly1).append("每月 允许的通配符[, - * /]"); + $(monthly1).appendTo(monthlyTab); + + var monthly2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "month"}).appendTo(monthly2); + $(monthly2).append("不指定"); + $(monthly2).appendTo(monthlyTab); + + var monthly3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "month"}).appendTo(monthly3); + $(monthly3).append("周期 从"); + $("<input/>",{type : "text", id : "monthStart_0", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(monthly3); + $(monthly3).append("-"); + $("<input/>",{type : "text", id : "monthEnd_0", value : "2", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(monthly3); + $(monthly3).append("月"); + $(monthly3).appendTo(monthlyTab); + + var monthly4 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "4", name : "month"}).appendTo(monthly4); + $(monthly4).append("从"); + $("<input/>",{type : "text", id : "monthStart_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(monthly4); + $(monthly4).append("月开始,每"); + $("<input/>",{type : "text", id : "monthEnd_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(monthly4); + $(monthly4).append("月执行一次"); + $(monthly4).appendTo(monthlyTab); + + var monthly5 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "5", name : "month", id: "month_appoint"}).appendTo(monthly5); + $(monthly5).append("指定"); + $(monthly5).appendTo(monthlyTab); + + $(monthlyTab).append('<div class="imp monthList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="1">01<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="2">02<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="3">03<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="4">04<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="5">05<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="6">06</div>'); + $(monthlyTab).append('<div class="imp monthList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="7">07<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="8">08<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="9">09<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="10">10<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="11">11<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="12">12</div>'); + $("<input/>",{type : "hidden", id : "monthHidden"}).appendTo(monthlyTab); + $(monthlyTab).appendTo(tabContent); + + //creating the weeklyTab + var weeklyTab = $("<div/>", { "class": "tab-pane", id: "Weekly" }); + + var weekly1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "week"}).appendTo(weekly1); + $(weekly1).append("每周 允许的通配符[, - * / L #]"); + $(weekly1).appendTo(weeklyTab); + + var weekly2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "week"}).appendTo(weekly2); + $(weekly2).append("不指定"); + $(weekly2).appendTo(weeklyTab); + + var weekly3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "week"}).appendTo(weekly3); + $(weekly3).append("周期 从星期"); + $("<input/>",{type : "text", id : "weekStart_0", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(weekly3); + $(weekly3).append("-"); + $("<input/>",{type : "text", id : "weekEnd_0", value : "2", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(weekly3); + $(weekly3).appendTo(weeklyTab); + + var weekly4 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "4", name : "week"}).appendTo(weekly4); + $(weekly4).append("第"); + $("<input/>",{type : "text", id : "weekStart_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(weekly4); + $(weekly4).append("周的星期"); + $("<input/>",{type : "text", id : "weekEnd_1", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(weekly4); + $(weekly4).appendTo(weeklyTab); + + var weekly5 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "5", name : "week"}).appendTo(weekly5); + $(weekly5).append("本月最后一个星期"); + $("<input/>",{type : "text", id : "weekStart_2", value : "1", style:"width:35px; height:20px; text-align: center; margin: 0 3px;"}).appendTo(weekly5); + $(weekly5).appendTo(weeklyTab); + + var weekly6 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "6", name : "week", id: "week_appoint"}).appendTo(weekly6); + $(weekly6).append("指定"); + $(weekly6).appendTo(weeklyTab); + + $(weeklyTab).append('<div class="imp weekList"><input type="checkbox" disabled="disabled" style="margin-left: 5px" value="1">1<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="2">2<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="3">3<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="4">4<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="5">5<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="6">6<input type="checkbox" disabled="disabled" style="margin-left: 5px" value="7">7</div>'); + + $("<input/>",{type : "hidden", id : "weekHidden"}).appendTo(weeklyTab); + $(weeklyTab).appendTo(tabContent); + + //creating the yearlyTab + var yearlyTab = $("<div/>", { "class": "tab-pane", id: "Yearly" }); + + var yearly1 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "1", name : "year"}).appendTo(yearly1); + $(yearly1).append("不指定 允许的通配符[, - * /] 非必填"); + $(yearly1).appendTo(yearlyTab); + + var yearly3 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "2", name : "year"}).appendTo(yearly3); + $(yearly3).append("每年"); + $(yearly3).appendTo(yearlyTab); + + var yearly2 = $("<div/>",{"class":"line"}); + $("<input/>",{type : "radio", value : "3", name : "year"}).appendTo(yearly2); + $(yearly2).append("周期从"); + $("<input/>",{type : "text", id : "yearStart_0", value : "2016", style:"width:45px; height:20px;"}).appendTo(yearly2); + $(yearly2).append("-"); + $("<input/>",{type : "text", id : "yearEnd_0", value : "2017", style:"width:45px; height:20px;"}).appendTo(yearly2); + $(yearly2).append("年"); + $(yearly2).appendTo(yearlyTab); + $("<input/>",{type : "hidden", id : "yearHidden"}).appendTo(yearlyTab); + $(yearlyTab).appendTo(tabContent); + + $(tabContent).appendTo(span12); + + //creating the button and results input + // resultsName = $(this).prop("id"); + // $(this).prop("name", resultsName); + + var runTime = '<br style="padding-top: 10px"><label>最近运行时间: </label></br><textarea id="runTime" rows="6" style="width: 90%;resize: none;background: none;border: none;outline: none;" readonly = readonly></textarea></div>'; + + $(span12).appendTo(row); + $(row).appendTo(container); + $(container).appendTo(mainDiv); + $(runTime).appendTo(mainDiv); + $(cronContainer).append(mainDiv); + + var that = $(this); + + // Hide the original input + that.hide(); + + // Replace the input with an input group + var $g = $("<div>").addClass("input-group"); + // Add an input + var $i = $("<input>", { type: 'text', placeholder: 'cron表达式...', name: 'cronGen_display' }).addClass("form-control").val($(that).val()); + $i.appendTo($g); + // Add the button + var $b = $("<button class=\"btn btn-default\"><i class=\"fa fa-edit\"></i></button>"); + // Put button inside span + var $s = $("<span>").addClass("input-group-btn"); + $b.appendTo($s); + $s.appendTo($g); + + $(this).before($g); + + inputElement = that; + displayElement = $i; + + $b.popover({ + html: true, + content: function () { + return $(cronContainer).html(); + }, + template: '<div class="popover" style="max-width:500px !important; width:425px;left:-341.656px;"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>', + sanitize:false, + placement: options.direction + + }).on('click', function (e) { + if (inputElement.val().trim() !== '') { + refreshRunTime(); + } + e.preventDefault(); + + //fillDataOfMinutesAndHoursSelectOptions(); + //fillDayWeekInMonth(); + //fillInWeekDays(); + //fillInMonths(); + + $.fn.cronGen.tools.cronParse(inputElement.val()); + + //绑定指定事件 + $.fn.cronGen.tools.initChangeEvent(); + + + $('#CronGenTabs a').click(function (e) { + e.preventDefault(); + $(this).tab('show'); + //generate(); + }); + $("#CronGenMainDiv select,input").change(function (e) { + generate(); + refreshRunTime(); + }); + $("#CronGenMainDiv input").focus(function (e) { + generate(); + }); + //generate(); + }); + return; + } + }); + + + var fillInMonths = function () { + var days = [ + { text: "一月", val: "1" }, + { text: "二月", val: "2" }, + { text: "三月", val: "3" }, + { text: "四月", val: "4" }, + { text: "五月", val: "5" }, + { text: "六月", val: "6" }, + { text: "七月", val: "7" }, + { text: "八月", val: "8" }, + { text: "九月", val: "9" }, + { text: "十月", val: "10" }, + { text: "十一月", val: "11" }, + { text: "十二月", val: "12" } + ]; + $(".months").each(function () { + fillOptions(this, days); + }); + }; + + var fillOptions = function (elements, options) { + for (var i = 0; i < options.length; i++) + $(elements).append("<option value='" + options[i].val + "'>" + options[i].text + "</option>"); + }; + var fillDataOfMinutesAndHoursSelectOptions = function () { + for (var i = 0; i < 60; i++) { + if (i < 24) { + $(".hours").each(function () { $(this).append(timeSelectOption(i)); }); + } + $(".minutes").each(function () { $(this).append(timeSelectOption(i)); }); + } + }; + var fillInWeekDays = function () { + var days = [ + { text: "周一", val: "2" }, + { text: "周二", val: "3" }, + { text: "周三", val: "4" }, + { text: "周四", val: "5" }, + { text: "周五", val: "6" }, + { text: "周六", val: "7" }, + { text: "周天", val: "1" } + ]; + $(".week-days").each(function () { + fillOptions(this, days); + }); + + }; + var fillDayWeekInMonth = function () { + var days = [ + { text: "第一个", val: "1" }, + { text: "第二个", val: "2" }, + { text: "第三个", val: "3" }, + { text: "第四个", val: "4" } + ]; + $(".day-order-in-month").each(function () { + fillOptions(this, days); + }); + }; + var displayTimeUnit = function (unit) { + if (unit.toString().length == 1) + return "0" + unit; + return unit; + }; + var timeSelectOption = function (i) { + return "<option id='" + i + "'>" + displayTimeUnit(i) + "</option>"; + }; + + var generate = function () { + + var activeTab = $("ul#CronGenTabs li.active a").prop("id"); + if (activeTab == undefined) { + return; + } + var results = ""; + switch (activeTab) { + case "SecondlyTab": + switch ($("input:radio[name=second]:checked").val()) { + case "1": + $.fn.cronGen.tools.everyTime("second"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.cycle("second"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.startOn("second"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "4": + $.fn.cronGen.tools.initCheckBox("second"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + case "MinutesTab": + switch ($("input:radio[name=min]:checked").val()) { + case "1": + $.fn.cronGen.tools.everyTime("min"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.cycle("min"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.startOn("min"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "4": + $.fn.cronGen.tools.initCheckBox("min"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + case "HourlyTab": + switch ($("input:radio[name=hour]:checked").val()) { + case "1": + $.fn.cronGen.tools.everyTime("hour"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.cycle("hour"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.startOn("hour"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "4": + $.fn.cronGen.tools.initCheckBox("hour"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + case "DailyTab": + switch ($("input:radio[name=day]:checked").val()) { + case "1": + $.fn.cronGen.tools.everyTime("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.unAppoint("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.cycle("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "4": + $.fn.cronGen.tools.startOn("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "5": + $.fn.cronGen.tools.workDay("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "6": + $.fn.cronGen.tools.lastDay("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "7": + $.fn.cronGen.tools.initCheckBox("day"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + case "WeeklyTab": + switch ($("input:radio[name=week]:checked").val()) { + case "1": + $.fn.cronGen.tools.everyTime("week"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.unAppoint("week"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.cycle("week"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "4": + $.fn.cronGen.tools.startOn("week"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "5": + $.fn.cronGen.tools.lastWeek("week"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "6": + $.fn.cronGen.tools.initCheckBox("week"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + case "MonthlyTab": + switch ($("input:radio[name=month]:checked").val()) { + case "1": + $.fn.cronGen.tools.everyTime("month"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.unAppoint("month"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.cycle("month"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "4": + $.fn.cronGen.tools.startOn("month"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "5": + $.fn.cronGen.tools.initCheckBox("month"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + case "YearlyTab": + switch ($("input:radio[name=year]:checked").val()) { + case "1": + $.fn.cronGen.tools.unAppoint("year"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "2": + $.fn.cronGen.tools.everyTime("year"); + results = $.fn.cronGen.tools.cronResult(); + break; + case "3": + $.fn.cronGen.tools.cycle("year"); + results = $.fn.cronGen.tools.cronResult(); + break; + } + break; + } + + // Update original control + inputElement.val(results); + // Update display + displayElement.val(results); + }; + + var refreshRunTime = function () { + $.ajax({ + type : 'GET', + url : base_url + "/jobinfo/nextTriggerTime", + data : { + "scheduleType" : 'CRON', + "scheduleConf" : inputElement.val() + }, + dataType : "json", + success : function(data){ + if (data.code === 200) { + $('#runTime').val(data.content.join("\n")); + } else { + $('#runTime').val(data.msg); + } + } + }); + }; + +})(jQuery); + +(function($) { + $.fn.cronGen.defaultOptions = { + direction : 'bottom' + }; + $.fn.cronGen.tools = { + /** + * 每周期 + */ + everyTime : function(dom){ + $("#"+dom+"Hidden").val("*"); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 不指定 + */ + unAppoint : function(dom){ + var val = "?"; + if (dom == "year") + { + val = ""; + } + $("#"+dom+"Hidden").val(val); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 周期 + */ + cycle : function(dom){ + var start = $("#"+dom+"Start_0").val(); + var end = $("#"+dom+"End_0").val(); + $("#"+dom+"Hidden").val(start + "-" + end); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 从开始 + */ + startOn : function(dom) { + var start = $("#"+dom+"Start_1").val(); + var end = $("#"+dom+"End_1").val(); + $("#"+dom+"Hidden").val(start + "/" + end); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 最后一天 + */ + lastDay : function(dom){ + $("#"+dom+"Hidden").val("L"); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 每周的某一天 + */ + weekOfDay : function(dom){ + var start = $("#"+dom+"Start_0").val(); + var end = $("#"+dom+"End_0").val(); + $("#"+dom+"Hidden").val(start + "#" + end); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 最后一周 + */ + lastWeek : function(dom){ + var start = $("#"+dom+"Start_2").val(); + $("#"+dom+"Hidden").val(start+"L"); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + /** + * 工作日 + */ + workDay : function(dom) { + var start = $("#"+dom+"Start_2").val(); + $("#"+dom+"Hidden").val(start + "W"); + $.fn.cronGen.tools.clearCheckbox(dom); + }, + initChangeEvent : function(){ + var secondList = $(".secondList").children(); + $("#sencond_appoint").click(function(){ + if (this.checked) { + if ($(secondList).filter(":checked").length == 0) { + $(secondList.eq(0)).attr("checked", true); + } + secondList.eq(0).change(); + } + }); + + secondList.change(function() { + var sencond_appoint = $("#sencond_appoint").prop("checked"); + if (sencond_appoint) { + var vals = []; + secondList.each(function() { + if (this.checked) { + vals.push(this.value); + } + }); + var val = "?"; + if (vals.length > 0 && vals.length < 59) { + val = vals.join(","); + }else if(vals.length == 59){ + val = "*"; + } + $("#secondHidden").val(val); + } + }); + + var minList = $(".minList").children(); + $("#min_appoint").click(function(){ + if (this.checked) { + if ($(minList).filter(":checked").length == 0) { + $(minList.eq(0)).attr("checked", true); + } + minList.eq(0).change(); + } + }); + + minList.change(function() { + var min_appoint = $("#min_appoint").prop("checked"); + if (min_appoint) { + var vals = []; + minList.each(function() { + if (this.checked) { + vals.push(this.value); + } + }); + var val = "?"; + if (vals.length > 0 && vals.length < 59) { + val = vals.join(","); + }else if(vals.length == 59){ + val = "*"; + } + $("#minHidden").val(val); + } + }); + + var hourList = $(".hourList").children(); + $("#hour_appoint").click(function(){ + if (this.checked) { + if ($(hourList).filter(":checked").length == 0) { + $(hourList.eq(0)).attr("checked", true); + } + hourList.eq(0).change(); + } + }); + + hourList.change(function() { + var hour_appoint = $("#hour_appoint").prop("checked"); + if (hour_appoint) { + var vals = []; + hourList.each(function() { + if (this.checked) { + vals.push(this.value); + } + }); + var val = "?"; + if (vals.length > 0 && vals.length < 24) { + val = vals.join(","); + }else if(vals.length == 24){ + val = "*"; + } + $("#hourHidden").val(val); + } + }); + + var dayList = $(".dayList").children(); + $("#day_appoint").click(function(){ + if (this.checked) { + if ($(dayList).filter(":checked").length == 0) { + $(dayList.eq(0)).attr("checked", true); + } + dayList.eq(0).change(); + } + }); + + dayList.change(function() { + var day_appoint = $("#day_appoint").prop("checked"); + if (day_appoint) { + var vals = []; + dayList.each(function() { + if (this.checked) { + vals.push(this.value); + } + }); + var val = "?"; + if (vals.length > 0 && vals.length < 31) { + val = vals.join(","); + }else if(vals.length == 31){ + val = "*"; + } + $("#dayHidden").val(val); + } + }); + + var monthList = $(".monthList").children(); + $("#month_appoint").click(function(){ + if (this.checked) { + if ($(monthList).filter(":checked").length == 0) { + $(monthList.eq(0)).attr("checked", true); + } + monthList.eq(0).change(); + } + }); + + monthList.change(function() { + var month_appoint = $("#month_appoint").prop("checked"); + if (month_appoint) { + var vals = []; + monthList.each(function() { + if (this.checked) { + vals.push(this.value); + } + }); + var val = "?"; + if (vals.length > 0 && vals.length < 12) { + val = vals.join(","); + }else if(vals.length == 12){ + val = "*"; + } + $("#monthHidden").val(val); + } + }); + + var weekList = $(".weekList").children(); + $("#week_appoint").click(function(){ + if (this.checked) { + if ($(weekList).filter(":checked").length == 0) { + $(weekList.eq(0)).attr("checked", true); + } + weekList.eq(0).change(); + } + }); + + weekList.change(function() { + var week_appoint = $("#week_appoint").prop("checked"); + if (week_appoint) { + var vals = []; + weekList.each(function() { + if (this.checked) { + vals.push(this.value); + } + }); + var val = "?"; + if (vals.length > 0 && vals.length < 7) { + val = vals.join(","); + }else if(vals.length == 7){ + val = "*"; + } + $("#weekHidden").val(val); + } + }); + }, + initObj : function(strVal, strid){ + var ary = null; + var objRadio = $("input[name='" + strid + "'"); + if (strVal == "*") { + objRadio.eq(0).attr("checked", "checked"); + } else if (strVal.split('-').length > 1) { + ary = strVal.split('-'); + objRadio.eq(1).attr("checked", "checked"); + $("#" + strid + "Start_0").val(ary[0]); + $("#" + strid + "End_0").val(ary[1]); + } else if (strVal.split('/').length > 1) { + ary = strVal.split('/'); + objRadio.eq(2).attr("checked", "checked"); + $("#" + strid + "Start_1").val(ary[0]); + $("#" + strid + "End_1").val(ary[1]); + } else { + objRadio.eq(3).attr("checked", "checked"); + if (strVal != "?") { + ary = strVal.split(","); + for (var i = 0; i < ary.length; i++) { + $("." + strid + "List input[value='" + ary[i] + "']").attr("checked", "checked"); + } + $.fn.cronGen.tools.initCheckBox(strid); + } + } + }, + initDay : function(strVal) { + var ary = null; + var objRadio = $("input[name='day'"); + if (strVal == "*") { + objRadio.eq(0).attr("checked", "checked"); + } else if (strVal == "?") { + objRadio.eq(1).attr("checked", "checked"); + } else if (strVal.split('-').length > 1) { + ary = strVal.split('-'); + objRadio.eq(2).attr("checked", "checked"); + $("#dayStart_0").val(ary[0]); + $("#dayEnd_0").val(ary[1]); + } else if (strVal.split('/').length > 1) { + ary = strVal.split('/'); + objRadio.eq(3).attr("checked", "checked"); + $("#dayStart_1").val(ary[0]); + $("#dayEnd_1").val(ary[1]); + } else if (strVal.split('W').length > 1) { + ary = strVal.split('W'); + objRadio.eq(4).attr("checked", "checked"); + $("#dayStart_2").val(ary[0]); + } else if (strVal == "L") { + objRadio.eq(5).attr("checked", "checked"); + } else { + objRadio.eq(6).attr("checked", "checked"); + ary = strVal.split(","); + for (var i = 0; i < ary.length; i++) { + $(".dayList input[value='" + ary[i] + "']").attr("checked", "checked"); + } + $.fn.cronGen.tools.initCheckBox("day"); + } + }, + initMonth : function(strVal) { + var ary = null; + var objRadio = $("input[name='month'"); + if (strVal == "*") { + objRadio.eq(0).attr("checked", "checked"); + } else if (strVal == "?") { + objRadio.eq(1).attr("checked", "checked"); + } else if (strVal.split('-').length > 1) { + ary = strVal.split('-'); + objRadio.eq(2).attr("checked", "checked"); + $("#monthStart_0").val(ary[0]); + $("#monthEnd_0").val(ary[1]); + } else if (strVal.split('/').length > 1) { + ary = strVal.split('/'); + objRadio.eq(3).attr("checked", "checked"); + $("#monthStart_1").val(ary[0]); + $("#monthEnd_1").val(ary[1]); + + } else { + objRadio.eq(4).attr("checked", "checked"); + + ary = strVal.split(","); + for (var i = 0; i < ary.length; i++) { + $(".monthList input[value='" + ary[i] + "']").attr("checked", "checked"); + } + $.fn.cronGen.tools.initCheckBox("month"); + } + }, + initWeek : function(strVal) { + var ary = null; + var objRadio = $("input[name='week'"); + if (strVal == "*") { + objRadio.eq(0).attr("checked", "checked"); + } else if (strVal == "?") { + objRadio.eq(1).attr("checked", "checked"); + } else if (strVal.split('/').length > 1) { + ary = strVal.split('/'); + objRadio.eq(2).attr("checked", "checked"); + $("#weekStart_0").val(ary[0]); + $("#weekEnd_0").val(ary[1]); + } else if (strVal.split('-').length > 1) { + ary = strVal.split('-'); + objRadio.eq(3).attr("checked", "checked"); + $("#weekStart_1").val(ary[0]); + $("#weekEnd_1").val(ary[1]); + } else if (strVal.split('L').length > 1) { + ary = strVal.split('L'); + objRadio.eq(4).attr("checked", "checked"); + $("#weekStart_2").val(ary[0]); + } else { + objRadio.eq(5).attr("checked", "checked"); + ary = strVal.split(","); + for (var i = 0; i < ary.length; i++) { + $(".weekList input[value='" + ary[i] + "']").attr("checked", "checked"); + } + $.fn.cronGen.tools.initCheckBox("week"); + } + }, + initYear : function(strVal) { + var ary = null; + var objRadio = $("input[name='year'"); + if (strVal == "*") { + objRadio.eq(1).attr("checked", "checked"); + } else if (strVal.split('-').length > 1) { + ary = strVal.split('-'); + objRadio.eq(2).attr("checked", "checked"); + $("#yearStart_0").val(ary[0]); + $("#yearEnd_0").val(ary[1]); + } + }, + cronParse : function(cronExpress) { + //获取参数中表达式的值 + if (cronExpress) { + var regs = cronExpress.split(' '); + $("#secondHidden").val(regs[0]); + $("#minHidden").val(regs[1]); + $("#hourHidden").val(regs[2]); + $("#dayHidden").val(regs[3]); + $("#monthHidden").val(regs[4]); + $("#weekHidden").val(regs[5]); + + $.fn.cronGen.tools.initObj(regs[0], "second"); + $.fn.cronGen.tools.initObj(regs[1], "min"); + $.fn.cronGen.tools.initObj(regs[2], "hour"); + $.fn.cronGen.tools.initDay(regs[3]); + $.fn.cronGen.tools.initMonth(regs[4]); + $.fn.cronGen.tools.initWeek(regs[5]); + + if (regs.length > 6) { + $("input[name=yearHidden]").val(regs[6]); + $.fn.cronGen.tools.initYear(regs[6]); + } + } + }, + cronResult : function() { + var result; + var second = $("#secondHidden").val(); + second = second== "" ? "*":second; + var minute = $("#minHidden").val(); + minute = minute== "" ? "*":minute; + var hour = $("#hourHidden").val(); + hour = hour== "" ? "*":hour; + var day = $("#dayHidden").val(); + day = day== "" ? "*":day; + var month = $("#monthHidden").val(); + month = month== "" ? "*":month; + var week = $("#weekHidden").val(); + week = week== "" ? "?":week; + var year = $("#yearHidden").val(); + if(year!="") + { + result = second+" "+minute+" "+hour+" "+day+" "+month+" "+week+" "+year; + }else + { + result = second+" "+minute+" "+hour+" "+day+" "+month+" "+week; + } + return result; + }, + clearCheckbox : function(dom){ + //清除选中的checkbox + var list = $("."+dom+"List").children().filter(":checked"); + if ($(list).length > 0) { + $.each(list, function(index){ + $(this).attr("checked", false); + $(this).attr("disabled", "disabled"); + $(this).change(); + }); + } + }, + initCheckBox : function(dom) { + //移除checkbox禁用 + var list = $("."+dom+"List").children(); + if ($(list).length > 0) { + $.each(list, function(index){ + $(this).removeAttr("disabled"); + }); + } + } + }; +})(jQuery); -- Gitblit v1.9.3