Add help buttons + better divide recipe edit screen

openzim · Mar 19, 2024 · 4e647be · 4e647be
1 parent 808eb88
commit 4e647be
Showing 1 changed file with 35 additions and 2 deletions.
diff --git a/dispatcher/frontend-ui/src/components/ScheduleEditor.vue b/dispatcher/frontend-ui/src/components/ScheduleEditor.vue
@@ -15,6 +15,19 @@
       </b-col>
     </b-row>
 
+    <hr />
+
+    <b-row>
+      <b-col cols="10" class="mt-2"><h2>Content settings</h2></b-col>
+      <b-col cols="2" class="text-right mb-2">
+        <b-button
+          href="https://github.com/openzim/zimfarm/wiki/Recipe-configuration-%E2%80%90-Content-settings"
+          target="_blank"
+          variant="primary">Help
+        </b-button>
+      </b-col>
+    </b-row>
+
     <b-row>
       <b-col>
         <b-form-group label="Recipe Name:"
@@ -93,7 +106,18 @@
       </b-col>
     </b-row>
 
-  <hr />
+    <hr />
+
+    <b-row>
+      <b-col cols="10" class="mt-2"><h2>Task settings</h2></b-col>
+      <b-col cols="2" class="text-right mb-2">
+        <b-button
+          href="https://github.com/openzim/zimfarm/wiki/Recipe-configuration-%E2%80%90-Task-settings"
+          target="_blank"
+          variant="primary">Help
+        </b-button>
+      </b-col>
+    </b-row>
 
     <b-row>
       <b-col>
@@ -206,7 +230,16 @@
 
     <hr />
 
-    <b-row v-if="edit_flags_fields.length > 0"><b-col><h2><code>{{ edit_task_name}}</code> command flags</h2></b-col></b-row>
+    <b-row v-if="edit_flags_fields.length > 0">
+      <b-col cols="10" class="mt-2"><h2>Scraper settings: <code>{{ edit_task_name}}</code> command flags</h2></b-col>
+      <b-col cols="2" class="text-right mb-2">
+        <b-button
+          :href="help"
+          target="_blank"
+          variant="primary">Help
+        </b-button>
+      </b-col>
+    </b-row>
 
     <table class="table table-striped table-hover table-sm table-responsive-md">
       <tbody>