From e1405724aa7036a2e5f8e15b889494ea10acf2b6 Mon Sep 17 00:00:00 2001
From: Avinash Agarwal <agarwalavinash14@gmail.com>
Date: Sun, 21 Apr 2019 12:43:27 +0530
Subject: [PATCH 1/2] remove mod option added in advance options

---
 client/styles/global.scss       | 21 +++++++++++++++++++--
 client/views/create/create.html |  6 +++---
 client/views/create/create.js   | 14 ++++++++------
 client/views/main/main.scss     |  6 ------
 4 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/client/styles/global.scss b/client/styles/global.scss
index 07fa29e7..3cf09467 100644
--- a/client/styles/global.scss
+++ b/client/styles/global.scss
@@ -473,13 +473,30 @@ a {
 	font-weight: 600;
 }
 
-.plusbuttoncontainer {
+.instancemodsminus {
+	cursor: pointer;
+	background-color: red;
+	color: white;
+	text-align: center;
+	font-weight: 600;
+	width: 31px;
+	float: left;
+	height: 30px;
+	margin: 10px;
+	border-radius: 5px;
+	font-size: 23px;
+}
+
+.buttoncontainer {
 	width: 51px;
 	height: 50px;
+	display: inline;
 }
 
 #recent {
 	padding-bottom: 45px;
 }
 
-
+.modinputfield {
+	padding-bottom: 2em;
+}
diff --git a/client/views/create/create.html b/client/views/create/create.html
index c3b235b7..93cc4994 100644
--- a/client/views/create/create.html
+++ b/client/views/create/create.html
@@ -7,9 +7,9 @@
 				<input id="instancedescriptioninput" type="text" placeholder="Description...">
 			</div>
 			<div id="instancebottominputcontainer">
-				<input class="instancemodsinput firstmodinput" type="email" placeholder="Moderator email...">
-				<div class="emptyinputspacer lastinputspacer">
-					<div class="plusbuttoncontainer firstmodinput">
+				<div class="modinputfield">
+					<input class="instancemodsinput firstmodinput" type="email" placeholder="Moderator email...">
+					<div class="buttoncontainer">
 						<div class="instancemodsplus">
 							+
 						</div>
diff --git a/client/views/create/create.js b/client/views/create/create.js
index b9cf1b50..2378eef0 100644
--- a/client/views/create/create.js
+++ b/client/views/create/create.js
@@ -48,19 +48,21 @@ Template.create.events({
     }
   },
   'click .instancemodsplus': function (event, template) {
-    const spacers = document.getElementsByClassName('emptyinputspacer');
-    if (spacers.length < 4) {
-      $('.instancemodsinput').removeClass('lastmodinput');
-      $('.plusbuttoncontainer').removeClass('lastmodinput');
+    const modfields = document.getElementsByClassName('modinputfield');
+    if (modfields.length < 4) {
       $('.instancemodsplus').remove();
-      $('<input class="instancemodsinput lastmodinput" type="text" placeholder="Moderator email..."><div class="emptyinputspacer lastinputspacer"><div class="plusbuttoncontainer"><div class="instancemodsplus">+</div></div></div>').insertAfter('.lastinputspacer').last();
-      $('.lastinputspacer').first().removeClass('lastinputspacer');
+      $('.buttoncontainer').last().append('<div class="instancemodsminus" >x</div>');
+      $('<div class="modinputfield"><input class="instancemodsinput" type="text" placeholder="Moderator email..."><div class="buttoncontainer"><div class="instancemodsplus">+</div></div></div>').insertAfter($('.modinputfield').last());
       $('#instancebottominputcontainer').height((index, height) => (height + 50));
     } else {
       showCreateError("You've reached the maximum # of moderators (4).");
       return false;
     }
   },
+  'click .instancemodsminus': function (event, template) {
+    event.originalEvent.path[2].remove();
+    $('#instancebottominputcontainer').height((index, height) => (height - 50));
+  },
   'click #buttonarea': function (event, template) {
     if (!Meteor.user()) {
       return false;
diff --git a/client/views/main/main.scss b/client/views/main/main.scss
index d597b9db..adf1312d 100644
--- a/client/views/main/main.scss
+++ b/client/views/main/main.scss
@@ -53,12 +53,6 @@ $screen-md: 992px;
 	border-bottom: 1px solid #e3e3e3;
 }
 
-.emptyinputspacer {
-	float: right;
-	height: 2em;
-}
-
-
 .instancemodsinput {
 	float: left;
 	width: 70%;

From c19f5a46e37550e196dc303f88bcd637dab02183 Mon Sep 17 00:00:00 2001
From: Avinash Agarwal <agarwalavinash14@gmail.com>
Date: Sun, 21 Apr 2019 16:34:27 +0530
Subject: [PATCH 2/2] basic logic added for input field of adv options

---
 client/views/create/create.html |  2 +-
 client/views/create/create.js   | 18 ++++++++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/client/views/create/create.html b/client/views/create/create.html
index 93cc4994..43a6d9ae 100644
--- a/client/views/create/create.html
+++ b/client/views/create/create.html
@@ -8,7 +8,7 @@
 			</div>
 			<div id="instancebottominputcontainer">
 				<div class="modinputfield">
-					<input class="instancemodsinput firstmodinput" type="email" placeholder="Moderator email...">
+					<input class="instancemodsinput" type="email" placeholder="Moderator email...">
 					<div class="buttoncontainer">
 						<div class="instancemodsplus">
 							+
diff --git a/client/views/create/create.js b/client/views/create/create.js
index 2378eef0..5f05e8ca 100644
--- a/client/views/create/create.js
+++ b/client/views/create/create.js
@@ -49,11 +49,21 @@ Template.create.events({
   },
   'click .instancemodsplus': function (event, template) {
     const modfields = document.getElementsByClassName('modinputfield');
+    let addinputfield = true;
     if (modfields.length < 4) {
-      $('.instancemodsplus').remove();
-      $('.buttoncontainer').last().append('<div class="instancemodsminus" >x</div>');
-      $('<div class="modinputfield"><input class="instancemodsinput" type="text" placeholder="Moderator email..."><div class="buttoncontainer"><div class="instancemodsplus">+</div></div></div>').insertAfter($('.modinputfield').last());
-      $('#instancebottominputcontainer').height((index, height) => (height + 50));
+      for (let inputindex = 0; inputindex < modfields.length; inputindex++) {
+        if (modfields[inputindex].children[0].value === '') {
+          showCreateError('Fill in the exisitng input fields before creating a new one.');
+          addinputfield = false;
+          break;
+        }
+      }
+      if (addinputfield === true) {
+        $('.instancemodsplus').remove();
+        $('.buttoncontainer').last().append('<div class="instancemodsminus" >x</div>');
+        $('<div class="modinputfield"><input class="instancemodsinput" type="text" placeholder="Moderator email..."><div class="buttoncontainer"><div class="instancemodsplus">+</div></div></div>').insertAfter($('.modinputfield').last());  
+        $('#instancebottominputcontainer').height((index, height) => (height + 50));
+      }
     } else {
       showCreateError("You've reached the maximum # of moderators (4).");
       return false;