format

static/js/cccc.js

@@ -318,6 +318,18 @@ function totalDuration() {
     }).reduce(function(a, b) { return a+b }, 0)
 }
 
+function formatDict(position) {
+    var pos = ''
+    Object.keys(position).forEach(key => {
+        var name = key
+        if (name == 'absoluteZoom') {
+            name = 'zoom'
+        }
+        pos += name + ': ' + position[key] + ' '
+    })
+    return pos.trim()
+}
+
 function updateStatus() {
     api('status', {}, function(response) {
         if (response.result) {
@@ -347,7 +359,7 @@ function updateStatus() {
                 })
             }
             if (response.result.position) {
-                $('#position').html(JSON.stringify(response.result.position))
+                $('#position').html(formatDict(response.result.position))
             }
             data.forEach(function(row) {
                 var s = (response.result.next && row.seqid == response.result.next.seqid);
@@ -364,7 +376,7 @@ function updateStatus() {
                 if (response.result.next.duration) {
                     delete response.result.next.duration
                 }
-                $('#next').html(JSON.stringify(response.result.next))
+                $('#next').html('Next: ' + formatDict(response.result.next))
             }
             if (update) {
                 grid.invalidate();
@@ -753,7 +765,11 @@ function init_ptz() {
         $('<br>').appendTo($(ptz))
         $('<br>').appendTo($(ptz))
         var name = $('<input>').appendTo($(ptz))
-        name.val(getPreset(id).name)
+        var preset = getPreset(id)
+        if (preset) {
+            name.val(preset.name)
+        }
+
         $('<button>').html('Set')
             .appendTo($(ptz)).on({
             click: function() {