431 lines
14 KiB
Mako
431 lines
14 KiB
Mako
## -*- coding: utf-8; -*-
|
|
<%inherit file="/configure.mako" />
|
|
|
|
<%def name="form_content()">
|
|
${h.hidden('overnight_tasks', **{':value': 'JSON.stringify(overnightTasks)'})}
|
|
${h.hidden('backfill_tasks', **{':value': 'JSON.stringify(backfillTasks)'})}
|
|
|
|
<div class="level">
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<h3 class="is-size-3">Overnight Tasks</h3>
|
|
</div>
|
|
<div class="level-item">
|
|
<b-button type="is-primary"
|
|
icon-pack="fas"
|
|
icon-left="plus"
|
|
@click="overnightTaskCreate()">
|
|
New Task
|
|
</b-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="block" style="padding-left: 2rem; display: flex;">
|
|
|
|
<${b}-table :data="overnightTasks">
|
|
<!-- <${b}-table-column field="key" -->
|
|
<!-- label="Key" -->
|
|
<!-- sortable> -->
|
|
<!-- {{ props.row.key }} -->
|
|
<!-- </${b}-table-column> -->
|
|
<${b}-table-column field="key"
|
|
label="Key"
|
|
v-slot="props">
|
|
{{ props.row.key }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="description"
|
|
label="Description"
|
|
v-slot="props">
|
|
{{ props.row.description }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="class_name"
|
|
label="Class Name"
|
|
v-slot="props">
|
|
{{ props.row.class_name }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="script"
|
|
label="Script"
|
|
v-slot="props">
|
|
{{ props.row.script }}
|
|
</${b}-table-column>
|
|
<${b}-table-column label="Actions"
|
|
v-slot="props">
|
|
<a href="#"
|
|
@click.prevent="overnightTaskEdit(props.row)">
|
|
% if request.use_oruga:
|
|
<o-icon icon="edit" />
|
|
% else:
|
|
<i class="fas fa-edit"></i>
|
|
% endif
|
|
Edit
|
|
</a>
|
|
|
|
<a href="#"
|
|
class="has-text-danger"
|
|
@click.prevent="overnightTaskDelete(props.row)">
|
|
% if request.use_oruga:
|
|
<o-icon icon="trash" />
|
|
% else:
|
|
<i class="fas fa-trash"></i>
|
|
% endif
|
|
Delete
|
|
</a>
|
|
</${b}-table-column>
|
|
</${b}-table>
|
|
|
|
<b-modal has-modal-card
|
|
:active.sync="overnightTaskShowDialog">
|
|
<div class="modal-card">
|
|
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Overnight Task</p>
|
|
</header>
|
|
|
|
<section class="modal-card-body">
|
|
<b-field label="Key"
|
|
:type="overnightTaskKey ? null : 'is-danger'">
|
|
<b-input v-model.trim="overnightTaskKey"
|
|
ref="overnightTaskKey"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Description"
|
|
:type="overnightTaskDescription ? null : 'is-danger'">
|
|
<b-input v-model.trim="overnightTaskDescription"
|
|
ref="overnightTaskDescription"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Module">
|
|
<b-input v-model.trim="overnightTaskModule"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Class Name">
|
|
<b-input v-model.trim="overnightTaskClass"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Script">
|
|
<b-input v-model.trim="overnightTaskScript"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Notes">
|
|
<b-input v-model.trim="overnightTaskNotes"
|
|
type="textarea"
|
|
expanded />
|
|
</b-field>
|
|
</section>
|
|
|
|
<footer class="modal-card-foot">
|
|
<b-button type="is-primary"
|
|
icon-pack="fas"
|
|
icon-left="save"
|
|
@click="overnightTaskSave()"
|
|
:disabled="!overnightTaskKey || !overnightTaskDescription">
|
|
Save
|
|
</b-button>
|
|
<b-button @click="overnightTaskShowDialog = false">
|
|
Cancel
|
|
</b-button>
|
|
</footer>
|
|
</div>
|
|
</b-modal>
|
|
|
|
</div>
|
|
|
|
<div class="level">
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<h3 class="is-size-3">Backfill Tasks</h3>
|
|
</div>
|
|
<div class="level-item">
|
|
<b-button type="is-primary"
|
|
icon-pack="fas"
|
|
icon-left="plus"
|
|
@click="backfillTaskCreate()">
|
|
New Task
|
|
</b-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="block" style="padding-left: 2rem; display: flex;">
|
|
|
|
<${b}-table :data="backfillTasks">
|
|
<${b}-table-column field="key"
|
|
label="Key"
|
|
v-slot="props">
|
|
{{ props.row.key }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="description"
|
|
label="Description"
|
|
v-slot="props">
|
|
{{ props.row.description }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="script"
|
|
label="Script"
|
|
v-slot="props">
|
|
{{ props.row.script }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="forward"
|
|
label="Orientation"
|
|
v-slot="props">
|
|
{{ props.row.forward ? "Forward" : "Backward" }}
|
|
</${b}-table-column>
|
|
<${b}-table-column field="target_date"
|
|
label="Target Date"
|
|
v-slot="props">
|
|
{{ props.row.target_date }}
|
|
</${b}-table-column>
|
|
<${b}-table-column label="Actions"
|
|
v-slot="props">
|
|
<a href="#"
|
|
@click.prevent="backfillTaskEdit(props.row)">
|
|
% if request.use_oruga:
|
|
<o-icon icon="edit" />
|
|
% else:
|
|
<i class="fas fa-edit"></i>
|
|
% endif
|
|
Edit
|
|
</a>
|
|
|
|
<a href="#"
|
|
class="has-text-danger"
|
|
@click.prevent="backfillTaskDelete(props.row)">
|
|
% if request.use_oruga:
|
|
<o-icon icon="trash" />
|
|
% else:
|
|
<i class="fas fa-trash"></i>
|
|
% endif
|
|
Delete
|
|
</a>
|
|
</${b}-table-column>
|
|
</${b}-table>
|
|
|
|
<b-modal has-modal-card
|
|
:active.sync="backfillTaskShowDialog">
|
|
<div class="modal-card">
|
|
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Backfill Task</p>
|
|
</header>
|
|
|
|
<section class="modal-card-body">
|
|
<b-field label="Key"
|
|
:type="backfillTaskKey ? null : 'is-danger'">
|
|
<b-input v-model.trim="backfillTaskKey"
|
|
ref="backfillTaskKey"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Description"
|
|
:type="backfillTaskDescription ? null : 'is-danger'">
|
|
<b-input v-model.trim="backfillTaskDescription"
|
|
ref="backfillTaskDescription"
|
|
expanded />
|
|
</b-field>
|
|
<b-field label="Script"
|
|
:type="backfillTaskScript ? null : 'is-danger'">
|
|
<b-input v-model.trim="backfillTaskScript"
|
|
expanded />
|
|
</b-field>
|
|
<b-field grouped>
|
|
<b-field label="Orientation">
|
|
<b-select v-model="backfillTaskForward">
|
|
<option :value="false">Backward</option>
|
|
<option :value="true">Forward</option>
|
|
</b-select>
|
|
</b-field>
|
|
<b-field label="Target Date">
|
|
<tailbone-datepicker v-model="backfillTaskTargetDate">
|
|
</tailbone-datepicker>
|
|
</b-field>
|
|
</b-field>
|
|
<b-field label="Notes">
|
|
<b-input v-model.trim="backfillTaskNotes"
|
|
type="textarea"
|
|
expanded />
|
|
</b-field>
|
|
</section>
|
|
|
|
<footer class="modal-card-foot">
|
|
<b-button type="is-primary"
|
|
icon-pack="fas"
|
|
icon-left="save"
|
|
@click="backfillTaskSave()"
|
|
:disabled="!backfillTaskKey || !backfillTaskDescription || !backfillTaskScript">
|
|
Save
|
|
</b-button>
|
|
<b-button @click="backfillTaskShowDialog = false">
|
|
Cancel
|
|
</b-button>
|
|
</footer>
|
|
</div>
|
|
</b-modal>
|
|
|
|
</div>
|
|
|
|
<h3 class="is-size-3">Luigi Proper</h3>
|
|
<div class="block" style="padding-left: 2rem;">
|
|
|
|
<b-field label="Luigi URL"
|
|
message="This should be the URL to Luigi Task Visualiser web user interface."
|
|
expanded>
|
|
<b-input name="rattail.luigi.url"
|
|
v-model="simpleSettings['rattail.luigi.url']"
|
|
@input="settingsNeedSaved = true"
|
|
expanded>
|
|
</b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Supervisor Process Name"
|
|
message="This should be the complete name, including group - e.g. luigi:luigid"
|
|
expanded>
|
|
<b-input name="rattail.luigi.scheduler.supervisor_process_name"
|
|
v-model="simpleSettings['rattail.luigi.scheduler.supervisor_process_name']"
|
|
@input="settingsNeedSaved = true"
|
|
expanded>
|
|
</b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Restart Command"
|
|
message="This will run as '${system_user}' system user - please configure sudoers as needed. Typical command is like: sudo supervisorctl restart luigi:luigid"
|
|
expanded>
|
|
<b-input name="rattail.luigi.scheduler.restart_command"
|
|
v-model="simpleSettings['rattail.luigi.scheduler.restart_command']"
|
|
@input="settingsNeedSaved = true"
|
|
expanded>
|
|
</b-input>
|
|
</b-field>
|
|
|
|
</div>
|
|
|
|
</%def>
|
|
|
|
<%def name="modify_this_page_vars()">
|
|
${parent.modify_this_page_vars()}
|
|
<script type="text/javascript">
|
|
|
|
ThisPageData.overnightTasks = ${json.dumps(overnight_tasks)|n}
|
|
ThisPageData.overnightTaskShowDialog = false
|
|
ThisPageData.overnightTask = null
|
|
ThisPageData.overnightTaskCounter = 0
|
|
ThisPageData.overnightTaskKey = null
|
|
ThisPageData.overnightTaskDescription = null
|
|
ThisPageData.overnightTaskModule = null
|
|
ThisPageData.overnightTaskClass = null
|
|
ThisPageData.overnightTaskScript = null
|
|
ThisPageData.overnightTaskNotes = null
|
|
|
|
ThisPage.methods.overnightTaskCreate = function() {
|
|
this.overnightTask = {key: null, isNew: true}
|
|
this.overnightTaskKey = null
|
|
this.overnightTaskDescription = null
|
|
this.overnightTaskModule = null
|
|
this.overnightTaskClass = null
|
|
this.overnightTaskScript = null
|
|
this.overnightTaskNotes = null
|
|
this.overnightTaskShowDialog = true
|
|
this.$nextTick(() => {
|
|
this.$refs.overnightTaskKey.focus()
|
|
})
|
|
}
|
|
|
|
ThisPage.methods.overnightTaskEdit = function(task) {
|
|
this.overnightTask = task
|
|
this.overnightTaskKey = task.key
|
|
this.overnightTaskDescription = task.description
|
|
this.overnightTaskModule = task.module
|
|
this.overnightTaskClass = task.class_name
|
|
this.overnightTaskScript = task.script
|
|
this.overnightTaskNotes = task.notes
|
|
this.overnightTaskShowDialog = true
|
|
}
|
|
|
|
ThisPage.methods.overnightTaskSave = function() {
|
|
this.overnightTask.key = this.overnightTaskKey
|
|
this.overnightTask.description = this.overnightTaskDescription
|
|
this.overnightTask.module = this.overnightTaskModule
|
|
this.overnightTask.class_name = this.overnightTaskClass
|
|
this.overnightTask.script = this.overnightTaskScript
|
|
this.overnightTask.notes = this.overnightTaskNotes
|
|
|
|
if (this.overnightTask.isNew) {
|
|
this.overnightTasks.push(this.overnightTask)
|
|
this.overnightTask.isNew = false
|
|
}
|
|
|
|
this.overnightTaskShowDialog = false
|
|
this.settingsNeedSaved = true
|
|
}
|
|
|
|
ThisPage.methods.overnightTaskDelete = function(task) {
|
|
if (confirm("Really delete this task?")) {
|
|
let i = this.overnightTasks.indexOf(task)
|
|
this.overnightTasks.splice(i, 1)
|
|
this.settingsNeedSaved = true
|
|
}
|
|
}
|
|
|
|
ThisPageData.backfillTasks = ${json.dumps(backfill_tasks)|n}
|
|
ThisPageData.backfillTaskShowDialog = false
|
|
ThisPageData.backfillTask = null
|
|
ThisPageData.backfillTaskCounter = 0
|
|
ThisPageData.backfillTaskKey = null
|
|
ThisPageData.backfillTaskDescription = null
|
|
ThisPageData.backfillTaskScript = null
|
|
ThisPageData.backfillTaskForward = false
|
|
ThisPageData.backfillTaskTargetDate = null
|
|
ThisPageData.backfillTaskNotes = null
|
|
|
|
ThisPage.methods.backfillTaskCreate = function() {
|
|
this.backfillTask = {key: null, isNew: true}
|
|
this.backfillTaskKey = null
|
|
this.backfillTaskDescription = null
|
|
this.backfillTaskScript = null
|
|
this.backfillTaskForward = false
|
|
this.backfillTaskTargetDate = null
|
|
this.backfillTaskNotes = null
|
|
this.backfillTaskShowDialog = true
|
|
this.$nextTick(() => {
|
|
this.$refs.backfillTaskKey.focus()
|
|
})
|
|
}
|
|
|
|
ThisPage.methods.backfillTaskEdit = function(task) {
|
|
this.backfillTask = task
|
|
this.backfillTaskKey = task.key
|
|
this.backfillTaskDescription = task.description
|
|
this.backfillTaskScript = task.script
|
|
this.backfillTaskForward = task.forward
|
|
this.backfillTaskTargetDate = task.target_date
|
|
this.backfillTaskNotes = task.notes
|
|
this.backfillTaskShowDialog = true
|
|
}
|
|
|
|
ThisPage.methods.backfillTaskDelete = function(task) {
|
|
if (confirm("Really delete this task?")) {
|
|
let i = this.backfillTasks.indexOf(task)
|
|
this.backfillTasks.splice(i, 1)
|
|
this.settingsNeedSaved = true
|
|
}
|
|
}
|
|
|
|
ThisPage.methods.backfillTaskSave = function() {
|
|
this.backfillTask.key = this.backfillTaskKey
|
|
this.backfillTask.description = this.backfillTaskDescription
|
|
this.backfillTask.script = this.backfillTaskScript
|
|
this.backfillTask.forward = this.backfillTaskForward
|
|
this.backfillTask.target_date = this.backfillTaskTargetDate
|
|
this.backfillTask.notes = this.backfillTaskNotes
|
|
|
|
if (this.backfillTask.isNew) {
|
|
this.backfillTasks.push(this.backfillTask)
|
|
this.backfillTask.isNew = false
|
|
}
|
|
|
|
this.backfillTaskShowDialog = false
|
|
this.settingsNeedSaved = true
|
|
}
|
|
|
|
</script>
|
|
</%def>
|
|
|
|
|
|
${parent.body()}
|
|
|