Changeset 42888c0 in tailbone

Timestamp:

11/23/2022 11:40:03 AM (2 months ago)

Author:

Lance Edgar <lance@…>

Branches:

master

Children:

db9b361

Parents:

9abbc00

Message:

Add prompt dialog when launching overnight task

File:

• tailbone/templates/luigi/index.mako (modified) (5 diffs)

tailbone/templates/luigi/index.mako

@@ -61 +61 @@
             </b-table-column>
             <b-table-column field="script"
-                            label="Script">
-              {{ props.row.script }}
+                            label="Command">
+              {{ props.row.script || props.row.class_name }}
             </b-table-column>
             <b-table-column field="last_date"
@@ -73 +73 @@
                         icon-pack="fas"
                         icon-left="arrow-circle-right"
-                        :disabled="overnightTaskLaunching == props.row.key"
-                        @click="overnightTaskLaunch(props.row)">
-                {{ overnightTaskLaunching == props.row.key ? "Working, please wait..." : "Launch" }}
+                        @click="overnightTaskLaunchInit(props.row)">
+                Launch
               </b-button>
+              <b-modal has-modal-card
+                       :active.sync="overnightTaskShowLaunchDialog">
+                <div class="modal-card">
+
+                  <header class="modal-card-head">
+                    <p class="modal-card-title">Launch Overnight Task</p>
+                  </header>
+
+                  <section class="modal-card-body"
+                           v-if="overnightTask">
+
+                    <b-field label="Task" horizontal>
+                      <span>{{ overnightTask.description }}</span>
+                    </b-field>
+
+                    <b-field label="Last Date" horizontal>
+                      <span :class="overnightTextClass(overnightTask)">
+                        {{ overnightTask.last_date || "n/a" }}
+                      </span>
+                    </b-field>
+
+                    <p class="block">
+                      Launching this task will schedule it to begin
+                      within one minute.&nbsp; See the Luigi Task
+                      Visualizer after that, for current status.
+                    </p>
+
+                  </section>
+
+                  <footer class="modal-card-foot">
+                    <b-button @click="overnightTaskShowLaunchDialog = false">
+                      Cancel
+                    </b-button>
+                    <b-button type="is-primary"
+                              icon-pack="fas"
+                              icon-left="arrow-circle-right"
+                              @click="overnightTaskLaunchSubmit()"
+                              :disabled="overnightTaskLaunching">
+                      {{ overnightTaskLaunching ? "Working, please wait..." : "Launch" }}
+                    </b-button>
+                  </footer>
+                </div>
+              </b-modal>
             </b-table-column>
           </template>
@@ -207 +249 @@
 
         ThisPageData.overnightTasks = ${json.dumps(overnight_tasks)|n}
+        ThisPageData.overnightTask = null
+        ThisPageData.overnightTaskShowLaunchDialog = false
         ThisPageData.overnightTaskLaunching = false
 
@@ -222 +266 @@
         }
 
-        ThisPage.methods.overnightTaskLaunch = function(task) {
-            this.overnightTaskLaunching = task.key
+        ThisPage.methods.overnightTaskLaunchInit = function(task) {
+            this.overnightTask = task
+            this.overnightTaskShowLaunchDialog = true
+        }
+
+        ThisPage.methods.overnightTaskLaunchSubmit = function() {
+            this.overnightTaskLaunching = true
 
             let url = '${url('{}.launch_overnight'.format(route_prefix))}'
-            let params = {key: task.key}
+            let params = {key: this.overnightTask.key}
 
             this.submitForm(url, params, response => {
@@ -235 +284 @@
                 })
                 this.overnightTaskLaunching = false
+                this.overnightTaskShowLaunchDialog = false
             })
         }