dyndns: run as a task

this lets us display logs

dashboard/src/views/network.html

@@ -277,7 +277,21 @@
 
   <!-- Dynamic DNS -->
   <div class="text-left section-header">
-    <h3>{{ 'network.dyndns.title' | tr }}</h3>
+    <h3>
+      {{ 'network.dyndns.title' | tr }}
+      <div class="btn-group btn-group-sm pull-right">
+        <button type="button" class="btn btn-small btn-default dropdown-toggle" ng-show="dyndnsConfigure.tasks.length" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" uib-tooltip="{{ 'network.dyndns.showLogsAction' | tr }}">
+          <i class="fas fa-align-left"></i> <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+          <li ng-repeat="task in dyndnsConfigure.tasks">
+            <a ng-href="/logs.html?taskId={{task.id}}" target="_blank" class="text-right">
+            {{ task.ts | prettyLongDate }} <i class="fa" style="margin-left: 20px" ng-class="{ 'status-active fa-check-circle': !task.active && task.success, 'fa-circle-notch fa-spin': task.active, 'status-error fa-times-circle': !task.active && !task.success }"></i>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </h3>
   </div>
 
   <div class="card">

dashboard/src/views/network.js

@@ -1,9 +1,9 @@
 'use strict';
 
 /* global angular */
-/* global $ */
+/* global $, TASK_TYPES */
 
-angular.module('Application').controller('NetworkController', ['$scope', '$location', 'Client', function ($scope, $location, Client) {
+angular.module('Application').controller('NetworkController', ['$scope', '$location', '$timeout', 'Client', function ($scope, $location, $timeout, Client) {
     Client.onReady(function () { if (!Client.getUserInfo().isAtLeastAdmin) $location.path('/'); });
 
     $scope.user = Client.getUserInfo();
@@ -37,12 +37,25 @@ angular.module('Application').controller('NetworkController', ['$scope', '$locat
         busy: false,
         error: '',
         isEnabled: false,
+        tasks: [],
+
+        refreshTasks: function () {
+            Client.getTasksByType(TASK_TYPES.TASK_SYNC_DYNDNS, function (error, tasks) {
+                if (error) return console.error(error);
+                $scope.dyndnsConfigure.tasks = tasks.slice(0, 10);
+                if ($scope.dyndnsConfigure.tasks.length && $scope.dyndnsConfigure.tasks[0].active) {
+                    $timeout($scope.renewCerts.refreshTasks, 5000);
+                }
+            });
+        },
 
         refresh: function () {
             Client.getDynamicDnsConfig(function (error, enabled) {
                 if (error) return console.error(error);
 
                 $scope.dyndnsConfigure.isEnabled = enabled;
+
+                $scope.dyndnsConfigure.refreshTasks();
             });
         },