stubbed out new shopping list

cookbook/templates/generic/checklist_template.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% load render_bundle from webpack_loader %}
+{% load static %}
+{% load i18n %}
+{% comment %} {% load l10n %} {% endcomment %}
+{% block title %}{{ title }}{% endblock %}
+
+{% block content_fluid %}
+
+    <div id="app" >
+        <checklist-view></checklist-view>
+    </div>
+
+
+{% endblock %}
+
+
+{% block script %}
+    {{ config | json_script:"model_config" }}
+    
+    {% if debug %}
+        <script src="{% url 'js_reverse' %}"></script>
+    {% else %}
+        <script src="{% static 'django_js_reverse/reverse.js' %}"></script>
+    {% endif %}
+
+    <script type="application/javascript">
+        window.IMAGE_PLACEHOLDER = "{% static 'assets/recipe_no_image.svg' %}"
+    </script>
+
+    {% render_bundle 'checklist_view' %}
+{% endblock %}

cookbook/templates/generic/model_template.html

@@ -8,7 +8,7 @@
 {% block content_fluid %}
 
     <div id="app" >
-        <food-list-view></food-list-view>
+        <model-list-view></model-list-view>
     </div>
 
 

cookbook/templates/shopping_list.html

@@ -25,9 +25,16 @@
 {% block content %}
 
     <div class="row">
-        <div class="col col-md-9">
+        <span class="col col-md-9">
             <h2>{% trans 'Shopping List' %}</h2>
-        </div>
+        </span>
+        <span class="col-md-3">
+            <a href="{% url 'view_shopping_new' %}" class="float-right">
+                <button class="btn btn-outline-secondary shadow-none">
+                    <i class="fas fa-star"></i> {% trans 'Try the new shopping list' %}
+                </button>
+            </a>
+        </span>
         <div class="col col-mdd-3 text-right">
             <b-form-checkbox switch size="lg" v-model="edit_mode"
                              @change="$forceUpdate()">{% trans 'Edit' %}</b-form-checkbox>