fix(webapp): fix token expiration edits, fixes #508

webapp/src/views/CrudList.vue

@@ -432,6 +432,7 @@ export default {
     itemIsReadOnly: () => false,
     postcreate: this.close,
     precreate: () => undefined,
+    preupdate: () => undefined,
     keyupHandler: (e) => {
       // Intercept Enter key
       if (e.keyCode === 13) {
@@ -554,6 +555,7 @@ export default {
           tr.addEventListener("animationend", () => tr.classList.remove('successFade'), true);
           tr.classList.add('successFade');
         }
+        this.preupdate(item);
         const url = this.resourcePath(
                 this.resourcePath(this.paths.update, this.$route.params, '::'),
                 item,
@@ -562,7 +564,7 @@ export default {
         await withWorking(this.error, () => HTTP
                 .patch(url, item)
                 .then(r => {
-                  self.rows[self.rows.indexOf(item)] = r.data;
+                  Object.assign(self.rows[self.rows.indexOf(item)], r.data);
                   self.dirty.delete(item);
                   self.dirtyError.delete(item);
                 })

webapp/src/views/TokenList.vue

@@ -148,6 +148,10 @@ export default {
             delete this.createDialogItem.allowed_subnets;
           }
         },
+        preupdate(item) {
+          item.max_age = item.max_age || null;
+          item.max_unused_period = item.max_unused_period || null;
+        },
     }
   },
 };