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

25
index.html
View File

@ -28,7 +28,7 @@
<p>Starbucks does not have a training
setting on their POS for new partners. Thats stupid!
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>
</div>
@ -40,7 +40,7 @@
<button class="button-primary" data-name="DELETE" data-value="">Delete</button>
</div>
<div id="menu" class="seven columns">
<div id="menu" class="seven columns" data-view="drink-builder">
<div id="options-menu" class="drink-menu">
<h5>Drink Options</h5>
<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>
</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;">
<h5>Drink Recipes</h5>
<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="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="LATTE">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">
<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">Shots</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>

14
js/app.js
View File

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