basic feed management ui

template/static/images/folder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>

template/static/images/trash-2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>

template/static/javascripts/app.js

@@ -32,7 +32,9 @@ var vm = new Vue({
       ],
       'itemSelected': null,
       'settingsShow': false,
-      'settings': 'new'
+      'settings': 'manage',
+      'settingsManageDropdown': null,
+      'newFolderTitle': null,
     }
   },
   computed: {
@@ -89,6 +91,17 @@ var vm = new Vue({
       var d = new Date(timestamp_s * 1000)
       return d.getDate() + '/' + d.getMonth() + '/' + d.getFullYear()
     },
+    moveFeed: function(feed, folder) {
+      feed.folder_id = folder ? folder.id : null
+      this.settingsManageDropdown = null
+    },
+    newFolderCreate: function() {
+      this.folders.push({
+        id: Math.random() * 10000,
+        title: this.newFolderTitle,
+        is_expanded: true,
+      })
+    },
   }
 })
 vm.settingsShow = true