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

feat: added brewed menu

Browse Source
This commit is contained in:
Joshua Shoemaker 2017-01-30 19:56:07 -06:00
parent 16e2b7343d
commit cc2a2041d9
2 changed files with 38 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@ -28,7 +28,7 @@
<p>Starbucks does not have a training <p>Starbucks does not have a training
setting on their POS for new partners. Thats stupid! setting on their POS for new partners. Thats stupid!
I'm working on it! But only in my spare time. Wanna help? I'm working on it! But only in my spare time. Wanna help?
- <a href="https://github.com/joshuashoemaker/baristaManu">Here's the Repo!</a></p> - <a href="https://github.com/joshuashoemaker/baristaMenu">Here's the Repo!</a></p>
</header> </header>
</div> </div>
@ -40,7 +40,7 @@
<button class="button-primary" data-name="DELETE" data-value="">Delete</button> <button class="button-primary" data-name="DELETE" data-value="">Delete</button>
</div> </div>
<div id="menu" class="seven columns"> <div id="menu" class="seven columns" data-view="drink-builder">
<div id="options-menu" class="drink-menu"> <div id="options-menu" class="drink-menu">
<h5>Drink Options</h5> <h5>Drink Options</h5>
<button class="button-primary" data-name="ICED" data-value="">ICED</button> <button class="button-primary" data-name="ICED" data-value="">ICED</button>
@ -89,9 +89,22 @@
<button class="button-primary" data-name="SIZE" data-value="TRENTA">TRENTA</button> <button class="button-primary" data-name="SIZE" data-value="TRENTA">TRENTA</button>
</div> </div>
<div id="brewed-menu" class="drink-menu" style="display: none;">
<h5>Brewed</h5>
<button class="empty-button" data-name="" data-value="">.</button>
<button class="empty-button" data-name="" data-value="">.</button>
<button class="empty-button" data-name="" data-value="">.</button>
<button class="empty-button" data-name="" data-value="">.</button>
<button class="empty-button" data-name="" data-value="">.</button>
<div id="recipe-menu" class="drink-menu" style="display: none;"> <button class="button-primary" data-name="RECIPE" data-value="POUROVERPPR">POUR OVER PPR</button>
<h5>Drink Recipes</h5> <button class="button-primary" data-name="RECIPE" data-value="POUROVERDARK">POUR OVER DARK</button>
<button class="button-primary" data-name="RECIPE" data-value="POUROVERBLOND">POUR OVER BLOND</button>
<button class="button-primary" data-name="RECIPE" data-value="POUROVERDECAF">POUR OVER DECAF</button>
</div>
<div id="espresso-menu" class="drink-menu" style="display: none;">
<h5>Espresso</h5>
<button class="button-primary" data-name="RECIPE" data-value="ESPRESSO">ESPRESSO</button> <button class="button-primary" data-name="RECIPE" data-value="ESPRESSO">ESPRESSO</button>
<button class="button-primary" data-name="RECIPE" data-value="LATTE">LATTE</button> <button class="button-primary" data-name="RECIPE" data-value="LATTE">LATTE</button>
<button class="button-primary" data-name="RECIPE" data-value="SKINNYLATTE">SKINNY LATTE</button> <button class="button-primary" data-name="RECIPE" data-value="SKINNYLATTE">SKINNY LATTE</button>
@ -128,9 +141,13 @@
<div class="one columns" id="drink-builder-options"> <div class="one columns" id="drink-builder-options">
<h5>Options</h5>
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Decaf</button> <button class="button-default" data-name="CONTROL" data-value="OPTIONS">Decaf</button>
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Shots</button> <button class="button-default" data-name="CONTROL" data-value="OPTIONS">Shots</button>
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Size</button> <button class="button-default" data-name="CONTROL" data-value="OPTIONS">Size</button>
<button class="button-default" data-name="CONTROL" data-value="SYRUP">Syrup</button>
<button class="button-default" data-name="CONTROL" data-value="MILK">Milk</button>
<button class="button-default" data-name="CONTROL" data-value="CUSTOM">Custom</button>
</div> </div>
</div> </div>

14
js/app.js
View File

@ -52,23 +52,33 @@ document.addEventListener('DOMContentLoaded', function(){
drinkOptionsMenu.style.display = "block"; drinkOptionsMenu.style.display = "block";
recipeMenu.style.display = "none"; recipeMenu.style.display = "none";
syrupMenu.style.display = "none"; syrupMenu.style.display = "none";
brewedMenu.style.display = "none";
break; break;
case "RECIPE": case "ESPRESSO":
drinkOptionsMenu.style.display = "none"; drinkOptionsMenu.style.display = "none";
recipeMenu.style.display = "block"; recipeMenu.style.display = "block";
brewedMenu.style.display = "none";
syrupMenu.style.display = "none"; syrupMenu.style.display = "none";
break; break;
case "SYRUP": case "SYRUP":
drinkOptionsMenu.style.display = "none"; drinkOptionsMenu.style.display = "none";
recipeMenu.style.display = "none"; recipeMenu.style.display = "none";
brewedMenu.style.display = "none";
syrupMenu.style.display = "block"; syrupMenu.style.display = "block";
break; break;
case "BREWED":
drinkOptionsMenu.style.display = "none";
recipeMenu.style.display = "none";
syrupMenu.style.display = "none";
brewedMenu.style.display = "block";
break;
} }
} }
let drinkOptionsMenu = document.getElementById("options-menu"); let drinkOptionsMenu = document.getElementById("options-menu");
let recipeMenu = document.getElementById("recipe-menu"); let recipeMenu = document.getElementById("espresso-menu");
let syrupMenu = document.getElementById("syrup-menu"); let syrupMenu = document.getElementById("syrup-menu");
let brewedMenu = document.getElementById("brewed-menu");
}); });