add retrieval after storage ux (#259)

filecoin-project · Jul 1, 2021 · 477ff92 · 477ff92
1 parent 3f4af0d
commit 477ff92
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/controller/app/index.js b/controller/app/index.js
@@ -9,6 +9,7 @@ window.setauth = (a) => {
 
 $().ready(() => {
     $('#newSchedule').cronPicker();
+    $('#newretafterstoreSchedule').cronPicker();
 
     $("#addDone").hide();
     if ($('#newSR').is(':checked')) {
@@ -37,6 +38,17 @@ $().ready(() => {
         } 
     })
 
+    if (!$('#newRepeatRetAfterStore').is(':checked')) {
+        $("#retafterstoreschedule").hide();
+    }
+    $("#newRepeatRetAfterStore").on('change', () => {
+        if ($('#newRepeatRetAfterStore').is(':checked')) {
+            $("#retafterstoreschedule").show();
+        } else {
+            $("#retafterstoreschedule").hide();
+        } 
+    })
+
     $("#addtask button").on('click', doSubmit);
     $("schedulesection form").on('submit', doSubmit);
 
@@ -125,6 +137,10 @@ function doSubmit(e) {
                 "CARExport": false,
                 "MaxPriceAttoFIL": 20000000000,
             }
+            if ($('#newRepeatRetAfterStore').is(':checked')) {
+                data.RetrievalSchedule = $('#newretafterstoreSchedule').val()
+                data.RetrievalScheduleLimit = $('#newretafterstoreScheduleLimit').val()
+            }
         } else {
             data = {
                 "Miner": miner,

diff --git a/controller/static/index.html b/controller/static/index.html
@@ -74,6 +74,19 @@ <h2 class="accordion-header" id="headingSchedule">
                                       Fast Retrieval
                                     </label>
                                   </div>
+                                  <div id="retafterstoreschedule">
+                                    <div class="form-check form-switch">
+                                        <input class="form-check-input" type="checkbox" id="newRepeatRetAfterStore" />
+                                        <label class="form-check-label" for="newRepeatRetAfterStore">Retrieve after Storage</label>
+                                    </div>
+                                    <div class="mb-3" id="setretafterstoreschedule">
+                                        <input type="text" id="newretafterstoreSchedule" value="5 14 * * *">
+                                    </div>
+                                    <div class="mb-3">
+                                        <input type="text" id="newretafterstoreScheduleLimit" value="30d">
+                                        <label class="form-label" for="newretafterstoreScheduleLimit">Duration in which retrieval schedule is valid</label>
+                                    </div>
+                                </div>
                             </div>
                             <div id="newretrieval">
                                 <div class="mb-3">