start frontend

app/javascript/components/AppNavbar.vue

@@ -19,6 +19,7 @@
           <router-link to="/calculator" class="navbar-item">Calculator</router-link>
           <router-link v-if="isLoggedIn" to="/logs" class="navbar-item">Log</router-link>
           <router-link v-if="isLoggedIn" to="/notes" class="navbar-item">Notes</router-link>
+          <router-link v-if="isLoggedIn" to="/tasks" class="navbar-item">Tasks</router-link>
           <router-link to="/about" class="navbar-item">About</router-link>
           <router-link v-if="isAdmin" to="/admin/users" class="navbar-item">Admin</router-link>
 

app/javascript/components/TheTaskListList.vue

@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <h1>Tasks</h1>
+
+    <select>
+        <option v-for="l in taskLists" :value="l.id">{{l.name}}</option>
+    </select>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    data() {
+        return {
+            taskLists: []
+        }
+    }
+  }
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

app/javascript/router.js

@@ -20,6 +20,8 @@ import TheRecipeEditor from './components/TheRecipeEditor';
 import TheRecipeCreator from './components/TheRecipeCreator';
 import TheRecipeList from './components/TheRecipeList';
 
+import TheTaskListList from './components/TheTaskListList';
+
 import TheUserCreator from './components/TheUserCreator';
 import TheUserEditor from './components/TheUserEditor';
 
@@ -113,6 +115,11 @@ router.addRoutes(
       name: "notes",
       component: TheNotesList
     },
+    {
+      path: "/tasks",
+      name: "task_lists",
+      component: TheTaskListList
+    },
     {
       path: "/logout",
       name: "logout",

db/schema.rb

@@ -83,7 +83,6 @@ ActiveRecord::Schema.define(version: 2018_08_27_215102) do
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
     t.text "preparation"
-    t.integer "recipe_as_ingredient_id"
     t.index ["recipe_id"], name: "index_recipe_ingredients_on_recipe_id"
   end