1
0
mirror of https://github.com/nxshock/gron.git synced 2024-11-27 03:41:00 +05:00

Colorize WebUI

This commit is contained in:
nxshock 2022-03-27 16:05:31 +05:00
parent 3116a792f7
commit 43be5325d7

View File

@ -96,7 +96,7 @@
table button { table button {
width: 100%; width: 100%;
color: var(--base07); color: #fff;
background-color: var(--base01); background-color: var(--base01);
border: 0; border: 0;
cursor: pointer; cursor: pointer;
@ -156,6 +156,14 @@
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
display: block; display: block;
} }
.green {
color: var(--base0B);
}
.red {
color: var(--base08);
}
</style> </style>
</head> </head>
@ -186,18 +194,15 @@
{{range .}}<tr> {{range .}}<tr>
<td> <td>
<form action="/start" method="get" id="form-{{.Name}}"></form> <form action="/start" method="get" id="form-{{.Name}}"></form>
<button{{if gt .CurrentRunningCount 0}} class="runningbg" {{else}}{{if .LastError}} class="errorbg" <button{{if gt .CurrentRunningCount 0}} class="runningbg" {{else}}{{if .LastError}} class="errorbg" {{end}}{{end}} type="submit" form="form-{{.Name}}" name="jobName" value="{{.Name}}" {{if gt .CurrentRunningCount 0}} disabled{{end}}>{{.Name}}</button>
{{end}}{{end}} type="submit" form="form-{{.Name}}" name="jobName" value="{{.Name}}" {{if gt
.CurrentRunningCount 0}} disabled{{end}}>{{.Name}}</button>
</td> </td>
<td class="smaller">{{.Description}}</td> <td class="smaller">{{.Description}}</td>
<td class="nowrap" align="right">{{.Cron}}</td> <td class="nowrap" align="right">{{.Cron}}</td>
<td>{{if gt .CurrentRunningCount 1}}&#x25b6; running {{.CurrentRunningCount}} jobs{{else}}{{if <td class="nowrap">{{if gt .CurrentRunningCount 1}}<span class="red">running {{.CurrentRunningCount}} jobs</span>{{else}}{{if .CurrentRunningCount}}<span class="green">&#x25b6; running</span>{{else}}&#x23F9; inactive{{end}}{{end}}</td>
.CurrentRunningCount}}running{{end}}{{end}}</td>
<td>{{.LastStartTime}}</td> <td>{{.LastStartTime}}</td>
<td>{{.LastEndTime}}</td> <td>{{.LastEndTime}}</td>
<td align="right">{{.LastExecutionDuration}}</td> <td align="right">{{.LastExecutionDuration}}</td>
<td class="smaller">{{.LastError}}</td> <td class="smaller red">{{.LastError}}</td>
</tr>{{end}} </tr>{{end}}
</table> </table>
</main> </main>