|
@@ -2,27 +2,35 @@
|
|
|
|
|
|
{% block body %}
|
|
|
<div id="app">
|
|
|
- <div class="md-layout">
|
|
|
- <div class="md-layout-item">
|
|
|
+ <div class="md-layout md-gutter">
|
|
|
+ <div class="md-layout-item md-size-100">
|
|
|
+ <div class="md-title">
|
|
|
+ <span>
|
|
|
+ <md-button href="/" class="md-icon-button md-primary home-icon">
|
|
|
+ <md-icon>home</md-icon>
|
|
|
+ </md-button>
|
|
|
+ Diffido: ${(schedule && schedule.title) || 'new'} schedule
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="md-layout-item md-size-60">
|
|
|
<md-card id="main-card">
|
|
|
<md-card-header>
|
|
|
<div class="md-title">
|
|
|
- <md-button href="/" class="md-icon-button md-primary">
|
|
|
- <md-icon>home</md-icon>
|
|
|
- </md-button>
|
|
|
- Diffido: ${(schedule && schedule.title) || 'new'} schedule
|
|
|
+ Settings
|
|
|
</div>
|
|
|
</md-card-header>
|
|
|
|
|
|
<md-card-content>
|
|
|
<div class="md-layout md-gutter">
|
|
|
- <div class="md-layout-item">
|
|
|
+ <div class="md-layout-item md-size-50">
|
|
|
<md-field>
|
|
|
<label>title</label>
|
|
|
<md-input v-model="schedule.title" required></md-input>
|
|
|
</md-field>
|
|
|
</div>
|
|
|
- <div class="md-layout-item">
|
|
|
+ <div class="md-layout-item md-size-50">
|
|
|
<md-field>
|
|
|
<label>url</label>
|
|
|
<md-input v-model="schedule.url" required></md-input>
|
|
@@ -31,6 +39,39 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="md-layout md-gutter">
|
|
|
+ <div class="md-layout-item md-size-33">
|
|
|
+ <md-field>
|
|
|
+ <label>notify email</label>
|
|
|
+ <md-input v-model="schedule.email" type="email"></md-input>
|
|
|
+ </md-field>
|
|
|
+ </div>
|
|
|
+ <div class="md-layout-item md-size-33">
|
|
|
+ <md-field>
|
|
|
+ <label>XPath selector</label>
|
|
|
+ <md-input v-model="schedule.xpath"></md-input>
|
|
|
+ </md-field>
|
|
|
+ </div>
|
|
|
+ <div class="md-layout-item md-size-33">
|
|
|
+ <md-field>
|
|
|
+ <label>minimum change</label>
|
|
|
+ <md-input v-model="schedule.minimum_change"></md-input>
|
|
|
+ </md-field>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <md-switch v-model="schedule.enabled">enabled</md-switch>
|
|
|
+ </md-card-content>
|
|
|
+ </md-card>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="md-layout-item">
|
|
|
+ <md-card id="trigger-card">
|
|
|
+ <md-card-header>
|
|
|
+ <div class="md-title">
|
|
|
+ Trigger
|
|
|
+ </div>
|
|
|
+ </md-card-header>
|
|
|
+ <md-card-content>
|
|
|
+ <div class="md-layout md-gutter">
|
|
|
<div class="md-layout-item md-size-25">
|
|
|
<md-field>
|
|
|
<label>trigger</label>
|
|
@@ -40,13 +81,13 @@
|
|
|
</md-select>
|
|
|
</md-field>
|
|
|
</div>
|
|
|
- <div class="md-layout-item md-size-25">
|
|
|
- <div v-if="schedule.trigger == 'cron'">
|
|
|
- <md-field>
|
|
|
- <label>crontab</label>
|
|
|
- <md-input v-model="schedule.cron_crontab"></md-input>
|
|
|
- </md-field>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="schedule.trigger == 'cron'" class="md-layout md-gutter">
|
|
|
+ <div class="md-layout-item md-size-50">
|
|
|
+ <md-field>
|
|
|
+ <label>crontab</label>
|
|
|
+ <md-input v-model="schedule.cron_crontab"></md-input>
|
|
|
+ </md-field>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -63,6 +104,8 @@
|
|
|
<md-input v-model="schedule.interval_days" type="number"></md-input>
|
|
|
</md-field>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="schedule.trigger == 'interval'" class="md-layout md-gutter">
|
|
|
<div class="md-layout-item md-size-20">
|
|
|
<md-field>
|
|
|
<label>hours</label>
|
|
@@ -82,36 +125,18 @@
|
|
|
</md-field>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="md-layout md-gutter">
|
|
|
- <div class="md-layout-item md-size-33">
|
|
|
- <md-field>
|
|
|
- <label>notify email</label>
|
|
|
- <md-input v-model="schedule.email" type="email"></md-input>
|
|
|
- </md-field>
|
|
|
- </div>
|
|
|
- <div class="md-layout-item md-size-33">
|
|
|
- <md-field>
|
|
|
- <label>XPath selector</label>
|
|
|
- <md-input v-model="schedule.xpath"></md-input>
|
|
|
- </md-field>
|
|
|
- </div>
|
|
|
- <div class="md-layout-item md-size-33">
|
|
|
- <md-field>
|
|
|
- <label>minimum change</label>
|
|
|
- <md-input v-model="schedule.minimum_change"></md-input>
|
|
|
- </md-field>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <md-switch v-model="schedule.enabled">enabled</md-switch>
|
|
|
-
|
|
|
- <br />
|
|
|
- <md-button class="md-raised md-primary" @click="saveSchedule()">save</md-button>
|
|
|
- <md-button class="md-raised md-accent" :disabled="!hasID()" @click="deleteSchedule()">delete</md-button>
|
|
|
- <md-button href="/">back</md-button>
|
|
|
</md-card-content>
|
|
|
</md-card>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="md-layout-item md-size-100">
|
|
|
+ <div class="md-title">
|
|
|
+ <br />
|
|
|
+ <md-button class="md-raised md-primary" @click="saveSchedule()">save</md-button>
|
|
|
+ <md-button class="md-raised md-accent" :disabled="!hasID()" @click="deleteSchedule()">delete</md-button>
|
|
|
+ <md-button href="/">back</md-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -179,13 +204,24 @@ var app = new Vue({
|
|
|
|
|
|
body {
|
|
|
background-color: white;
|
|
|
- padding: 6px;
|
|
|
+ padding: 12px 20px 12px 20px;
|
|
|
}
|
|
|
|
|
|
.md-table {
|
|
|
height: 80%;
|
|
|
}
|
|
|
|
|
|
+.home-icon {
|
|
|
+ margin-top: -6px;
|
|
|
+}
|
|
|
+
|
|
|
+.md-card-content {
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+#trigger-card, #main-card {
|
|
|
+ min-height: 350px;
|
|
|
+}
|
|
|
|
|
|
</style>
|
|
|
{% end %}
|