Filters no longer really used in templates.

Use a computed function instead.

Author: patrickdavey

test/controllers/refresh_controller_test.exs

@@ -1,5 +1,6 @@
 defmodule Caster.RefreshControllerTest do
   use Caster.ConnCase
+  @moduletag :production_api_test
 
   test "can refresh vimcasts", %{conn: conn} do
     conn = put conn, refresh_path(conn, :update, "vimcast")

web/static/js/components/Cast-List.vue

@@ -16,7 +16,9 @@
               <th></th>
             </tr>
           </thead>
-          <tr is="cast" :removeable="removeable" :cast="cast" v-for="cast in casts | filterBy 'true' in 'interesting'"></tr>
+          <tbody>
+            <tr is="cast" :removeable="removeable" :cast="cast" v-for="cast in interestingCasts"></tr>
+          </tbody>
         </table>
       </div>
 
@@ -30,13 +32,15 @@
               <th></th>
             </tr>
           </thead>
-          <tr is="cast" :cast="cast" :removeable="removeable" v-for="cast in casts | filterBy 'false' in 'interesting'"></tr>
+          <tbody>
+            <tr is="cast" :cast="cast" :removeable="removeable" v-for="cast in normalCasts"></tr>
+          </tbody>
         </table>
       </div>
     </div>
     <p v-else>Loading...</p>
 
-    <modal :callback="saveNote" :show.sync="showModal">
+    <modal :callback="saveNote" @cancel="showModal = false" :value.sync="showModal">
       <div slot="modal-header" class="modal-header">
         <h4 class="modal-title">Notes for {{ selectedCast.title }}</h4>
       </div>
@@ -62,15 +66,12 @@
         title: "",
         showModal: false,
         selectedCast: { title: "", note: "" },
-        error: null
+        error: null,
+        initialFetchComplete: false,
       }
     },
 
     props: {
-      initialFetchComplete: {
-        type: Boolean,
-        default: false
-      },
       refreshable: {
         type: Boolean,
         default: false
@@ -83,6 +84,18 @@
       },
       hasNormalCasts () {
         return this.casts.filter((c) => c.interesting === false).length > 0
+      },
+      interestingCasts: function () {
+        var self = this;
+        return self.casts.filter(function (cast) {
+          return cast.interesting == true;
+        })
+      },
+      normalCasts: function () {
+        var self = this;
+        return self.casts.filter(function (cast) {
+          return cast.interesting == false;
+        })
       }
     },
 
@@ -92,10 +105,7 @@
       modal
     },
 
-    created () {
-      if (this.initialFetchComplete) {
-        return;
-      }
+    created: function() {
       this.fetchCasts()
     },
 
@@ -114,6 +124,10 @@
           })
       },
 
+      cancelPressed: function () {
+        debugger;
+      },
+
       fetchCasts () {
         this.$http.get('/casts?source=' + this.castType())
         .then(response => {

web/templates/cast/index.html.eex

@@ -1,4 +1,6 @@
-<cast-list></cast-list>
+<div id="cast-list">
+  <cast-list></cast-list>
+</div>
 
 <script type="text/javascript">
   window.source = "<%= @conn.assigns.source.source %>";

web/templates/cast/show.html.eex

@@ -37,5 +37,6 @@
 
     </div> <!-- /container -->
     <script src="<%= static_path(@conn, "/js/app.js") %>"></script>
+
   </body>
 </html>