From 482c3f254d60bb5961cd49da959662f122125886 Mon Sep 17 00:00:00 2001
From: Newnius <newnius.cn@gmail.com>
Date: Mon, 21 Oct 2019 16:19:16 +0800
Subject: [PATCH] support multi tasks

---
 modals.php    | 15 +++++++++++----
 static/job.js | 14 ++++++++++++++
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/modals.php b/modals.php
index 46c7ce8..659ff97 100755
--- a/modals.php
+++ b/modals.php
@@ -127,12 +127,12 @@
 							</div>
 						</div>
 					</div>
-					<label>Environment</label>
+					<label>Tasks</label>
 					<div id="form-job-tasks">
 						<div class="row">
-							<div class="col-md-6">
+							<div class="col-md-4">
 								<label>Docker Image</label>
-								<select class="form-control form-control task-image" required>
+								<select title="docker image" class="form-control form-control task-image" required>
 									<option value="quickdeploy/yao-tensorflow:1.12" selected>
 										quickdeploy/yao-tensorflow:1.12
 									</option>
@@ -146,6 +146,12 @@
 									       placeholder="Command to bring up task"/>
 								</div>
 							</div>
+							<div class="col-md-2">
+								<label>Remove</label>
+								<div class="form-group">
+									<button type="button" class="btn btn-default task-remove">Remove</button>
+								</div>
+							</div>
 							<div class="col-md-2">
 								<label>Host Name</label>
 								<div class="form-group">
@@ -168,7 +174,7 @@
 								</div>
 							</div>
 							<div class="col-md-2">
-								<label>GPU Model<abbr title="best GPU model needed">?</abbr></label>
+								<label>GPU Model<abbr title="preferred GPU model">?</abbr></label>
 								<select class="form-control form-control task-gpu-model" required>
 									<option value="k40">K40</option>
 									<option value="k80" selected>K80</option>
@@ -193,6 +199,7 @@
 					</div>
 					<div>
 						<button id="form-job-submit" type="submit" class="btn btn-primary btn-lg">Submit</button>
+						<button id="form-job-task-add" type="button" class="btn btn-default btn-lg">Add Task</button>
 					</div>
 				</form>
 			</div>
diff --git a/static/job.js b/static/job.js
index d633bc9..bffb1fa 100755
--- a/static/job.js
+++ b/static/job.js
@@ -24,6 +24,20 @@ function register_events_job() {
 		$('#modal-job').modal('show');
 	});
 
+	$('#form-job-tasks').on('click', '.task-remove', function (e) {
+		if ($('#form-job-tasks').find('.row').length <= 1) {
+			return;
+		}
+		var task = $(this).parent().parent().parent();
+		task.remove();
+	});
+
+	$('#form-job-task-add').click(function (e) {
+		var tasks = $('#form-job-tasks');
+		var newTask = $('#form-job-tasks').find('.row').eq(0).clone();
+		tasks.append(newTask);
+	});
+
 	$("#form-job-submit").click(function (e) {
 		var name = $('#form-job-name').val();
 		var workspace = $('#form-job-workspace').val();