ysandler/baristaMenu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added beverages menu

Browse Source
This commit is contained in:
ysandler 2017-02-05 21:05:15 -06:00 committed by Joshua Shoemaker
parent 7258272ca0
commit 77b6f492a4
2 changed files with 58 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
index.html
View File

@ -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>

12
js/app.js
View File

@ -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");
});