From d2e6812011b5a8640c8433d051e48853f8d2cdd1 Mon Sep 17 00:00:00 2001
From: Jeroen De Meerleer <me@jeroened.be>
Date: Tue, 13 Apr 2021 19:04:32 +0200
Subject: [PATCH] Added delay patterns

---
 public/resources/job/add.js | 10 ++++++++++
 templates/job/add.html.twig | 16 +++++++++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/public/resources/job/add.js b/public/resources/job/add.js
index db2fe83..8c8fc87 100644
--- a/public/resources/job/add.js
+++ b/public/resources/job/add.js
@@ -2,6 +2,7 @@ $(function() {
     initDatePickers();
     initCronType();
     initSecretInputs();
+    initDelayPattern();
 });
 
 function initDatePickers()
@@ -26,4 +27,13 @@ function initSecretInputs()
         $('.secret-group:first-child').clone().appendTo('.secrets').removeClass('hidden');
         $('.secrets-description').removeClass('hidden');
     })
+}
+
+
+function initDelayPattern()
+{
+    $('.delaypattern-item').on('click', function() {
+        let time = $(this).data('time');
+        $('#delay').val(time);
+    })
 }
\ No newline at end of file
diff --git a/templates/job/add.html.twig b/templates/job/add.html.twig
index c8a5414..bce39d4 100644
--- a/templates/job/add.html.twig
+++ b/templates/job/add.html.twig
@@ -11,7 +11,21 @@
     </div>
     <div class="mb-3">
         <label for="name">Delay (in seconds)</label>
-        <input type="number" class="form-control" id="delay" name="delay">
+        <div class="input-group">
+            <div class="dropdown input-group-prepend">
+                <button class="btn btn-outline-primary dropdown-toggle" type="button" id="delayButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Patterns
+                </button>
+                <div class="dropdown-menu" aria-labelledby="delayButton">
+                    <a class="dropdown-item delaypattern-item" href="#" data-time="60">Every minute</a>
+                    <a class="dropdown-item delaypattern-item" href="#" data-time="3600">Every hour</a>
+                    <a class="dropdown-item delaypattern-item" href="#" data-time="86400">Every day</a>
+                    <a class="dropdown-item delaypattern-item" href="#" data-time="604800">Every week</a>
+                    <a class="dropdown-item delaypattern-item" href="#" data-time="2419200">Every 4 weeks</a>
+                </div>
+            </div>
+            <input type="number" class="form-control" id="delay" name="delay">
+        </div>
     </div>
     <div class="mb-3">
         <label for="nextrun">Next run</label>