jinql
/
gocron
mirror of https://github.com/ouqiang/gocron
1
0
Fork 0
Code Issues Releases Wiki Activity

任务列表改为table布局显示

pull/21/merge
ouqiang 2017-05-18 12:00:55 +08:00
parent 8779b3ad8b
commit 5e8f2da70e
1 changed files with 45 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
templates/task/index.html
View File

@ -41,7 +41,7 @@
<div class="field"> <div class="field">
<select name="status"> <select name="status">
<option value="0">状态</option> <option value="0">状态</option>
<option value="1" {{{if eq .Params.Status 0}}}selected{{{end}}} >暂停</option> <option value="1" {{{if eq .Params.Status 0}}}selected{{{end}}} >停止</option>
<option value="2" {{{if eq .Params.Status 1}}}selected{{{end}}}>激活</option> <option value="2" {{{if eq .Params.Status 1}}}selected{{{end}}}>激活</option>
</select> </select>
</div> </div>
@ -50,43 +50,50 @@
</div> </div>
</div> </div>
</form> </form>
<div class="task-list"> <table class="ui pink table task-list">
{{{range $i, $v := .Tasks}}} <thead>
<div class="ui device two column middle aligned vertical grid segment"> <tr>
<div class="column verborder"> <th>任务ID</th>
<div class="ui info segment"> <th>任务名称</th>
<h5 class="ui header">{{{.Task.Name}}} {{{if eq .Status 1}}}<i class="large checkmark blue icon"></i> {{{else}}} <i class="large red minus icon"></i> {{{end}}} <th>cron表达式</th>
</h5> <th>执行方式</th>
<p>任务ID： <span class="stress">{{{.Id}}}</span></p> <th>超时时间</th>
<p>状态： <span class="stress">{{{if eq .Status 1}}}激活{{{else}}}停止{{{end}}}</span></p> <th>重试次数</th>
<p>cron表达式： {{{.Spec}}}</p> <th>单实例运行</th>
<p>执行方式: {{{if eq .Protocol 1}}} HTTP {{{else if eq .Protocol 2}}} SSH {{{else if eq .Protocol 3}}}本地命令{{{end}}}</p> <th>主机</th>
<p class="sensorStatus">命令：{{{.Command}}}</p> <th>状态</th>
<p class="sensorStatus">超时时间：{{{if eq .Timeout -1}}}后台运行{{{else if gt .Timeout 0}}}{{{.Timeout}}}秒{{{else}}}不限制{{{end}}}</p> <th>操作</th>
<p>重试次数: {{{.RetryTimes}}}</p> </tr>
<p class="sensorStatus">是否允许多实例运行：{{{if gt .Multi 0}}}是{{{else}}}否{{{end}}}</p> </thead>
{{{if eq .Protocol 2}}} <tbody>
<p>主机: {{{.Alias}}}-{{{.Name}}}</p> {{{range $i, $v := .Tasks}}}
{{{end}}} <tr>
<p>备注: {{{.Remark}}}</p> <td>{{{.Id}}}</td>
</div> <td>{{{.Task.Name}}}</td>
</div> <td>{{{.Spec}}}</td>
<div class="center aligned column"> <td>{{{if eq .Protocol 1}}} HTTP {{{else if eq .Protocol 2}}} SSH {{{else if eq .Protocol 3}}}本地命令{{{end}}}</td>
<div class="ui buttons operation"> <td>{{{if eq .Timeout -1}}}后台运行{{{else if gt .Timeout 0}}}{{{.Timeout}}}秒{{{else}}}不限制{{{end}}}</td>
<a class="ui purple button" href="/task/edit/{{{.Id}}}">编辑</a> <td>{{{.RetryTimes}}}</td>
{{{if eq .Status 1}}} <td>{{{if gt .Multi 0}}}否{{{else}}}是{{{end}}}</td>
<button class="ui primary button" @click="changeStatus({{{.Id}}},{{{.Status}}})">停止</button> <td>{{{.Alias}}}-{{{.Name}}}</td>
{{{else}}} <td>{{{if eq .Status 1}}}<span style="color: green;">激活</span>{{{else}}}<span style="color: red;">停止<span>{{{end}}}</td>
<button class="ui blue button" @click="changeStatus({{{.Id}}},{{{.Status}}})">激活 </button> <td>
{{{end}}} <div class="ui buttons operation">
<button class="ui positive button" @click="remove({{{.Id}}})">删除</button> <br> <a class="ui purple button" href="/task/edit/{{{.Id}}}">编辑</a>
<button class="ui twitter button" @click="run({{{.Id}}})">手动运行</button> {{{if eq .Status 1}}}
<a class="ui instagram button" href="/task/log?task_id={{{.Id}}}">查看日志</a> <button class="ui primary button" @click="changeStatus({{{.Id}}},{{{.Status}}})">停止</button>
</div> {{{else}}}
</div> <button class="ui blue button" @click="changeStatus({{{.Id}}},{{{.Status}}})">激活 </button>
</div> {{{end}}}
{{{end}}} <button class="ui positive button" @click="remove({{{.Id}}})">删除</button> <br>
</div> <button class="ui twitter button" @click="run({{{.Id}}})">手动运行</button>
<a class="ui instagram button" href="/task/log?task_id={{{.Id}}}">查看日志</a>
</div>
</td>
</tr>
{{{end}}}
</tbody>
</table>
{{{ template "common/pagination" .}}} {{{ template "common/pagination" .}}}
</div> </div>
</div> </div>