dashboard.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387
  1. const home = require("./home.js");
  2. const ingredients = require("./ingredients.js");
  3. const recipeBook = require("./recipeBook.js");
  4. const analytics = require("./analytics.js");
  5. const orders = require("./orders.js");
  6. const transactions = require("./transactions.js");
  7. const ingredientDetails = require("./ingredientDetails.js");
  8. const newIngredient = require("./newIngredient.js");
  9. const newOrder = require("./newOrder.js");
  10. const newRecipe = require("./newRecipe.js");
  11. const newTransaction = require("./newTransaction.js");
  12. const orderDetails = require("./orderDetails.js");
  13. const recipeDetails = require("./recipeDetails.js");
  14. const transactionDetails = require("./transactionDetails.js");
  15. const Merchant = require("./Merchant.js");
  16. const Ingredient = require("./Ingredient.js");
  17. const Recipe = require("./Recipe.js");
  18. const Order = require("./Order.js");
  19. const Transaction = require("./Transaction.js");
  20. merchant = new Merchant(data.merchant, data.transactions, {
  21. home: home,
  22. ingredients: ingredients,
  23. transactions: transactions,
  24. recipeBook: recipeBook,
  25. analytics: analytics,
  26. orders: orders,
  27. Ingredient: Ingredient,
  28. Recipe: Recipe,
  29. Transaction: Transaction
  30. });
  31. controller = {
  32. sanitaryString: function(str){
  33. let disallowed = ["\\", "<", ">", "$", "{", "}", "(", ")"];
  34. for(let i = 0; i < disallowed.length; j++){
  35. if(str.includes(disallowed[i])){
  36. return false;
  37. }
  38. }
  39. return true;
  40. },
  41. openStrand: function(strand){
  42. this.closeSidebar();
  43. let strands = document.querySelectorAll(".strand");
  44. for(let i = 0; i < strands.length; i++){
  45. strands[i].style.display = "none";
  46. }
  47. let buttons = document.querySelectorAll(".menuButton");
  48. for(let i = 0; i < buttons.length - 1; i++){
  49. buttons[i].classList = "menuButton";
  50. buttons[i].disabled = false;
  51. }
  52. let activeButton = {};
  53. switch(strand){
  54. case "home":
  55. activeButton = document.getElementById("homeBtn");
  56. document.getElementById("homeStrand").style.display = "flex";
  57. home.display();
  58. break;
  59. case "ingredients":
  60. activeButton = document.getElementById("ingredientsBtn");
  61. document.getElementById("ingredientsStrand").style.display = "flex";
  62. ingredients.display();
  63. break;
  64. case "recipeBook":
  65. activeButton = document.getElementById("recipeBookBtn");
  66. document.getElementById("recipeBookStrand").style.display = "flex";
  67. recipeBook.display(Recipe);
  68. break;
  69. case "analytics":
  70. activeButton = document.getElementById("analyticsBtn");
  71. document.getElementById("analyticsStrand").style.display = "flex";
  72. analytics.display(Transaction);
  73. break;
  74. case "orders":
  75. activeButton = document.getElementById("ordersBtn");
  76. document.getElementById("ordersStrand").style.display = "flex";
  77. orders.display(Order);
  78. break;
  79. case "transactions":
  80. activeButton = document.getElementById("transactionsBtn");
  81. document.getElementById("transactionsStrand").style.display = "flex";
  82. transactions.display(Transaction);
  83. break;
  84. }
  85. activeButton.classList = "menuButton active";
  86. activeButton.disabled = true;
  87. if(window.screen.availWidth <= 1000){
  88. this.closeMenu();
  89. }
  90. },
  91. /*
  92. Open a specific sidebar
  93. Input:
  94. sidebar: the outermost element of the sidebar (must contain class sidebar)
  95. */
  96. openSidebar: function(sidebar, data = {}){
  97. this.closeSidebar();
  98. document.getElementById("sidebarDiv").classList = "sidebar";
  99. document.getElementById(sidebar).style.display = "flex";
  100. switch(sidebar){
  101. case "ingredientDetails":
  102. ingredientDetails.display(data);
  103. break;
  104. case "addIngredients":
  105. addIngredients.display(Merchant);
  106. break;
  107. case "newIngredient":
  108. newIngredient.display(Ingredient);
  109. break;
  110. case "recipeDetails":
  111. recipeDetails.display(data);
  112. break;
  113. case "addRecipe":
  114. newRecipe.display(Recipe);
  115. break;
  116. case "orderDetails":
  117. orderDetails.display(data);
  118. break;
  119. case "newOrder":
  120. newOrder.display(Order);
  121. break;
  122. case "transactionDetails":
  123. transactionDetails.display(data);
  124. break;
  125. case "newTransaction":
  126. newTransaction.display(Transaction);
  127. break;
  128. }
  129. if(window.screen.availWidth <= 1000){
  130. document.querySelector(".contentBlock").style.display = "none";
  131. document.getElementById("mobileMenuSelector").style.display = "none";
  132. document.getElementById("sidebarCloser").style.display = "block";
  133. }
  134. },
  135. closeSidebar: function(){
  136. let sidebar = document.getElementById("sidebarDiv");
  137. for(let i = 0; i < sidebar.children.length; i++){
  138. sidebar.children[i].style.display = "none";
  139. }
  140. sidebar.classList = "sidebarHide";
  141. if(window.screen.availWidth <= 1000){
  142. document.querySelector(".contentBlock").style.display = "flex";
  143. document.getElementById("mobileMenuSelector").style.display = "block";
  144. document.getElementById("sidebarCloser").style.display = "none";
  145. }
  146. },
  147. changeMenu: function(){
  148. let menu = document.querySelector(".menu");
  149. let buttons = document.querySelectorAll(".menuButton");
  150. if(!menu.classList.contains("menuMinimized")){
  151. menu.classList = "menu menuMinimized";
  152. for(let i = 0; i < buttons.length; i++){
  153. buttons[i].children[1].style.display = "none";
  154. }
  155. document.getElementById("max").style.display = "none";
  156. document.getElementById("min").style.display = "flex";
  157. }else if(menu.classList.contains("menuMinimized")){
  158. menu.classList = "menu";
  159. for(let i = 0; i < buttons.length; i++){
  160. buttons[i].children[1].style.display = "block";
  161. }
  162. setTimeout(()=>{
  163. document.getElementById("max").style.display = "flex";
  164. document.getElementById("min").style.display = "none";
  165. }, 150);
  166. }
  167. },
  168. openMenu: function(){
  169. document.getElementById("menu").style.display = "flex";
  170. document.querySelector(".contentBlock").style.display = "none";
  171. document.getElementById("mobileMenuSelector").onclick = ()=>{this.closeMenu()};
  172. },
  173. closeMenu: function(){
  174. document.getElementById("menu").style.display = "none";
  175. document.querySelector(".contentBlock").style.display = "flex";
  176. document.getElementById("mobileMenuSelector").onclick = ()=>{this.openMenu()};
  177. },
  178. convertToMain: function(unit, quantity){
  179. let converted = 0;
  180. if(merchant.units.mass.includes(unit)){
  181. switch(unit){
  182. case "g": converted = quantity; break;
  183. case "kg": converted = quantity * 1000; break;
  184. case "oz": converted = quantity * 28.3495; break;
  185. case "lb": converted = quantity * 453.5924; break;
  186. }
  187. }else if(merchant.units.volume.includes(unit)){
  188. switch(unit){
  189. case "ml": converted = quantity / 1000; break;
  190. case "l": converted = quantity; break;
  191. case "tsp": converted = quantity / 202.8842; break;
  192. case "tbsp": converted = quantity / 67.6278; break;
  193. case "ozfl": converted = quantity / 33.8141; break;
  194. case "cup": converted = quantity / 4.1667; break;
  195. case "pt": converted = quantity / 2.1134; break;
  196. case "qt": converted = quantity / 1.0567; break;
  197. case "gal": converted = quantity * 3.7854; break;
  198. }
  199. }else if(merchant.units.length.includes(unit)){
  200. switch(unit){
  201. case "mm": converted = quantity / 1000; break;
  202. case "cm": converted = quantity / 100; break;
  203. case "m": converted = quantity; break;
  204. case "in": converted = quantity / 39.3701; break;
  205. case "ft": converted = quantity / 3.2808; break;
  206. }
  207. }else{
  208. converted = quantity;
  209. }
  210. return converted;
  211. },
  212. /*
  213. Sets certain strands to repopulate everything the next time it is opened
  214. Use for when any data is changed
  215. item = whatever is being updated
  216. */
  217. // updateData: function(item){
  218. // switch(item){
  219. // case "ingredient":
  220. // home.isPopulated = false;
  221. // ingredients.populateByProperty("category");
  222. // break;
  223. // case "recipe":
  224. // transactions.isPopulated = false;
  225. // recipeBook.populateRecipes();
  226. // break;
  227. // case "order":
  228. // orders.populate();
  229. // break;
  230. // case "transaction":
  231. // transactions.isPopulated = false;
  232. // transactions.display(Transaction);
  233. // analytics.newData = true;
  234. // break;
  235. // }
  236. // },
  237. /*
  238. Gets the indices of two dates from transactions
  239. Inputs
  240. transactions: transaction list to find indices on
  241. from: starting date
  242. to: ending date (default to now)
  243. Output
  244. Array containing starting index and ending index
  245. Note: Will return false if it cannot find both necessary dates
  246. */
  247. // transactionIndices(transactions, from, to = new Date()){
  248. // let indices = [];
  249. // for(let i = 0; i < transactions.length; i++){
  250. // if(transactions[i].date < to){
  251. // indices.push(i);
  252. // break;
  253. // }
  254. // }
  255. // for(let i = transactions.length - 1; i >= 0; i--){
  256. // if(transactions[i].date > from){
  257. // indices.push(i);
  258. // break;
  259. // }
  260. // }
  261. // if(indices.length < 2){
  262. // return false;
  263. // }
  264. // return indices;
  265. // },
  266. /*
  267. Converts the price of a unit to $/main unit
  268. unitType = type of the unit (i.e. mass, volume)
  269. unit = exact unit to convert from
  270. price = price of the ingredient per unit in cents
  271. */
  272. convertPrice(unitType, unit, price){
  273. if(unitType === "mass"){
  274. switch(unit){
  275. case "g": break;
  276. case "kg": price /= 1000; break;
  277. case "oz": price /= 28.3495; break;
  278. case "lb": price /= 453.5924; break;
  279. }
  280. }else if(unitType === "volume"){
  281. switch(unit){
  282. case "ml": price *= 1000; break;
  283. case "l": break;
  284. case "tsp": price *= 202.8842; break;
  285. case "tbsp": price *= 67.6278; break;
  286. case "ozfl": price *= 33.8141; break;
  287. case "cup": price *= 4.1667; break;
  288. case "pt": price *= 2.1134; break;
  289. case "qt": price *= 1.0567; break;
  290. case "gal": price /= 3.7854; break;
  291. }
  292. }else if(unitType === "length"){
  293. switch(unit){
  294. case "mm": price *= 1000; break;
  295. case "cm": price *= 100; break;
  296. case "m": break;
  297. case "in": price *= 39.3701; break;
  298. case "ft": price *= 3.2808; break;
  299. }
  300. }
  301. return price;
  302. },
  303. /*
  304. Converts the price of unit back to the price per default unit
  305. unitType = type of the unit (i.e. mass, volume)
  306. unit = exact unit to convert to
  307. price = price of the ingredient per unit in cents
  308. */
  309. reconvertPrice(unitType, unit, price){
  310. if(unitType === "mass"){
  311. switch(unit){
  312. case "g": break;
  313. case "kg": price *= 1000; break;
  314. case "oz": price *= 28.3495; break;
  315. case "lb": price *= 453.5924; break;
  316. }
  317. }else if(unitType === "volume"){
  318. switch(unit){
  319. case "ml": price /= 1000; break;
  320. case "l": break;
  321. case "tsp": price /= 202.8842; break;
  322. case "tbsp": price /= 67.6278; break;
  323. case "ozfl": price /= 33.8141; break;
  324. case "cup": price /= 4.1667; break;
  325. case "pt": price /= 2.1134; break;
  326. case "qt": price /= 1.0567; break;
  327. case "gal": price *= 3.7854; break;
  328. }
  329. }else if(unitType === "length"){
  330. switch(unit){
  331. case "mm": price /= 1000; break;
  332. case "cm": price /= 100; break;
  333. case "m": break;
  334. case "in": price /= 39.3701; break;
  335. case "ft": price /= 3.2808; break;
  336. }
  337. }
  338. return price;
  339. }
  340. }
  341. if(window.screen.availWidth > 1000 && window.screen.availWidth <= 1400){
  342. this.changeMenu();
  343. document.getElementById("menuShifter2").style.display = "none";
  344. }
  345. controller.openStrand("home");