From ce323ca60a6c2d883dbfe6ca24eca4d83a10275f Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Mon, 27 Sep 2021 15:32:44 -0700
Subject: [PATCH] app: add cron section

part of cloudron/box#793
---
 src/translation/en.json |  7 ++++++-
 src/views/app.html      | 25 +++++++++++++++++++++++++
 src/views/app.js        | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 63 insertions(+), 1 deletion(-)

diff --git a/src/translation/en.json b/src/translation/en.json
index fef97e09b..f8135be8a 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -1453,7 +1453,12 @@
             "title": "Really stop app {{ app }}?"
         },
         "eventlogTabTitle": "Event Log",
-        "sftpInfoAction": "SFTP Access"
+        "sftpInfoAction": "SFTP Access",
+        "cronTabTitle": "Cron",
+        "cron": {
+            "title": "Crontab",
+            "saveAction": "Save"
+        }
     },
     "login": {
         "loginTo": "Login to",
diff --git a/src/views/app.html b/src/views/app.html
index 8648f7fe8..2337b9a7f 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -562,6 +562,7 @@
         <div ng-click="setView('graphs')" ng-class="{ 'active': view === 'graphs' }">{{ 'app.graphsTabTitle' | tr }}</div>
         <div ng-click="setView('security')" ng-class="{ 'active': view === 'security' }">{{ 'app.securityTabTitle' | tr }}</div>
         <div ng-click="setView('email')" ng-class="{ 'active': view === 'email' }" ng-show="app.accessLevel === 'admin' && (app.manifest.addons.sendmail || app.manifest.addons.recvmail)">{{ 'app.emailTabTitle' | tr }}</div>
+        <div ng-click="setView('cron')" ng-class="{ 'active': view === 'cron' }">{{ 'app.cronTabTitle' | tr }}</div>
         <div ng-click="setView('eventlog')" ng-class="{ 'active': view === 'eventlog' }">{{ 'app.eventlogTabTitle' | tr }}</div>
         <div ng-click="setView('updates')" ng-class="{ 'active': view === 'updates' }">{{ 'app.updatesTabTitle' | tr }}</div>
         <div ng-click="setView('backups')" ng-class="{ 'active': view === 'backups' }">{{ 'app.backupsTabTitle' | tr }}</div>
@@ -1009,6 +1010,30 @@
         </div>
       </div>
 
+      <div class="card" ng-show="view === 'cron'">
+        <div class="row">
+          <div class="col-md-12">
+            <form role="form" name="cronForm" ng-submit="cron.submit()" autocomplete="off">
+              <div class="form-group" ng-class="{ 'has-error': cron.error.crontab }">
+                <label class="control-label" style="width: 100%">{{ 'app.cron.title' | tr }} <sup><a ng-href="https://docs.cloudron.io/apps/#cron" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
+                <div ng-show="cron.error.crontab"><small>{{ cron.error.crontab }}</small></div>
+                <textarea ng-trim="false" style="white-space: pre-wrap" ng-model="cron.crontab" class="form-control" rows="10"></textarea>
+              </div>
+
+              <input class="ng-hide" type="submit" ng-disabled="cronForm.$invalid || cron.busy"/>
+            </form>
+          </div>
+        </div>
+        <br/>
+        <div class="row">
+          <div class="col-md-12 text-right">
+            <button class="btn btn-outline btn-primary pull-right" ng-click="cron.submit()" ng-disabled="cron.$invalid || cron.busy || app.error" tooltip-enable="app.error" uib-tooltip="App is in error state">
+              <i class="fa fa-circle-notch fa-spin" ng-show="cron.busy"></i> {{ 'app.cron.saveAction' | tr }}
+            </button>
+          </div>
+        </div>
+      </div>
+
       <div class="card" ng-show="view === 'eventlog'">
         <div class="row">
           <div class="col-md-12">
diff --git a/src/views/app.js b/src/views/app.js
index 18a19a308..07f1b8525 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -899,6 +899,38 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
         }
     };
 
+    $scope.cron = {
+        busy: false,
+        error: {},
+
+        crontab: '',
+
+        show: function () {
+            $scope.cronForm.$setPristine();
+            $scope.cron.error = {};
+            $scope.cron.crontab = $scope.app.crontab;
+        },
+
+        submit: function () {
+            $scope.cron.error = {};
+            $scope.cron.busy = true;
+
+            Client.configureApp($scope.app.id, 'cron', { crontab: $scope.cron.crontab }, function (error) {
+                if (error && error.statusCode === 400) {
+                    $scope.cron.busy = false;
+                    $scope.cron.error.crontab = error.message;
+                    $scope.cronForm.$setPristine();
+                    return;
+                }
+                if (error) return Client.error(error);
+
+                $scope.cronForm.$setPristine();
+
+                $timeout(function () { $scope.cron.busy = false; }, 1000);
+            });
+        }
+    };
+
     $scope.security = {
         busy: false,
         error: {},