More fruitless efforts on the calendar. I tried. #69

basic.html

@@ -66,7 +66,7 @@ <h1>RECIPE BOOK</h1>
 
     }
   </script>
-  <!--<script>
+  <script>
     require('./planner.js');
-  </script>-->
+  </script>
 </html>

caleandar.js

@@ -8,12 +8,6 @@ $( document ).ready(function() {
   caleandar(element, events, settings);
 });
 
-//document.getElementById('addEvent').addEventListener('click', function(){
-//	ipcRenderer.send('addEvent', '');
-//})
-
-//ipcRenderer.on
-
 var Calendar = function(model, options, date){
   // Default Values
   this.Options = {
@@ -332,18 +326,18 @@ document.getElementById('addEvent').addEventListener('click', function(){
 	console.log("hello");
 	ipcRenderer.send('addEvent', "");
 })
-*/
+
 ipcRenderer.on('addEvent', (event, arg) => {
   if(arg.length === 0){
     var empty = document.createElement("P");
     empty.innerHTML = "No recipes added yet";
     document.form.appendChild(empty);
-}
+  }
   else{
     for(var i = 0; i < arg.length; i++){
 	var newRecipe = document.createElement("BUTTON");
 	newRecipe.innerHTML = arg[i];
 	document.form.appendChild(newRecipe);
     }
   }
-})
+})*/

main.js

@@ -260,18 +260,16 @@ ipcMain.on('display_recipe', (event, arg, returnarr) => {
     display_recipe = arg; 
     searcharr = returnarr;
 })
-/*
-ipcMain.on('mealPlanner', (event, arg) => {
+
+ipcMain.on('Planner', (event, arg) => {
     var recipenames = [];
     RecipeMap.forEach(function (item, index){
 	recipenames.push(index);
     })
-    for(var i = 0; i < recipenames.length(); i++){
-	console.log(recipenames[i]);
-    }
+
     event.sender.send('addEvent', recipenames);
 })
-*/
+
 ipcMain.on('display_recipe_ready', (event, arg) => {
     event.sender.send('random_recipe_return', display_recipe);
 })
@@ -280,4 +278,4 @@ ipcMain.on('redirect', (event) => {
     if(searcharr !== 0){
         event.sender.send('recipe', searcharr);
     }
-})
+})

planner.html

@@ -84,10 +84,20 @@
 	    <br>
 		  </center>
 	  </form>
-	  <button class="button" id="addEvent">Add a meal</button>
+	  <div id="buttons">
+	  </div>
+	  <center>
+		  <font color="white">Please select recipe to make on this day.</font>
+
+	  </center>
+	  <br>
+	  <br>
+	  <button class="button" id="addEvent">Add this meal</button>
 	  <button class="button" onclick="location.href='basic.html'">Back</button>
 	</body>
 
-
+	<script>
+	  require('./planner2.js');
+	</script>
 
 </html>

planner.js

@@ -1,4 +1,6 @@
 //placeholder file for the js needed for meal planner
 const { ipcRenderer } = require('electron');
 
-
+document.getElementById('mealPlanner').addEventListener('click', function(){
+	ipcRenderer.send('Planner', "");
+})

planner2.js

@@ -0,0 +1,20 @@
+const{ ipcRenderer } = require('electron');
+const{ remote } = require('electron');
+currWindow = remote.getCurrentWindow();
+window.$ = window.jQuery = require('jquery');
+
+ipcRenderer.on('addEvent', (event, arg ) => {
+  console.log("in event function");
+  if(arg.length === 0){
+    var empty = document.createElement("div");
+    empty.innerHTML = "No recipes added yet";
+    document.form.appendChild(empty);
+  }
+  else{
+    for(var i = 0; i < arg.length; i++){
+      var newRecipe = document.createElement("div");
+      newRecipe.innerHTML = arg[i];
+      document.getElementById("buttons").appendChild(newRecipe);
+    }
+  }
+})

random.js

@@ -46,7 +46,7 @@ ipcRenderer.on('random_recipe_return', (event, arg ) => {
 		prep.textContent = "Prep Time: " + arg.prep;
 		course.textContent = "Course: " + arg.course;
 		img.innerHTML = "<img src = images/" +  arg.img + ' width="512" height="360"> </img>'
-		console.log(img);
+		//console.log(img);
 
         for(let i = 0; i < arg.ingredients.length; i++){
 			if(i == arg.ingredients.length - 1){