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:
ysandler 2017-01-30 19:56:07 -06:00 committed by Joshua Shoemaker
parent f2a3c5d0a2
commit abf0bd5080
2 changed files with 38 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
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>
<button class="button-primary" data-name="RECIPE" data-value="POUROVERPPR">POUR OVER PPR</button>
<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="recipe-menu" class="drink-menu" style="display: none;"> <div id="espresso-menu" class="drink-menu" style="display: none;">
<h5>Drink Recipes</h5> <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>
@ -127,11 +140,15 @@
<div class="one columns" id="drink-builder-options"> <div class="one columns" id="drink-builder-options">
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Decaf</button> <h5>Options</h5>
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Shots</button> <button class="button-default" data-name="CONTROL" data-value="OPTIONS">Decaf</button>
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Size</button> <button class="button-default" data-name="CONTROL" data-value="OPTIONS">Shots</button>
</div> <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>

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