aiforge/templates/repo/cloudbrain/index.tmpl

{{template "base/head" .}}
<div class="repository release dataset-list view">
	{{template "repo/header" .}}
	<div class="ui container">
		<div class="ui three column stackable grid">
			<div class="column">
				<h2>{{.i18n.Tr "cloudbrain"}}</h2>
			</div>
			<div class="column">
			</div>
			<div class="column right aligned">
				<a class="ui green button" href="{{.RepoLink}}/cloudbrain/create">{{.i18n.Tr "repo.cloudbrain.new"}}</a>
			</div>
		</div>
    <div class="ui divider"></div>
		<div class="ui grid">
			<div class="row">
				<div class="ui sixteen wide column">
					<div class="ui sixteen wide column">
						<div class="ui two column stackable grid">
							<div class="column">
							</div>
							<div class="column right aligned">
								<div class="ui right dropdown type jump item">
									<span class="text">
										{{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="dataset list">
						{{range .Tasks}}
							<div class="ui grid item">
								<div class="row">
									<div class="seven wide column">
										<a class="title" href="{{$.Link}}/{{.JobID}}">
											<span class="fitted">{{svg "octicon-tasklist" 16}}</span>
											<span class="fitted">{{.JobName}}</span>
										</a>
									</div>
									<div class="four wide column job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
										{{.Status}}
									</div>
									<div class="three wide column">
										<span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
									</div>
									<div class="two wide column">
										<span class="ui text center clipboard">
											<a class="title" href="{{$.Link}}/{{.JobID}}">
												<span class="fitted">查看</span>
											</a>
										</span>
									</div>
								</div>
							</div>
						{{end}}
						{{template "base/paginate" .}}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}
<script>
$( document ).ready(function() {
	$( ".job-status" ).each(( index, job ) => {
		const jobID = job.dataset.jobid;
		const repoPath = job.dataset.repopath;
		if (job.textContent.trim()  != 'WAITING') {
			return
		}

		$.get( `/api/v1/repos/${repoPath}/cloudbrain/${jobID}`, ( data ) => {
			const jobID = data.JobID
			const status = data.JobStatus
			$('#'+ jobID).text(status)
			// console.log(data)
		}).fail(function(err) {
			console.log( err );
		});
	});
});
</script>