From 77b6f492a4c1dc682b312dbb809aba0d6a858151 Mon Sep 17 00:00:00 2001
From: ysandler <ysandler@tzed.io>
Date: Sun, 5 Feb 2017 21:05:15 -0600
Subject: [PATCH] feat: added beverages menu

---
 index.html | 47 ++++++++++++++++++++++++++++++++++++++++++++++-
 js/app.js  | 12 ++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 335f013..ba97d0d 100644
--- a/index.html
+++ b/index.html
@@ -42,7 +42,7 @@
 
                 <div id="menu" class="seven columns" data-view="drink-builder">
                     <div id="options-menu" class="drink-menu">
-                    <h5>Drink Options</h5>
+                        <h5>Drink Options</h5>
                         <button class="button-blue" data-name="ICED" data-value="">ICED</button>
 
                         <button class="empty-button" data-name="" data-value="">.</button>
@@ -175,6 +175,51 @@
                         <button class="button-default" data-name="" data-value="">SEASONAL LATTE</button>
                     </div>
                     
+                    <div id="blended-menu" class="drink-menu" style="display: none;">
+                        <h5>Blended</h5>
+                        <button class="button-blue" data-name="" data-value="">LIGHT</button>
+                        <button class="button-brown" data-name="RECIPE" data-value="COFFEEFRAPP">COFFEE FRAPP</button>
+                        <button class="button-brown" data-name="RECIPE" data-value="MOCHAFRAPP">MOCHA FRAPP</button>
+                        <button class="button-brown" data-name="RECIPE" data-value="CARAMELFRAPP">CARAMEL FRAPP</button>
+                        <button class="button-brown" data-name="RECIPE" data-value="JAVACHIPFRAPP">JAVA CHIP FRAPP</button>
+
+                        
+                        <button class="button-brown" data-name="RECIPE" data-value="JAVACHIPFRAPP">CAFE VANILLA FRAPP</button>
+                        <button class="button-brown" data-name="RECIPE" data-value="ESPRESSOFRAPP">ESPRESSO FRAPP</button>
+                        <button class="button-brown" data-name="RECIPE" data-value="WHITEMOCHAFRAPP">WHITE MOCHA FRAPP</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        
+                        <button class="button-grey" data-name="RECIPE" data-value="CHAIFRAPP">CHAI FRAPP</button>
+                        <button class="button-grey" data-name="RECIPE" data-value="DOUBLECHOCFRAPP">DOUBLE CHOC FRAPP</button>
+                        <button class="button-grey" data-name="RECIPE" data-value="VANILLABEANFRAPP">VAN BEAN FRAPP</button>
+                        <button class="button-grey" data-name="RECIPE" data-value="WMCREMEFRAPP">WM CREME FRAPP</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        
+                        <button class="button-grey" data-name="RECIPE" data-value="STRAWCREMEFRAPP">STRAW + CREME FRAPP</button>
+                        <button class="button-grey" data-name="RECIPE" data-value="GREENTEAFRAPP">GREEN TEA FRAPP</button>
+                        <button class="button-grey" data-name="RECIPE" data-value="SYRUPFRAPP">SYRUP CREME FRAPP</button>
+                        <button class="button-grey" data-name="RECIPE" data-value="OPARAHCHAIFRAPP">OPARAH CHAI FRAPP</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        
+                        <button class="button-yellow" data-name="RECIPE" data-value="ORANGESMOOTHIE">CLASSIC ORANGE SMOOTHIE</button>
+                        <button class="button-yellow" data-name="RECIPE" data-value="CHOCOLATESMOOTHIE">CLASSIC CHOCOLATE SMOOTHIE</button>
+                        <button class="button-yellow" data-name="RECIPE" data-value="STRAWBERRYSMOOTHIE">CLASSIC STARBERRY SMOOTHIE</button>
+                        <button class="button-yellow" data-name="RECIPE" data-value="BLENDEDSTRAWBERRY">BLENDED STRAWBERRY LEMONADE</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        
+                        <button class="button-purple" data-name="RECIPE" data-value="EVOLUTIONSTRAWBERRY">EVOLUTION STARWBERRY SMOOTHIE</button>
+                        <button class="button-purple" data-name="RECIPE" data-value="EVOLUTIONMANGO">EVOLUTION MANGO CARROT SMOOTHIE</button>
+                        <button class="button-purple" data-name="RECIPE" data-value="EVOLUTIONGREENS">EVOLUTION SWEET GREENS SMOOTHIE</button>
+                        <button class="empty-button" data-name="" data-value="">.</button>
+                        <button class="button-default" data-name="" data-value="">MORE SEASONAL BLENDED</button>
+                        
+                        <button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
+                        <button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
+                        <button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
+                        <button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
+                        <button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
+                    </div>
                     
                     <div id="syrup-menu" class="drink-menu" style="display: none;">
                         <h5>Syrups</h5>
diff --git a/js/app.js b/js/app.js
index 2b6901f..89bbf26 100644
--- a/js/app.js
+++ b/js/app.js
@@ -53,24 +53,35 @@ document.addEventListener('DOMContentLoaded', function(){
                 recipeMenu.style.display = "none";
                 syrupMenu.style.display = "none";
                 brewedMenu.style.display = "none";
+                blendedMenu.style.display = "none";v1`  124fy`
                 break;
             case "ESPRESSO":
                 drinkOptionsMenu.style.display = "none";
                 recipeMenu.style.display = "block";
                 brewedMenu.style.display = "none";
                 syrupMenu.style.display = "none";
+                blendedMenu.style.display = "none";
                 break;
             case "SYRUP":
                 drinkOptionsMenu.style.display = "none";
                 recipeMenu.style.display = "none";
                 brewedMenu.style.display = "none";
                 syrupMenu.style.display = "block";
+                blendedMenu.style.display = "none";
                 break;
             case "BREWED":
                 drinkOptionsMenu.style.display = "none";
                 recipeMenu.style.display = "none";
                 syrupMenu.style.display = "none";
                 brewedMenu.style.display = "block";
+                blendedMenu.style.display = "none";
+                break;
+            case "BLENDED":
+                drinkOptionsMenu.style.display = "none";
+                recipeMenu.style.display = "none";
+                syrupMenu.style.display = "none";
+                blendedMenu.style.display = "block";
+                brewedMenu.style.display = "none";
                 break;
             
         }
@@ -79,6 +90,7 @@ document.addEventListener('DOMContentLoaded', function(){
     let recipeMenu = document.getElementById("espresso-menu");
     let syrupMenu = document.getElementById("syrup-menu");
     let brewedMenu = document.getElementById("brewed-menu");
+    let blendedMenu = document.getElementById("blended-menu");
 
 
 });