First commit

card.html

+
+    	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+  					
+  			<br><br><br>		
+  			
+  			<div class="row">
+  				<div class="col-sm-offset-1 col-sm-3">
+  					
+					<div class="row">
+						<div class="col">
+							<div class="thumbnail">
+								<div class="caption">
+									<h4 class="pannel-heading text-center">Tips on Milestones</h4>
+									<hr>
+									<ul>
+										<li>These are the milestones of the students involved in this experience.</li>
+										<br>
+										<li>Once your moments have been answered you can track the impact these milestones had on the students' answers, if any.</li>
+										<br>
+										<li>You can create new milestones with the plus button.</li>
+									</ul>
+								</div>
+							</div>
+						</div>
+					</div>
+  						
+  				</div><!--col-sm-4-->
+  			</div><!--row-->
+			

css/style.css

+@import url(https://fonts.googleapis.com/css?family=Roboto);
+/* GLOBALS */
+body {
+  margin: 0;
+  font-family: Avenir, Helvetica, sans-serif;
+  line-height: 1.5;
+}
+
+a, a:hover, a:focus, a:active {
+  text-decoration: none;
+  color: #fff;
+}
+
+.modal {
+  overflow-y: auto;
+}
+
+/* HEADER */
+#main-header {
+  min-height: 8rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 2;
+  background: rgba(255, 255, 255, 0.7);
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+  -webkit-backdrop-filter: blur(10px);
+          backdrop-filter: blur(10px);
+}
+
+#logo {
+  font-size: 1.7em;
+  text-decoration: none;
+  color: #606060;
+  height: initial;
+  padding: 0.3em 1em;
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 155px;
+}
+
+#logo:hover,
+#logo:active,
+#logo:focus {
+  color: #333;
+}
+
+#account {
+  padding: 0.3em 1em;
+}
+
+.nav-link {
+  font-size: 1.2em;
+  padding: calc(1em / 2) 1em;
+  text-decoration: none;
+  color: #333;
+  position: relative;
+  -webkit-transition: color 150ms ease-in-out;
+  transition: color 150ms ease-in-out;
+}
+
+.nav-link:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  height: 2px;
+  left: 1em;
+  right: 1em;
+  background-color: #606060;
+  -webkit-transform: scaleX(0);
+          transform: scaleX(0);
+  -webkit-transition: -webkit-transform 150ms ease-in-out;
+  transition: -webkit-transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
+}
+
+.nav-link:hover::after,
+.nav-link:focus::after,
+.nav-link:active::after {
+  -webkit-transform: scaleX(1);
+          transform: scaleX(1);
+}
+
+.nav-link:hover,
+.nav-link:focus,
+.nav-link:active {
+  color: #606060;
+}
+
+.sign-out {
+  padding: 0.5em 1em;
+  background-color: #217ce4;
+  color: #fff;
+  text-decoration: none;
+  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05), -1px 1px 2px 1px rgba(0, 0, 0, 0.02);
+          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05), -1px 1px 2px 1px rgba(0, 0, 0, 0.02);
+  -webkit-transition-property: background-color, -webkit-box-shadow;
+  transition-property: background-color, -webkit-box-shadow;
+  transition-property: background-color, box-shadow;
+  transition-property: background-color, box-shadow, -webkit-box-shadow;
+  -webkit-transition-duration: 150ms;
+          transition-duration: 150ms;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
+}
+
+.sign-out:hover,
+.sign-out:focus,
+.sign-out:active {
+  background-color: #3d88df;
+  -webkit-box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
+}
+
+/* GOOGLE BUTTON */
+.google-button {
+  height: 40px;
+  border-width: 0;
+  background: #fff;
+  color: #737373;
+  border-radius: none;
+  white-space: nowrap;
+  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05), -1px 1px 2px 1px rgba(0, 0, 0, 0.02);
+          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05), -1px 1px 2px 1px rgba(0, 0, 0, 0.02);
+  -webkit-transition-property: background-color, -webkit-box-shadow;
+  transition-property: background-color, -webkit-box-shadow;
+  transition-property: background-color, box-shadow;
+  transition-property: background-color, box-shadow, -webkit-box-shadow;
+  -webkit-transition-duration: 150ms;
+          transition-duration: 150ms;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.google-button:focus,
+.google-button:hover {
+  -webkit-box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+}
+
+.google-button:active {
+  background-color: #e5e5e5;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition-duration: 10ms;
+          transition-duration: 10ms;
+}
+
+.google-button__icon {
+  margin: 5px;
+  width: 18px;
+  height: 18px;
+}
+
+.google-button__text {
+  padding: 0 12px;
+  font-size: 14px;
+  font-family: 'Roboto', Arial, sans-serif;
+}
+
+/* (EXPERIENCES PAGE) MAIN SECTION */
+#experience-main {
+  background-color: #606060;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-height: calc(90vh - 8rem - 10vh);
+  padding: 3em 5em;
+}
+
+#experience-main h3 {
+  color: #606060;
+}
+
+.experience-lead {
+  color: #fff;
+  font-size: 2em;
+  margin: 0 0 2em 0;
+  border-bottom: #fff;
+  border-bottom-width: 3px;
+  border-bottom-style: solid;
+}
+
+#experience-content {
+  display: -ms-grid;
+  display: grid;
+  grid-gap: 2em;
+  -ms-grid-columns: 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr;
+  margin-bottom: 1em;
+}
+
+.grid-box {
+  background-color: #fff;
+  height: 15em;
+  width: 15em;
+  border-radius: 15px;
+  -webkit-box-shadow: 1px 1px 3px 1px #333;
+          box-shadow: 1px 1px 3px 1px #333;
+  -ms-grid-column-align: center;
+      justify-self: center;
+  padding: 3em 2em;
+  position: relative;
+  -webkit-transition: -webkit-transform 150ms ease-in-out;
+  transition: -webkit-transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
+  cursor: pointer;
+}
+
+.grid-box .box-title {
+  color: #333;
+  font-size: 1.5em;
+  margin-bottom: 2em;
+}
+
+.grid-box .box-dates {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  color: #606060;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+
+.grid-box .box-weeks {
+  color: #606060;
+}
+
+.grid-box .box-edit {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  font-size: 1.5em;
+  background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#e4e1d7));
+  background-image: linear-gradient(to bottom right, #fff, #e4e1d7);
+  /*radial-gradient(circle 200px at bottom right, #fff, $background-color); */
+  height: 2em;
+  width: 2em;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border-bottom-right-radius: 15px;
+}
+
+.grid-box .box-edit a {
+  color: #217ce4;
+}
+
+.grid-box .box-weeks.warning {
+  color: #c83631;
+  font-size: 1.1em;
+}
+
+.grid-box#new-experience {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.grid-box#new-experience span {
+  color: #217ce4;
+  font-size: 5em;
+}
+
+.grid-box#new-experience h4 {
+  color: #606060;
+  margin: 0;
+}
+
+.grid-box:hover {
+  -webkit-transform: translateY(-5px);
+          transform: translateY(-5px);
+}
+
+/* WELCOME SECTION */
+#welcome {
+  margin-top: 8rem;
+  min-height: 25rem;
+  background: #333 url(../img/cytonn-photography-GJao3ZTX9gU-unsplash.jpeg) no-repeat top left;
+  background-size: cover;
+  position: relative;
+  background-blend-mode: screen;
+  border-bottom: 3px solid #f0c873;
+}
+
+#welcome-text {
+  position: absolute;
+  bottom: 2.6rem;
+  left: 5vw;
+  width: 30%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+#welcome-image {
+  height: 75px;
+  width: 75px;
+  border-radius: 50%;
+  margin-bottom: 15px;
+  border: 2px solid #fff;
+  -webkit-box-shadow: 1px 1px 10px 0px #222;
+          box-shadow: 1px 1px 10px 0px #222;
+}
+
+#welcome-user {
+  color: #fff;
+  text-shadow: 1px 1px 5px #222;
+  font-size: 3rem;
+  margin: 0;
+}
+
+/* (LOGIN PAGE) MAIN SECTION */
+#home-main {
+  background-color: #606060;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  min-height: calc(80vh - 8rem - 10vh);
+  padding: 2.5em 2em;
+  color: #fff;
+}
+
+#home-main h3 {
+  font-size: 1.7em;
+  font-weight: 900;
+}
+
+#home-main p {
+  font-size: 1.3em;
+}
+
+#main-sidebar {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding-left: 2em;
+}
+
+#main-sidebar h3 {
+  font-weight: 700;
+}
+
+#main-sidebar ul {
+  margin: 0;
+  padding-left: 1em;
+}
+
+#main-sidebar li {
+  list-style: none;
+  font-size: 1.3em;
+}
+
+#main-sidebar a {
+  opacity: 0.7;
+  text-decoration: none;
+}
+
+#main-sidebar a.active,
+#main-sidebar a:hover,
+#main-sidebar a:focus,
+#main-sidebar a:active {
+  opacity: 1;
+}
+
+.main-content {
+  -webkit-box-flex: 3;
+      -ms-flex: 3;
+          flex: 3;
+  overflow: hidden;
+}
+
+.main-content-box {
+  display: none;
+}
+
+.main-content-box.show {
+  display: initial;
+}
+
+.main-content-box #team-images {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-columns: (1fr)[2];
+      grid-template-columns: repeat(2, 1fr);
+  gap: 1em;
+  justify-items: center;
+  margin: 2em 0;
+}
+
+.main-content-box #team-images img {
+  height: 100px;
+  width: 100px;
+  border-radius: 50%;
+  border: 2px #fff solid;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
+}
+
+#contact-info {
+  margin-left: 3.5rem;
+  opacity: 0.8;
+}
+
+.login-hr {
+  border-width: 4px;
+  border-radius: 3px;
+}
+
+/* SHOWCASE */
+#showcase {
+  margin-top: 8rem;
+  min-height: calc(100vh - 8rem);
+  background: #333 url(../img/andrew-neel-cckf4TsHAuw-unsplash.jpeg) no-repeat left top;
+  background-size: cover;
+  position: relative;
+  background-blend-mode: screen;
+  border-bottom: 3px #f0c873 solid;
+}
+
+#showcase-text {
+  position: absolute;
+  top: 10vh;
+  right: 5vw;
+  width: 40%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  text-shadow: 1px 1px 5px #222;
+}
+
+#showcase-heading {
+  font-size: 3em;
+  color: #fff;
+  width: 100%;
+  margin-bottom: 0.25em;
+  text-align: right;
+}
+
+#showcase-link {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+
+#showcase-link a {
+  color: #fff;
+  font-size: 1.8em;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+#showcase-link a:hover {
+  text-decoration: none;
+}
+
+/* (EXPERIENCE PAGE) SHOWCASE SECTION */
+#view-experience-showcase {
+  background-color: #606060;
+  margin-top: 8rem;
+  color: #fff;
+  border-bottom: 3px solid #f0c873;
+}
+
+#view-experience-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  height: 100%;
+  max-width: 18em;
+  margin: 0 auto;
+}
+
+#experience-pen {
+  color: #fff;
+  background-color: #217ce4;
+  border-radius: 15px;
+  padding: 0.75em;
+  font-size: 2em;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
+  cursor: pointer;
+  -webkit-transition: -webkit-transform 150ms ease-in-out;
+  transition: -webkit-transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
+}
+
+#experience-pen:hover,
+#experience-pen:focus,
+#experience-pen:active {
+  -webkit-transform: translateY(-5px);
+          transform: translateY(-5px);
+}
+
+#view-experience-tabs {
+  font-size: 1.2em;
+  margin: 1em 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+
+#view-experience-tabs a {
+  font-size: 1.2em;
+  padding: 0 1em;
+  text-decoration: none;
+  position: relative;
+  -webkit-transition: opacity 150ms ease-in-out;
+  transition: opacity 150ms ease-in-out;
+  opacity: 0.6;
+  font-weight: bold;
+}
+
+#view-experience-tabs a:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  height: 1px;
+  left: 1em;
+  right: 1em;
+  background-color: #fff;
+  -webkit-transform: scaleX(0);
+          transform: scaleX(0);
+  -webkit-transition: -webkit-transform 150ms ease-in-out;
+  transition: -webkit-transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out;
+  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
+}
+
+#view-experience-tabs a:hover::after,
+#view-experience-tabs a:focus::after,
+#view-experience-tabs a:active::after,
+#view-experience-tabs a.active::after {
+  -webkit-transform: scaleX(1);
+          transform: scaleX(1);
+}
+
+#view-experience-tabs a.active,
+#view-experience-tabs a:hover,
+#view-experience-tabs a:focus,
+#view-experience-tabs a:active {
+  opacity: 1;
+}
+
+/* (EXPERIENCE PAGE) MAIN SECTION */
+.main-content-box#calendar,
+.main-content-box#questionnaires,
+.main-content-box#moments,
+.main-content-box#milestones {
+  min-height: calc(80vh - 8rem - 10vh);
+}
+
+#view-experience-content {
+  background-color: #fff;
+  min-height: calc(100vh - 8rem);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+/* FOOTER */
+#main-footer {
+  background: #2e2e2e;
+  color: #fff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-height: 10vh;
+  padding: 1.5em;
+  border-top: 3px solid #f0c873;
+}
+
+#main-footer p {
+  margin: 0;
+  font-size: 1.2em;
+}
+
+#main-footer a {
+  color: #aaa;
+  text-decoration: none;
+}
+
+#main-footer a:hover,
+#main-footer a:active,
+#main-footer a:focus {
+  color: #fff;
+  text-decoration: underline;
+}
+
+/* MEDIA QUERIES */
+@media (max-width: 768px) {
+  #showcase {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+  #showcase-text {
+    position: initial;
+    min-width: 70%;
+  }
+  #showcase-heading {
+    text-align: center;
+  }
+  #showcase-link {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+  }
+  #main-sidebar {
+    display: none;
+  }
+  .main-content-box {
+    display: initial;
+  }
+  #view-experience-buttons {
+    margin: 1rem auto;
+  }
+  #experience-lead {
+    text-align: center;
+  }
+  #experience-content {
+    -ms-grid-columns: 1fr 1fr;
+        grid-template-columns: 1fr 1fr;
+  }
+}
+
+@media (max-width: 580px) {
+  #experience-lead h2 {
+    margin: 20px auto 10px auto;
+  }
+  #experience-content {
+    -ms-grid-columns: 1fr;
+        grid-template-columns: 1fr;
+  }
+}
+
+@media (min-width: 1080px) {
+  #experience-content {
+    -ms-grid-columns: (1fr)[4];
+        grid-template-columns: repeat(4, 1fr);
+  }
+}
+/*# sourceMappingURL=style.css.map */

error.php

+<?php		
+		
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	include_once 'header.php';
+		
+?>
+	<!-- START OF home.php -->
+	<body style="min-height: 100vh; display: flex; align-items: center;">
+	
+		<div class='container text-center'>
+			<h1>Error</h1>
+			<h4>That's odd, something went wrong!</h4>
+			<p style='color: red;'>Redirecting you back to login page<span id="dots">...</span></p>
+		</div>
+		
+		<script>
+			var numDots = 3;
+			var dots = document.getElementById('dots');
+			setInterval(function() {
+				if(dots.innerText === "...") {
+					dots.innerText = ".";
+				} else if(dots.innerText === ".") {
+					dots.innerText = "..";
+				} else if(dots.innerText === "..") {
+					dots.innerText = "...";
+				}
+			}, 500);
+		</script>
+		
+	</body>
+	<!-- END OF home.php -->
+</html>
+<?php
+
+	header('Refresh: 3; https://tania.uprrp.edu/admin_nuevo/processes/logout.php');
+	ob_end_flush();
+	
+?>

footer.php

+    	<footer id="main-footer">
+    	    <p>Copyright &copy; <a href="https://cdcc.uprrp.edu">CDCC</a> (<span id="copyrightDate"></span>)</p>
+    	    <p>Universidad de Puerto Rico</p>
+    	    <p>Recinto de Río Piedras</p>
+    	</footer>
+
+    	<script src="js/main.js" defer></script>
+    	
+	</body>
+</html>

funciones.php

+<?php
+
+function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") {
+  $theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;
+  switch ($theType) {
+    case "text":
+      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
+      break;    
+    case "long":
+    case "int":
+      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
+      break;
+    case "double":
+      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
+      break;
+    case "date":
+      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
+      break;
+    case "defined":
+      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
+      break;
+  }
+  return $theValue;
+}
+
+function presentaPregsRangoSelect($min_val,$min_text,$max_val,$max_text,$id_q)
+{
+	//print $id_q;
+	print('<select class="form-control" name="question'.$id_q.'" required>');
+	print('<option></option>');
+	print('<option value="'.$min_val.'">'.$min_val." - ".$min_text.'</option>');
+	print("\n");
+	for($i=$min_val+1;$i<($max_val);$i++)
+	{
+		print('<option value="'.$i.'">'.$i.'</option>');
+		print($i);
+		print("\n");
+	}
+	print('<option value="'.$max_val.'">'.$max_val." - ".$max_text.'</option>');
+	print("\n");
+	print("</select>");
+	print("\n");
+}
+
+function presentaPregsRangoSlider($min_val,$min_text,$max_val,$max_text,$id_q)
+{
+	//print('<div class="slidecontainer">');
+	print('<input type="range" class="form-control-range slider" value="0" min="'.$min_val.'" max="'.$max_val.'" name="question'.$id_q.'" id="question'.$id_q.'" required>');
+	print('<div class="row">');
+	
+    print('<div class="col-4">');
+	print("<small>$min_text</small>");
+	print('</div>');
+    print('<div class="col-4 text-center">');
+	print('<span id="val'.$id_q.'"></span>');
+	print('</div>');
+    print('<div class="col-4 text-right">');
+	print("<small>$max_text</small>");
+	print('</div>');
+	print('</div>');
+	
+	print('
+	<script>
+	var slider'.$id_q.' = document.getElementById("question'.$id_q.'");
+	var output'.$id_q.' = document.getElementById("val'.$id_q.'");
+	output'.$id_q.'.innerHTML = slider'.$id_q.'.value;
+
+	slider'.$id_q.'.onclick = function() {
+	  output'.$id_q.'.innerHTML = this.value;
+	}
+	</script>
+	');
+	//print('</div>');
+}
+
+function presentaPregsRangoRadio($min_val,$min_text,$max_val,$max_text,$id_q)
+{
+	print('<div class="row-sm">');
+	print('<div class="form-check">');
+	print('<input class="form-check-input" type="radio" name="question'.$id_q.'" id="radio'.$min_val.'" value="'.$min_val.'" required>');
+	print('<label class="form-check-label" for="radio'.$min_val.'">'.$min_val.' - '.$min_text.'</label>');
+	print('</div>');
+
+	for($i=$min_val+1;$i<($max_val);$i++)
+	{
+		print('<div class="form-check">');
+		print('<input class="form-check-input" type="radio" name="question'.$id_q.'" id="radio'.$i.'" value="'.$i.'">');
+		print('<label class="form-check-label" for="radio'.$i.'">'.$i.'</label>');
+		print('</div>');
+	}
+	print('<div class="form-check">');
+	print('<input class="form-check-input" type="radio" name="question'.$id_q.'" id="radio'.$max_val.'" value="'.$max_val.'">');
+	print('<label class="form-check-label" for="radio'.$max_val.'">'.$max_val.' - '.$max_text.'</label>');
+	print('</div>');
+	print('</div>');
+
+}
+
+function presentaPregsRangoRadio2($min_val,$min_text,$max_val,$max_text,$id_q)
+{
+	print('<div class="row-sm">');
+    print('<div class="col">');
+	print('<div class="form-check form-check-inline">');
+	print('<input class="form-check-input" type="radio" name="question'.$id_q.'" id="radio'.$min_val.'" value="'.$min_val.'">');
+	print('</div>');
+	print('</div>');
+
+	for($i=$min_val+1;$i<($max_val);$i++)
+	{
+    print('<div class="col">');
+		print('<div class="form-check form-check-inline">');
+		print('<input class="form-check-input" type="radio" name="question'.$id_q.'" id="radio'.$i.'" value="'.$i.'">');
+		print('</div>');
+	print('</div>');
+	}
+
+    print('<div class="col">');
+	print('<div class="form-check form-check-inline">');
+	print('<input class="form-check-input" type="radio" name="question'.$id_q.'" id="radio'.$max_val.'" value="'.$max_val.'">');
+	print('</div>');
+	print('</div>');
+
+	print('</div>');
+	print('<div class="row-sm">');
+    print('<div class="col">');
+	print('<label class="form-check-label" for="radio'.$min_val.'">'.$min_val.' - '.$min_text.'</label>');
+	print('</div>');
+	for($i=$min_val+1;$i<($max_val);$i++)
+	{
+    print('<div class="col">');
+		print('<label class="form-check-label" for="radio'.$i.'">'.$i.'</label>');
+	print('</div>');
+	}
+    print('<div class="col">');
+	print('<label class="form-check-label" for="radio'.$max_val.'">'.$max_val.' - '.$max_text.'</label>');
+	print('</div>');
+
+	print('</div>');
+
+}
+?>

header.php

+<?php ob_start(); ?>
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="ie=edge">
+		<title>TANIA</title>
+		
+    	<!-- BOOTSTRAP STYLE IMPORT -->
+    	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+    	
+    	<!-- JQUERY IMPORT-->
+    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
+    	
+		<!-- BOOTSTRAP JS IMPORT -->
+    	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+    	
+    	<!-- FONTAWESOME IMPORT -->
+    	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css">
+    	
+		<!-- APP ICON IMPORT -->
+		<!-- <link rel="icon" type="image/png" href="img/pen_1024x1024.png" sizes="1024x1024"> -->
+    	<link rel="icon" type="image/png" href="img/pen_800x800.png" sizes="800x800">
+    	
+		<!-- FULLCALENDAR IMPORT -->
+    	<link rel="stylesheet" href="processes/fullcalendar/packages/core/main.css">
+    	<link rel="stylesheet" href="processes/fullcalendar/packages/daygrid/main.css">
+    	<link rel="stylesheet" href="processes/fullcalendar/packages/timegrid/main.css">
+<!-- <link href="https://unpkg.com/@fullcalendar/core/main.min.css"> -->
+<!-- <link href="https://unpkg.com/@fullcalendar/daygrid/main.min.css"> -->
+
+    	<!-- CUSTOM STYLES -->
+    	<link rel="stylesheet" href="css/style.css">
+    	
+    	<style>
+    	
+textarea {
+	resize: vertical;
+}
+
+:root {
+	--size: 12px;
+	/* 15px for btn-xl */
+	/* 15px for btn-lg */
+	/* 12px for btn-md */
+	/* 10px for btn-sm */
+	/* 5px for btn-xs */
+	--period: 750ms;
+	--color: #3498db;
+	--bg-color: white;
+	--thinness: 5;
+	/* 10 is okay */
+}
+
+.loader {
+	display: inline-block;
+	width: 12px;
+	height: 12px;
+	position: relative;
+	margin-right: calc(12px / 2);
+}
+
+.loader:before, .loader:after {
+	content: "";
+	position: absolute;
+	left: 0; /* make sure it's inside the box */
+	width: 100%;
+	height: 100%;
+	border-radius: 100%;
+	border: calc(12px / 5) solid transparent;
+	border-top-color: #3498db;
+}
+
+.loader:before {
+	z-index: 100;
+	animation: spin 750ms infinite;
+}
+
+.loader:after {
+	border: calc(12px / 5) solid white;
+}
+
+@keyframes spin {
+	0% {
+		-webkit-transform: rotate(0deg);
+		-ms-transform: rotate(0deg);
+		-o-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+
+	100% {
+		-webkit-transform: rotate(360deg);
+		-ms-transform: rotate(360deg);
+		-o-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+    	
+    	</style>
+
+		<script>
+// Enable tooltips
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip();
+});
+		</script>
+	</head>
+<?php
+
+	//if(!empty($_SESSION) && !isset($_SESSION['error'])): //IF USER IS LOGGED IN (WITHOUT ANY ERROR)
+	//endif;
+
+	ini_set('display_errors', 1);
+	ini_set('display_startup_errors', 1);
+	error_reporting(E_ALL);
+?>

home.php

+<?php
+	
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	require_once 'processes/checkLogin.php';
+	include_once 'header.php';
+	
+	// RETRIEVE USER'S NAME AND PICTURE
+	$query1 = "SELECT * FROM `researcher` WHERE `email` = '" . $_SESSION['email'] . "';";
+	$result1 = mysqli_query($connection, $query1);
+	$dbUserData = mysqli_fetch_assoc($result1);
+	
+	// IF USER NOT IN DATABASE, EXIT
+	if($result1->num_rows !== 1) {
+		exit();
+	}
+	
+?>
+	<!-- START OF home.php -->
+	<body>
+
+    	<header id="main-header">
+        	<a id="logo" href=".">
+				TANIA
+            	<img src="./img/pen_800x800.png" alt="tania logo pen" width="25" height="25">
+        	</a>
+        	<div id="account">
+        	    <a class="nav-link" href="./questionnaires.php">Questionnaire Collection</a>
+        	    <a class="sign-out" href="./processes/logout.php">Sign Out</a>
+        	</div>
+    	</header>
+
+
+    	<section id="welcome">
+        	<div id="welcome-text">
+        	    <img id="welcome-image" src="<?php echo $dbUserData["picture"]; ?>" alt="User">
+        	    <h2 id="welcome-user">Welcome <?php echo explode(" ", $dbUserData['name'])[0]; ?></h2>
+        	</div>
+    	</section>
+
+
+    	<main id="experience-main">
+    	
+        	<div class="experience-lead">
+        	    <h2>Manage Your Experiences</h2>
+        	</div>
+        	
+        	<div id="experience-content">
+
+				<!--change to #New when using experience as templates has been implemented-->
+            	<div class="grid-box" id="new-experience" onclick="nextModal('#New_2')">
+                	<span class="fas fa-plus"></span>
+                    <h4>New</h4>
+            	</div>
+
+<?php
+	// WARNING: CHANGE QUERY TO INCLUDE "`id_researcher`='".$dbUserData['id_researcher']."';"
+	$query2 = "SELECT * FROM `experience`;";
+	$result2 = mysqli_query($connection, $query2);
+	
+	// IF USER HAS EXPERIENCES, SHOW ALL OF THEM
+	// ELSE PROMPT USER TO CREATE A NEW EXPERIENCE
+	if($result2->num_rows > 0): // USER HAS EXPERIENCE (STANDARD PAGE)
+?>
+
+				<?php while($row = mysqli_fetch_array($result2)): ?>
+
+            	<div class="grid-box" onclick="location='viewExperience.php?view=<?php echo $row['id']; ?>'">
+            	
+            		<?php if(mb_strlen($row['title']) == 0): ?>
+                	<span class="box-title" onclick="location='viewExperience.php?view=<?php echo $row['id']; ?>'"><small>N/A</small></span>
+            		<?php elseif(mb_strlen($row['title']) < 21): ?>
+                	<span class="box-title" onclick="location='viewExperience.php?view=<?php echo $row['id']; ?>'"><?php echo $row['title']; ?></span>
+                	<?php else: ?>
+<!--style="white-space: nowrap;"--><span class="box-title" onclick="location='viewExperience.php?view=<?php echo $row['id']; ?>'"><?php echo substr($row['title'], 0, 30)."<small>...</small>"; ?></span>
+                	<?php endif; ?>
+                	
+                	<div class="box-dates" onclick="location='viewExperience.php?view=<?php echo $row['id']; ?>'">
+                	    <p style="margin-bottom: 0;">• Starts: <?php echo date("M j, Y", strtotime($row['start_date'])); ?></p>
+                	    <p>• Ends: <?php echo date("M j, Y", strtotime($row['end_date'])); ?></p>
+                	</div>
+                	
+                	<?php 
+                		$x = (strtotime($row['end_date']) - strtotime('now')) / 604800;
+                		if($x <= 0):
+                	?>
+                	<span class="box-weeks warning">Finished</span>
+                	<?php else: ?>
+                	<span class="box-weeks"><?php echo round($x); ?> week<?php if(round($x) > 1) echo 's'; ?> remaining</span>
+                	<?php endif; ?>
+                	<span class="box-edit" style="background: none;">
+                	    <a>
+                	        <i class="fas fa-pen"></i>
+                	    </a>
+                	</span>
+
+            	</div>
+	
+            	<?php endwhile; ?>
+
+<?php else: // USER DOESN'T HAVE EXPERIENCES YET (ALTERNATE PAGE) ?>
+
+				<script> setTimeout(() => $('#FirstTime').modal('show'), 1000); </script>
+		
+<?php endif; ?>
+
+			</div>
+			
+			<br><br>
+			
+		</main>
+
+
+
+		<!-- POPUP FOR FIRST TIME -->
+		<div class='modal fade' id='FirstTime' tabindex='-1' role='dialog' aria-labelledby='FirstTimeLabel' aria-hidden='true'>
+			<div class='modal-dialog modal-sm' role='document'>
+ 				<div class='modal-content'>
+ 					<div class='modal-body'>
+ 						
+ 						
+ 						<!-- CLOSE BUTTON -->
+ 						<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
+						
+						<div class="row text-center">
+							<h3>You don't have any experiences yet!</h3>
+						
+							<h5>Press below to create a new one!</h5>
+						
+							<button type="button" class='btn btn-default' data-dismiss='modal' onclick="nextModal('#New_2')">New</button>
+						</div>
+ 								
+       		
+     		 		</div><!--modal-body-->
+    			</div><!--modal-content-->
+  			</div><!--modal-dialog-->
+		</div><!--modal-->
+
+
+<!--
+		<!~~ POPUP FOR NEW EXPERIENCE 1 ~~>
+		<div class='modal fade' id='New' tabindex='-1' role='dialog' aria-labelledby='NewLabel' aria-hidden='true'>
+			<div class='modal-dialog modal-sm' role='document'>
+ 				<div class='modal-content'>
+ 					<div class='modal-body'>
+ 						
+ 						
+ 						<!~~ CLOSE BUTTON ~~>
+ 						<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
+						
+						<h4 class='text-center'>Want to add another experience?</h4>
+						
+						<!~~ CHOOSE: BRAND NEW EXPERIENCE OR USE A TEMPLATE~~>
+						<div class='row text-center'>
+							<div class='btn-group'>
+								<button type="button" class='btn btn-default' data-dismiss="modal" onclick="nextModal('#New_2')">Brand New</button>
+								<a href='#' class='btn btn-default'>Use Template</a>
+							</div>
+						</div>
+						<br>
+ 						
+ 						
+      				</div><!~~modal-body~~>
+    			</div><!~~modal-content~~>
+  			</div><!~~modal-dialog~~>
+		</div><!~~modal~~>
+-->
+
+		
+<form id="newExperience"><!--method='POST' action='processes/insertExperience.php'-->
+		<!-- POPUP FOR NEW EXPERIENCE 2 -->
+		<div class='modal fade' id='New_2' tabindex='-1' role='dialog' aria-labelledby='NewLabel_2' aria-hidden='true'>
+			<div class='modal-dialog modal-lg' role='document'>
+ 				<div class='modal-content'>
+ 				
+ 					<div class='modal-body'>
+ 						
+ 						
+ 						
+ 						<!-- CLOSE BUTTON -->
+ 						<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
+						
+						<div class='row'>
+							<div class='col-sm-10'>
+								<h2>Brand New Experience <small>(Basic Info)</small></h2>
+<!-- 								<h3><small>Start creating a new experience by first adding its basic info.</small></h3> -->
+							</div>
+						</div><!--row--> 						
+
+						<hr><br>
+
+	
+						<div class="form-horizontal">
+	
+							<!-- TITLE -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_title'>Title:</label>
+								<div class='col-sm-9'>
+									<input type='text' class='form-control text-center' id='e_title' name='title' placeholder='Title' maxlength="60" required>
+								</div>
+							</div>
+				
+							<!-- DESCRIPTION -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_description'>Description:</label>
+								<div class='col-sm-9'>
+									<textarea class='form-control text-center' id='e_description' name='description' rows='1' style='resize:vertical;' placeholder='Description' maxlength="100" required></textarea>
+								</div>
+							</div>
+				
+							<!-- TYPE -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_description'>Type:</label>
+								<div class='col-sm-9'>
+									<select class="form-control text-center" style="text-align-last: center;" id='e_type' name='type' required>
+										<option selected value="Course-Based Research">Course-Based Research</option>
+										<option value="Independent Research">Independent Research</option>
+									</select>
+								</div>
+							</div>
+				
+							<!-- DURATION -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_description'>Duration:</label>
+								<div class='col-sm-9'>
+									<input type='number' class='form-control text-center' id='e_duration' name='duration' placeholder='Duration' min="0" required readonly>
+								</div>
+							</div>
+				
+							<!-- START DATE -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_start'>Start Date:</label>
+								<div class='col-sm-9'>
+									<input type='date' class='form-control text-center' id='e_start' name='start' placeholder="YYYY-MM-DD" required>
+								</div>
+							</div>
+				
+							<!-- END DATE -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_end'>End Date:</label>
+								<div class='col-sm-9'>
+									<input type='date' class='form-control text-center' id='e_end' name='end' placeholder="YYYY-MM-DD" required>
+								</div>
+							</div>
+				
+							<!-- INSTITUTION -->
+							<div class='form-group'>
+								<label class='control-label col-sm-2' for='e_institution'>Institution:</label>
+								<div class='col-sm-9'>
+									<select class="form-control" id='e_institution' name='institution' style='width:100%; text-align-last: center;' required>
+										<option disabled selected value>Institution</option>
+										<?php
+											$query = "SELECT * FROM `institution`;";
+											$result = mysqli_query($connection, $query);
+											while($row = mysqli_fetch_assoc($result)):
+										?>
+										<option value='<?php echo $row['id']; ?>'><?php echo $row['name']; ?></option>
+										<?php endwhile; ?>
+									</select>
+								</div>
+							</div>
+
+
+							<br><hr style="width: 80%"><br><br>
+
+							
+							<!-- EXPIRY TIME -->
+							<div class='form-group'>
+								<label class='control-label col-sm-3' for='e_description'>Expiry Time:</label>
+								<div class='col-sm-7 input-groupd'>
+									<select class="form-control" style="text-align-last: center;" id="expiry_time" name="expiry_time" required>
+										<option selected value="30">30 min</option>
+										<option value="60">1 hour</option>
+										<option value="120">2 hours</option>
+										<option value="180">3 hours</option>
+<!-- 										<option value="240">4 hours</option> -->
+<!-- 										<option value="300">5 hours</option> -->
+										<option value="360">6 hours</option>
+										<option value="720">12 hours</option>
+										<option value="1080">18 hours</option>
+										<option value="1440">1 day</option>
+										
+									</select>
+								</div>
+							</div>
+							
+						</div>
+						
+						<br>
+						
+						<!--. Each Moment will need to have a <strong>predetermined expiry time</strong>; -->
+						<p class='alert alert-warning text-justify' style="width: 80%; margin: 0 auto;">We require that you specify a <strong>Moment Expiry Time</strong>. That is, the amount of time you, the researcher, will allot your subjects to answer a given Moment. The <strong>minimum</strong> we allow is 30 min, while the <strong>maximum</strong> is a whole day. Please keep in mind you should provide your subjects </strong>enough time</strong> so that they are allowed to answer properly, but do not allocate <strong>excessive time</strong>, as your subjects' answers may vary greatly with time.</p>
+
+						<br>
+			
+			
+
+		<!-- ERROR ALERT FOR USER -->			
+	<div id="error-newExperience" class="row" style="display: none;">
+		<div class="col-sm-12">
+			<div class="alert alert-danger mb-1" role="alert">
+				<h4 class="error-lead">Error!</h4>
+				<p class="error-description"></p>
+			</div>
+		</div>
+	</div>
+			
+			
+      				</div><!--modal-body-->
+      				
+      				<!-- SUBMIT OR CANCEL -->
+     				<div class='modal-footer'>
+       					<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>
+        				<button type='submit' class='btn btn-primary' name='newExperience'>Create</button>
+<!--         				<button type='button' class='btn btn-primary' data-dismiss='modal' onclick="nextModal('#New_3')">Next</button> -->
+      				</div>
+      				
+    			</div><!--modal-content-->
+  			</div><!--modal-dialog-->
+		</div><!--modal-->
+</form><!--form-->
+
+
+
+
+
+
+
+
+
+
+
+
+
+		<script src="js/home.js"></script>
+		<script src="js/handleSubmit.js"></script>
+
+
+<script>
+
+		
+		["newExperience"].forEach(function(formName) {
+			
+			var form = document.getElementById(formName);
+			
+			if(form) {
+				form.addEventListener('submit', function(e) {
+					handleSubmit(e, formName);
+				});
+			}
+			
+		});
+
+
+		window.onload = function() {
+
+			// Start Date
+			setStartDateRange();
+	
+			// End Date
+			startDate.addEventListener('change', setEndDateRange);
+	
+			// Duration
+			startDate.addEventListener('change', setDuration);
+			endDate.addEventListener('change', setDuration);
+			
+		}		
+
+		</script>
+
+		<!-- END OF home.php -->
+
+
+<?php include_once 'footer.php'; ?>

img/google.svg

+<svg viewBox="0 0 366 372" xmlns="http://www.w3.org/2000/svg">
+    <path d="M125.9 10.2c40.2-13.9 85.3-13.6 125.3 1.1 22.2 8.2 42.5 21 59.9 37.1-5.8 6.3-12.1 12.2-18.1 18.3l-34.2 34.2c-11.3-10.8-25.1-19-40.1-23.6-17.6-5.3-36.6-6.1-54.6-2.2-21 4.5-40.5 15.5-55.6 30.9-12.2 12.3-21.4 27.5-27 43.9-20.3-15.8-40.6-31.5-61-47.3 21.5-43 60.1-76.9 105.4-92.4z" fill="#EA4335"/>
+    <path d="M20.6 102.4c20.3 15.8 40.6 31.5 61 47.3-8 23.3-8 49.2 0 72.4-20.3 15.8-40.6 31.6-60.9 47.3C1.9 232.7-3.8 189.6 4.4 149.2c3.3-16.2 8.7-32 16.2-46.8z" fill="#FBBC05"/>
+    <path d="M361.7 151.1c5.8 32.7 4.5 66.8-4.7 98.8-8.5 29.3-24.6 56.5-47.1 77.2l-59.1-45.9c19.5-13.1 33.3-34.3 37.2-57.5H186.6c.1-24.2.1-48.4.1-72.6h175z" fill="#4285F4"/>
+    <path d="M81.4 222.2c7.8 22.9 22.8 43.2 42.6 57.1 12.4 8.7 26.6 14.9 41.4 17.9 14.6 3 29.7 2.6 44.4.1 14.6-2.6 28.7-7.9 41-16.2l59.1 45.9c-21.3 19.7-48 33.1-76.2 39.6-31.2 7.1-64.2 7.3-95.2-1-24.6-6.5-47.7-18.2-67.6-34.1-20.9-16.6-38.3-38-50.4-62 20.3-15.7 40.6-31.5 60.9-47.3z" fill="#34A853"/>
+</svg>

index.php

+<?php
+	
+	require_once 'processes/config.php';
+	
+	// IF USER IS ALREADY LOGGED IN, REDIRECT TO home.php
+	// ELSE PROMPT USER TO LOG IN
+	if(!empty($_SESSION)) {
+		header('Location: home.php');
+		exit();
+	}
+	
+	include_once 'header.php';
+	
+?>
+	<!-- START OF index.php -->
+	<body>
+		<header id="main-header">
+        	<a id="logo" href=".">
+				TANIA
+            	<img src="img/pen_800x800.png" alt="tania logo pen" width="25" height="25">
+        	</a>
+	        <div id="account">
+    	        <button class="google-button" onclick="window.location='<?php echo $loginURL; ?>'">
+    	            <img class="google-button__icon" src="img/google.svg" alt="Google">
+    	            <span class="google-button__text">Sign in with Google</span>
+    	        </button>
+    	    </div>
+    	</header>
+	
+  	  	<section id="showcase">
+   	     	<div id="showcase-text">
+    	        <div id="showcase-heading">
+                	Momentary Assesment Research Made Simple
+   	         	</div>
+    	        <div id="showcase-link">
+     	           <a onclick="window.location='<?php echo $loginURL; ?>'">Get Started</a>
+     	       </div>
+    	    </div>
+   	 	</section>	
+   	 	
+		<main id="home-main">
+        	<div id="main-sidebar">
+            	<h3>About</h3>
+        	    <ul>
+            	    <li><a href="#what-we-do" class="active">What We Do</a></li>
+                	<li><a href="#team">Team</a></li>
+	                <li><a href="#contact">Contact</a></li>
+    	        </ul>
+    	    </div>
+
+    	    <div class="main-content">
+    	    
+        	    <div id="what-we-do" class="main-content-box show">
+	                <h3>The problem</h3>
+    	            <p>Most research on REUs rely on retrospective recollection of experiences often limited by memory and conditioned to recall bias, where information is selectively withheld or revealed.</p>
+        	        <h3>Our proposal</h3>
+                	<p>To improve the evaluation strategies of REUs, we propose using Momentary Assessments Research Learning Environments (MARLE), a method used in clinical psychology to repeatedly sample momentary behaviors in real time within the natural environment of an experience or intervention.</p>
+                	<br>
+                	<hr class="login-hr">
+                	<br>
+            	</div>
+
+            	<div id="team" class="main-content-box">
+                	<h3>We are a team of professors and students</h3>
+                	<div id="team-images">
+                	    <img src="img/juan.png" alt="Juan">
+						<!-- <img src="img/ivonne.png" alt="Ivonne"> -->
+                	    <img src="img/CDCC.png" alt="CDCC" style="background-color: #eee; padding: 5px;">
+                	    <!-- <img src="./img/victor.jpg" alt="Víctor" style="height: 100px; width: 100px; border-radius: 50%;"> -->
+                		<!-- <img src="./img/hector.jpg" alt="Héctor" style="height: 100px; width: 100px; border-radius: 50%;"> -->
+                    	<!-- <img src="./img/tatiana.jpg" alt="Tatiana" style="height: 100px; width: 100px; border-radius: 50%;"> -->
+                    	<!-- <img src="./img/coralys.jpg" alt="Coralys" style="height: 100px; width: 100px; border-radius: 50%;"> -->
+                    	<!-- <img src="./img/carlos.jpg" alt="Carlos" style="height: 100px; width: 100px; border-radius: 50%;"> -->
+                	</div>
+					<!-- Dr. Ivonne Vele (Department of Education) -->
+                	<p>This is the result of a collaboration between Dr. Juan Ramírez (Department of Biology), and the CDCC at the University of Puerto Rico, Río Piedras Campus.</p>
+                	<br>
+                	<hr class="login-hr">
+                	<br>
+            	</div>
+
+            	<div id="contact" class="main-content-box">
+            	    <h3>Contact Us</h3>
+            	    <p>Care to use TANIA? Or just curious about the project? Whichever may be the case, don't hesitate to contact Dr. Juan Ramírez!</p>
+            	    <br>
+            	    <div id="contact-info">
+            	    <p>17 Ave. Universidad STE 1701 San Juan, PR 00925-2537</p>
+            	    <p>787.764.0000 Ext. 88341, 88349 Fax:787.773.1717</p>
+            	    <p>juan.ramirez3@upr.edu</p>
+            	    </div>
+            	    <br>
+            	    <hr class="login-hr hidden-xs">
+            	    <br>
+            	</div>
+            	
+            	<br><br><br>
+            	
+        	</div>
+    	</main>
+    	
+    	<script src="js/index.js"></script>
+    	
+		<!-- END OF index.php -->
+		
+<?php include_once 'footer.php'; ?>

js/editQuestion.js

+$('#EditQuestion').on('show.bs.modal', function(event) {
+  var tableRow = $(event.relatedTarget);
+  var questionNumber = $(tableRow).data('question-number');
+//   var questionnaireID = $(tableRow).data('questionnaire-id');
+  var questionID = $(tableRow).data('question-id');
+  var premise = $(tableRow).data('premise');
+  var type = $(tableRow).data('type');
+  var min_text = $(tableRow).data('min_text');
+  var max_val = $(tableRow).data('max_val');
+  var max_text = $(tableRow).data('max_text');
+  var categoryID = $(tableRow).data('categoryid');
+  var subcategoryID = $(tableRow).data('subcategoryid');
+  var modal = $(this);
+  
+//   console.log('questionNumber' + questionNumber);
+//   console.log('questionnaireID' + questionnaireID);
+//   console.log('questionID' + questionID);
+//   console.log('premise' + premise);
+//   console.log('type' + type);
+//   console.log('min_text' + min_text);
+//   console.log('max_val' + max_val);
+//   console.log('max_text' + max_text);
+//   console.log('categoryID' + categoryID);
+//   console.log('subcategoryID' + subcategoryID);
+//   console.log(modal);
+  
+  deleteModal = $('#Delete');
+  deleteModal.find('.modal-body [name=questionID]').val(questionID);
+  deleteModal.find('.modal-body .question-number').text(questionNumber);
+
+  modal.find('.modal-body .question-number').text(questionNumber);  
+//   modal.find('.modal-body input[name="questionnaireID"]').val(questionnaireID);
+  modal.find('.modal-body input[name="questionID"]').val(questionID);
+  modal.find('.modal-body input[name="update_q_premise"]').val(premise);
+  modal.find('.modal-body select[name="update_q_type"]').val(type);
+  // min_val not necessary (always 1)
+  modal.find('.modal-body input[name="update_min_text"]').val(min_text);
+  modal.find('.modal-body input[name="update_max_val"]').val(max_val);
+  modal.find('.modal-body input[name="update_max_text"]').val(max_text);
+  modal.find('.modal-body select[name="update_q_category"]').val(categoryID);
+  modal.find('.modal-body select[name="update_q_subcategory"]').val(subcategoryID);
+
+
+  if(type === 2) {
+    modal.find('.modal-body .range').css('display', 'none');
+  } else if(type === 1) {
+  	modal.find('.modal-body .range').css('display', 'block');
+  }
+
+  
+});

js/handleSubmit.js

+function handleSubmit(event, formName) {
+
+	// Prevent naive submit
+	event.preventDefault();
+
+
+	// Fetch error description element
+	var errorDescription = document.querySelector('#error-'+formName+' .error-description');
+	var submitButton = document.querySelector('#'+formName+' button[type="submit"]');
+
+
+	// Disable button and start "Loading" state
+	submitButton.disabled = true;
+	submitButton.classList.remove('btn-danger');
+	submitButton.classList.add('btn-primary');
+	submitButton.innerHTML = '<div class="loader"></div>Loading...';
+
+
+	// Fetch all input from form
+	var fields = {};
+	$("form#" + formName).find("input, textarea, select, button[type='submit']").each(function() {
+		var input = $(this);
+		fields[input.attr('name')] = input.val();
+	});
+
+
+	// Construct request URL (make sure to use http or https accordingly)
+	var baseURI = document.location.protocol + "//tania.uprrp.edu/admin_nuevo/processes/";
+	var fullURI = baseURI;
+
+	switch(formName) {
+	
+		// home.php
+		case "newExperience":
+			fullURI += "insertExperience.php";
+			break;
+		
+		// viewExperience.php
+		case "editForm":
+			fullURI += "updateExperience.php";
+			break;
+		case "newQuestionnaire":
+			fullURI += "insertQuestionnaire.php";
+			break;
+		case "newMoment":
+		 	fullURI += "insertMoment.php";
+		 	break;
+		case "newMilestone":
+			fullURI += "insertMilestone.php";
+			break;
+		
+		// viewQuestionnaire.php
+		case "updateQuestionnaire":
+			fullURI += "updateQuestionnaire.php";
+			break;
+		case "deleteQuestionnaire":
+			fullURI += "deleteQuestionnaire.php";
+			break;
+		case "newQuestion":
+			fullURI += "insertQuestionToQuestionnaire.php";
+			break;
+		case "deleteQuestion":
+			fullURI += "deleteQuestion.php";
+			break;
+		
+		// viewMoment.php
+		case "updateMoment":
+			fullURI += "updateMoment.php";
+			break;
+		case "deleteMoment":
+			fullURI += "deleteMoment.php";
+			break;
+		case "removeQuestionFromMoment":
+			fullURI += "removeQuestionFromMoment.php";
+			break;
+		case "addExistingQuestionToMoment":
+			fullURI += "addExistingQuestionToMoment.php";
+			break;
+		
+		// Both viewMoment.php and viewQuestionnaire.php
+		case "updateQuestion":
+			fullURI += "updateQuestion.php";
+			break;
+			
+
+		
+		default:
+			fullURI = document.location.protocol + '//tania.uprrp.edu/admin_nuevo/test.php';
+			
+	}
+
+// 	console.log(JSON.stringify(fields) + "\n" + fullURI);
+
+
+	// Use fullURI to make POST request w/ jQuery,
+	// Wait for response (start "Loading" state),
+	// Act according to error or success
+			
+//	!!!!!! SHOULD ADD TIMEOUT TO REQUESTS TO !!!!!!!
+	$.post(fullURI, fields)
+		.done(function(data, text) {
+				
+			console.log(data + "and" + text);
+
+			// Fetch needed elements
+			let alert = document.querySelector('#error-'+formName+' .alert');
+			let errorLead = document.querySelector('#error-'+formName+' .error-lead');
+
+
+			// Clear errors and change message to "Success"
+			errorDescription.remove();
+			errorLead.innerText = "Success!";
+			errorLead.style.marginBottom = "0";
+
+
+			// Change alert style to "Success"
+			alert.classList.remove('alert-danger');
+			alert.classList.add('alert-success');
+
+
+			// Change button style to "Success"
+			submitButton.classList.remove('btn-primary');
+			submitButton.classList.add('btn-success');
+			submitButton.innerHTML = '<span class="glyphicon glyphicon-ok"></span> Success!';// could use &#10004;
+
+
+			// Reload page
+			setTimeout(function() {
+			
+				let deleteForms = ["deleteQuestionnaire", "deleteMoment", "deleteExperience"];
+			
+				if(deleteForms.includes(formName)) {
+					history.back(); // go back to viewExperience page (remember we don't know the ID of the experience it came from)
+				} else {
+					location.reload();
+				}
+				
+			}, 250);
+
+		})
+		.fail(function(request, status, error) {
+				
+			console.log(request.responseText);
+			console.log(status);
+			console.log(error);
+	
+			// Fetch needed elements
+			let alertContainer = document.getElementById('error-'+formName);
+					
+			// If response is not a JSON, or if JSON doesn't have "error" field, say so
+			// else, dynamically update error message according to server
+			if(!isJSON(request.responseText) || JSON.parse(request.responseText).error === undefined) {
+				errorDescription.innerText = "Something went wrong on our side! Please try again later.";
+			} else {
+				errorDescription.innerText = JSON.parse(request.responseText).error;
+			}
+
+			// Change button style to "Retry"
+			submitButton.innerHTML = "Retry";
+			submitButton.disabled = false;
+					
+			// Display alert
+			alertContainer.style.display = "initial";
+
+		});
+// 		.always(function(data, textStatus, errorThrown) {
+// 			console.log(data);
+// 			console.log(textStatus);
+// 			console.log(errorThrown);
+// 		});
+
+}

js/home.js

+///// !!! home.php !!! /////
+
+
+
+// Target the input fields to be updated
+let startDate = document.querySelector('input[name=start]');
+let endDate = document.querySelector('input[name=end]');
+let duration = document.querySelector('input[name=duration]');
+
+
+
+// For new experiences, the minimum start date is tomorrow and the maximum is a year from tomorrow
+function setStartDateRange() {
+
+	/* Compute the today, tomorrow and the year after tomorrow */
+// 	let today = new Date();
+// 	today.setHours(0, 0, 0, 0); // (default to 00:00:00)
+// 	let tomorrow = new Date(today);
+// 	tomorrow.setDate(tomorrow.getDate() + 1);
+// 	let aYearFromTomorrow = new Date(tomorrow);
+// 	aYearFromTomorrow.setDate(aYearFromTomorrow.getDate() + 365);
+
+	// Set minimum start date to tomorrow
+// 	startDate.min = tomorrow.toLocaleDateString();
+	
+	// Set maximum start date to a year from tomorrow
+// 	startDate.max = aYearFromTomorrow.toLocaleDateString();
+
+	if(!isNaN(Date.parse(startDate.value)) && !isNaN(Date.parse(endDate.value))) {
+		if(Date.parse(startDate.value) > Date.parse(endDate.value)) {
+			endDate.value = startDate.value;
+		}
+	}
+	
+}
+
+
+
+// For new experiences, the minimum end date is the day after the start date and the maximum is a year from the minimum end date
+function setEndDateRange() {
+	
+	/* Compute the day after the start date value, and the year after that */
+// 	let dayAfterStart = new Date(startDate.value);
+// 	dayAfterStart.setDate(dayAfterStart.getDate() + 1 + 1); // (additional 1 necessary because of line above, apparent 0-indexing)
+// 	let aYearFromMinimumEnd = new Date(dayAfterStart);
+// 	aYearFromMinimumEnd.setDate(aYearFromMinimumEnd.getDate() + 365);
+	
+	// Set minimum end date to the day after the start date
+// 	endDate.min = dayAfterStart.toLocaleDateString();
+	
+	// Set maximum end date to a year from the minimum end date
+// 	endDate.max = aYearFromMinimumEnd.toLocaleDateString();
+
+	if(!isNaN(Date.parse(startDate.value)) && !isNaN(Date.parse(endDate.value))) {
+		if(Date.parse(startDate.value) > Date.parse(endDate.value)) {
+			startDate.value = endDate.value;
+		}
+	}
+
+}
+
+
+
+// For new experiences, the duration (in weeks) will be the rounded weeks from start to end dates
+function setDuration() {
+
+	// Calculate the duration in weeks
+	x = new Date(startDate.value);
+	x.setDate(x.getDate() + 1); // (additional 1 necessary because of line above, apparent 0-indexing)
+	y = new Date(endDate.value);
+	y.setDate(y.getDate() + 1); // (additional 1 necessary because of line above, apparent 0-indexing)
+	
+	duration.value = String(Math.max(Math.round((y - x) / 604800000), 0)); // (1000 * 60 * 60 * 24 * 7 = 604800000)
+
+}
+
+

js/index.js

+///// !!! index.php !!! /////
+
+// Get tab links and tab panes
+let tabLinks = document.querySelectorAll('#main-sidebar a');
+let tabPanes = document.querySelectorAll('.main-content-box');
+
+
+
+// Add event listener to all tab links
+tabLinks.forEach(tabLink => {
+	tabLink.addEventListener('click', tabChange);
+});
+
+
+
+// Add selected link style and remove those who were not selected
+function tabChange(e) {
+
+    e.preventDefault();
+    
+    // Change the style of the links
+    tabLinks.forEach(tabLink => {
+    	if(tabLink === e.target) {
+    		tabLink.classList.add('active');
+    	} else {
+    		tabLink.classList.remove('active');
+    	}
+    });
+
+    // Change the opacity of each of the panes
+    tabPanes.forEach(tabPane => {
+    	if(tabPane.id === e.target.hash.substring(1)) {
+			tabPane.classList.add('show');
+    	} else {
+			tabPane.classList.remove('show');
+    	}
+    });
+
+}

js/main.js

+///// !!! GLOBAL FUNCTIONS !!! /////
+
+
+
+// CHECKS THAT STRINGS ARE JSON
+function isJSON(item) {
+
+// 	item = (typeof item !== "string")
+// 		? JSON.stringify(item)
+// 		: item;
+
+    try {
+        item = JSON.parse(item);
+    } catch (e) {
+        return false;
+    }
+
+    return (typeof item === "object" && item !== null);
+
+}
+
+
+
+// MODAL SWITCHING FUNCTION (home.php & viewExperience.php)
+function nextModal(name) {
+	$('[data-toggle="tooltip"]').tooltip('hide');
+	setTimeout(() => $(name).modal('show'), 100);
+}
+
+
+
+// Disable 'enter' key from submitting forms
+// $('form').keypress(function(event){ if (event.which == '13') { event.preventDefault(); } } );
+// $('[form]:not(button[form])').keypress(function(event){ if (event.which == '13') { event.preventDefault(); } } );
+
+
+
+// NUMBER INPUT SANITIZATION (home.php & viewExperience.php)
+$('input[type="number"]').on('change keyup', () => {
+
+	// Remove invalid characters
+	var sanitized = $(this).val().replace(/[^0-9]/g, '');
+	
+	// Update value
+	$(this).val(sanitized);
+	
+});
+
+
+
+// DATE INPUT DATEPICKER (home.php & viewExperience.php)
+// Taken from: http://www.javascriptkit.com/javatutors/createelementcheck2.shtml
+// If browser doesn't support input type="date", load files for jQuery UI Date Picker
+let testDateField = document.createElement("input");
+
+testDateField.setAttribute("type", "date");
+
+if(testDateField.type != "date") {
+	
+	// First load the CSS ("base" theme) for the calendar
+	document.write('<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n');
+	
+	// Then load the calendar functionality
+    document.write('<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>\n');
+   	
+   	// Initialize date picker widget (on document.ready)
+   	// Help: https://jqueryui.com/datepicker/#min-max
+   	window.onload = () => {
+   		if($('input[type="date"]').length !== 0) {
+	   		jQuery(($) => $('input[type="date"]').datepicker({ minDate: 0, maxDate: "+1Y"}));
+   		}
+	}
+	
+}
+
+
+
+// FOOTER COPYRIGHT YEAR
+let date = new Date().getFullYear();
+document.getElementById('copyrightDate').innerHTML = date;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// !!! FROM HERE ON DOWN, THERE'S ONLY OLD CODE !!! //
+
+
+
+// Declaration and initialization of the "naming counter" 
+var selectionCounter = 2;
+
+// WHEN WANTING TO ADD MULTIPLE QUESTIONNAIRES TO AN EXPERIENCE (newExperience.php and editExperience.php)
+function AddQuestionnaire() {
+
+    // We add two linebreaks so that there is space between each dropdown list
+    var br = document.createElement('br');
+    document.getElementById('addQuestionnaires').appendChild(br);
+    br = document.createElement('br');
+    document.getElementById('addQuestionnaires').appendChild(br);
+        
+    // We create a copy of the dropdown list we already have, so multiple questions can be added at the same time
+    var select = document.getElementById('questionnaire');
+    var clone = select.cloneNode(true);
+        
+    // The clones will have the same name as the original but with a number that will distinguish them
+    var name = select.getAttribute('name') + selectionCounter++;
+    clone.id = name;
+    clone.setAttribute('name', name);
+    document.getElementById('addQuestionnaires').appendChild(clone);
+    //document.getElementById("demo").innerHTML = selectionCounter;
+}
+
+// Reinitialization of the "naming counter"
+selectionCounter = 2;
+
+// WHEN WANTING TO ADD MULTIPLE QUESTIONS TO A QUESTIONNAIRE (newQuestionnaire.php and editQuestionnaire.php)
+function AddQuestion() { 
+    
+    // We add a linebreak so that there is space between each dropdown list
+    var br = document.createElement("br");
+    document.getElementById("addQuestions").appendChild(br)
+    var br2 = document.createElement("br");
+    document.getElementById("addQuestions").appendChild(br2)
+
+    // We create a copy of the dropdown list we already have, so multiple questions can be added at the same time.
+    var select = document.getElementById("question");
+    var clone = select.cloneNode(true);
+
+    // The clones will have the same name as the original but with a number that will distinguish them
+    var name = select.getAttribute("name") + selectionCounter++;
+    clone.id = name;
+    clone.setAttribute("name", name)
+    document.getElementById("addQuestions").appendChild(clone)
+    //document.getElementById("demo").innerHTML = selectionCounter;  	
+}
+

js/viewExperience.js

+///// !!! viewExperience.php !!! /////
+
+
+
+// Get tab links and tab panes
+let tabLinks = document.querySelectorAll('#view-experience-tabs a');
+let tabPanes = document.querySelectorAll('.main-content-box');
+
+
+
+// Add event listener to all tab links
+// tabLinks.forEach(tabLink => {
+// 	tabLink.addEventListener('click', tabChange);
+// });
+window.onload = tabChange;
+window.onhashchange = tabChange;
+
+
+
+// Add selected link style and remove those who were not selected
+function tabChange() {
+
+	let hash = document.location.hash;
+	
+	validHashes = ['#calendar', '#questionnaires', '#moments', '#milestones'];
+	
+	if(!validHashes.includes(hash)) {
+		hash = '#calendar';
+	}
+
+    // Change the style of the links
+    tabLinks.forEach(tabLink => {
+    	if(tabLink.hash === hash) {//tabLink === e.target
+    		tabLink.classList.add('active');
+    	} else {
+    		tabLink.classList.remove('active');
+    	}
+    });
+
+    // Change the opacity of each of the panes
+    tabPanes.forEach(tabPane => {
+    	if(tabPane.id === hash.substring(1)) {// tabPane.id === e.target.hash.substring(1)
+			tabPane.classList.add('show');
+    	} else {
+    		tabPane.classList.remove('show');
+    	}
+    });
+    
+    // Re-render calendar
+    if(calendar && hash === '#calendar') {
+    	calendar.render();
+    }
+
+}
+
+		
+		
+
+
+
+
+
+
+
+
+function newThing(e) {
+	let type = e.currentTarget.value;
+	let range = e.currentTarget.parentNode.parentNode.parentNode.nextElementSibling; // get the 4 (optional) inputs for scaled-type questions
+	range.style.display = (type === "1") ? 'block' : 'none'; // "1" corresponds to scaled questions
+}
+	
+	
+	
+// Add Question to Questionnaire							
+var Questions = 1;
+function addQuestion() {
+	// We add a linebreak so that there is space between each dropdown list
+	var br = document.createElement("br");
+	document.querySelector('#q'+Questions).parentElement.lastElementChild.previousElementSibling.previousElementSibling.insertAdjacentElement('afterend', br);
+
+	// We create a copy of the dropdown list we already have, so multiple questions can be added at the same time.
+	var newQuestion = document.getElementById("q"+Questions);
+	var clone = newQuestion.cloneNode(true);
+
+	//The clones will have the same name as the original but with a number that will distinguish them
+	var newName = 'q' + Number(Questions + 1);
+	clone.id = newName;
+								
+	document.querySelector('#q'+Questions).parentElement.lastElementChild.previousElementSibling.previousElementSibling.insertAdjacentElement('afterend', clone);
+    							
+	document.querySelector('#'+newName+' h4').innerHTML = 'Question '+Number(Questions+1);
+    							
+	document.querySelector('#'+newName+' #q_premise'+Questions).name = 'q_premise'+Number(Questions+1);
+	document.querySelector('#'+newName+' #q_premise'+Questions).id = 'q_premise'+Number(Questions+1);
+			
+	// Get the question type before changing it's name/id (for some reason it doesn't pass it on)
+	let type = $(newQuestion).find("#q_type"+Questions).val();
+	document.querySelector('#'+newName+' #q_type'+Questions).value = type;
+	document.querySelector('#'+newName+' #q_type'+Questions).name = 'q_type'+Number(Questions+1);
+	document.querySelector('#'+newName+' #q_type'+Questions).id = 'q_type'+Number(Questions+1);
+	
+	// Depending on the question type, display or hide min/max values/labels
+	if(type == "1") {
+		document.querySelector('#'+newName+' #range'+Questions).style.display = "block";
+	} else if(type == "2") {
+		document.querySelector('#'+newName+' #range'+Questions).style.display = "none";
+	}
+	
+	document.querySelector('#'+newName+' #range'+Questions).id = 'range'+Number(Questions+1);
+								
+	document.querySelector('#'+newName+' #min_val'+Questions).name = 'min_val'+Number(Questions+1);
+	document.querySelector('#'+newName+' #min_val'+Questions).id = 'min_val'+Number(Questions+1);
+								
+	document.querySelector('#'+newName+' #min_text'+Questions).name = 'min_text'+Number(Questions+1);
+	document.querySelector('#'+newName+' #min_text'+Questions).id = 'min_text'+Number(Questions+1);
+    							
+	document.querySelector('#'+newName+' #max_val'+Questions).name = 'max_val'+Number(Questions+1);
+	document.querySelector('#'+newName+' #max_val'+Questions).id = 'max_val'+Number(Questions+1);
+
+	document.querySelector('#'+newName+' #max_text'+Questions).name = 'max_text'+Number(Questions+1);
+	document.querySelector('#'+newName+' #max_text'+Questions).id = 'max_text'+Number(Questions+1);
+
+	// Get the question type before changing it's name/id (for some reason it doesn't pass it on)
+	let category = $(newQuestion).find("#q_category"+Questions).val();
+	document.querySelector('#'+newName+' #q_category'+Questions).value = category;
+	document.querySelector('#'+newName+' #q_category'+Questions).name = 'q_category'+Number(Questions+1);
+	document.querySelector('#'+newName+' #q_category'+Questions).id = 'q_category'+Number(Questions+1);
+
+	// Get the question type before changing it's name/id (for some reason it doesn't pass it on)
+	let subcategory = $(newQuestion).find("#q_subcategory"+Questions).val();
+	document.querySelector('#'+newName+' #q_subcategory'+Questions).value = subcategory;
+	document.querySelector('#'+newName+' #q_subcategory'+Questions).name = 'q_subcategory'+Number(Questions+1);
+	document.querySelector('#'+newName+' #q_subcategory'+Questions).id = 'q_subcategory'+Number(Questions+1);
+								
+	Questions++;
+	
+// 	$('[form]:not(button[form])').keypress(function(event){if (event.which == '13') { event.preventDefault(); } } );
+	
+}
+
+
+
+// For new questionnaires, create the dropdown for category selection
+let categoriesString = document.querySelector('#q_categories_tentative');
+categoriesString.addEventListener('change', function() {
+
+	// split input by commas
+	let x = document.getElementById('q_categories_tentative').value.split(',');
+	let y;// = '<option disabled selected>Category</option>';
+		
+	// clear any whitespace from each word in the split input
+	for(let i = 0; i < x.length; i++) {
+		x[i] = x[i].trim();
+		
+		// if string not empty and not whitespace, insert as category option
+		if(/\S/.test(x[i])) {
+			y += '<option value="'+x[i]+'">'+x[i]+'</option>';
+		}
+	}
+	
+	// change the selectable categories
+	$("[id^=q_category]").html(y);
+
+});
+
+
+
+// For new questionnaires, create the dropdowns for subcategory selection
+let subcategoriesString = document.querySelector('#q_subcategories_tentative');
+subcategoriesString.addEventListener('change', function() {
+
+	// split input by commas
+	let x = document.getElementById('q_subcategories_tentative').value.split(',');
+	let y;// = '<option disabled selected>Subcategory</option>';
+		
+	// clear any whitespace from each word in the split input
+	for(let i = 0; i < x.length; i++) {
+		x[i] = x[i].trim();
+		
+		// if string not empty and not whitespace, insert as category option
+		if(/\S/.test(x[i])) {
+			y += '<option value="'+x[i]+'">'+x[i]+'</option>';
+		}
+	}
+	
+	// change the selectable categories
+	$("[id^=q_subcategory]").html(y);
+
+});
+
+
+
+// For new moments, create the dropdowns for question selection
+let correspondingQuestionnaire = document.querySelector('select#m_questionnaire');
+correspondingQuestionnaire.addEventListener('change', function() {
+	$.post(document.location.protocol + "//tania.uprrp.edu/admin_nuevo/special.php",
+		{
+			id_questionnaire: correspondingQuestionnaire.value
+		},
+		function(data, status) {
+			$("select[id^=m_question_]").html(data);
+		}
+	);
+});
+
+
+
+// Target the input fields to be updated
+let newStartDate = document.querySelector('input[name=newStart]');
+let newEndDate = document.querySelector('input[name=newEnd]');
+let newDuration = document.querySelector('input[name=newDuration]');
+
+
+
+var selectableQuestions = 1;
+function addSelectableQuestion() {
+
+	var br = document.createElement("br");
+	document.querySelector('#qq'+selectableQuestions).parentElement.lastElementChild.previousElementSibling.previousElementSibling.insertAdjacentElement('afterend', br);
+	
+	// We create a copy of the dropdown list we already have, so multiple questions can be added at the same time.
+	var newQuestion = document.getElementById("qq"+selectableQuestions);
+	var clone = newQuestion.cloneNode(true);
+
+	//The clones will have the same name as the original but with a number that will distinguish them
+	var newName = 'qq' + Number(selectableQuestions + 1);
+	clone.id = newName;
+	
+	document.querySelector('#qq'+selectableQuestions).parentElement.lastElementChild.previousElementSibling.previousElementSibling.insertAdjacentElement('afterend', clone);
+    							
+	document.querySelector('#'+newName+' h4').innerHTML = 'Question '+Number(selectableQuestions+1);
+    							
+	document.querySelector('#'+newName+' #m_question_'+selectableQuestions).name = 'm_question_'+Number(selectableQuestions+1);
+	document.querySelector('#'+newName+' #m_question_'+selectableQuestions).id = 'm_question_'+Number(selectableQuestions+1);
+								
+	selectableQuestions++;
+	
+// 	$('[form]:not(button[form])').keypress(function(event){if (event.which == '13') { event.preventDefault(); } } );
+
+}
+
+

js/viewMoment.js

+function newThing(e) {
+	let type = e.currentTarget.value;
+	let range = e.currentTarget.parentNode.parentNode.parentNode.nextElementSibling; // get the 4 (optional) inputs for scaled-type questions
+	range.style.display = (type === "1") ? 'block' : 'none'; // "1" corresponds to scaled questions
+}

js/viewQuestionnaire.js

+function newThing(e) {
+	let type = e.currentTarget.value;
+	let range = e.currentTarget.parentNode.parentNode.parentNode.nextElementSibling; // get the 4 (optional) inputs for scaled-type questions
+	range.style.display = (type === "1") ? 'block' : 'none'; // "1" corresponds to scaled questions
+}

old_code/bankOfQuestions.php

+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	require_once 'processes/checkLogin.php';
+	include_once 'header.php';
+	
+	// IF USER HAS QUESTIONS, DISPLAY THEM
+	// ELSE DON'T DISPLAY THE EMPTY TABLE
+	// CAMBIAR $query A "SELECT * FROM `question` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+	$query1 = "SELECT * FROM `question` WHERE `id_category` IN(SELECT `id` FROM `category`) AND `id_subcategory` IN(SELECT `id` FROM `subcategory`);";
+	$result1 = mysqli_query($connection, $query1);
+	$x = 1;
+	
+?>  
+		<!-- START OF bankOfQuestions.php -->
+		<div class='container'>
+		
+			<div class='row'>
+				<div class='col-sm-10'>
+					<h2>Bank Of Questions</h2>
+					<p>View, add, and delete any question you like so that, later on, you can create a questionnaire.</p>
+				</div>
+				<div class='col-sm-2'>
+					<br><br>
+					<button id='adding' type='button' class='btn btn-default' data-toggle='modal' data-target='#New'>Add Question</button>
+				</div>
+			</div><!--row-->
+		
+			<div class='row'><div class='col'><br><hr><br></div></div>
+			
+			<?php if($result1): ?>
+			<div class='row'>
+				<div class='col'>
+					<table class='table table-hover table-striped' id='tableEvaluations'>
+						<thead>
+							<tr>
+								<th><h4>#</h4></th>
+								<th><h4>Premise</h4></th>
+								<th><h4>Category</h4></th>
+								<th><h4>Subcategory</h4></th>
+							</tr>
+						</thead>
+						<tbody>
+						<?php
+							while($row = mysqli_fetch_array($result1)):
+								$subquery1 = "SELECT `category`.`categoria` FROM `category` WHERE `category`.`id`=(SELECT `question`.`id_category` FROM `question` WHERE `question`.`id`=".$row['id'].");";
+								$subresult1 = mysqli_query($connection, $subquery1);
+								$subrow1 = mysqli_fetch_array($subresult1);
+								$subquery2 = "SELECT `subcategory`.`subcategoria` FROM `subcategory` WHERE `subcategory`.`id`=(SELECT `question`.`id_subcategory` FROM `question` WHERE `question`.`id`=".$row['id'].");";
+								$subresult2 = mysqli_query($connection, $subquery2);
+								$subrow2 = mysqli_fetch_array($subresult2);
+						?>
+							<tr>
+								<th><?php echo $row['id']; ?></th>
+								<td class='text-justify' style='width:35em;'><p><?php echo $row['premise']; ?></p></td>
+								<td style='width:18em;'><p><?php echo $subrow1['categoria']; ?></p></td>
+								<td style='width:18em;'><p><?php echo $subrow2['subcategoria']; ?></p></td>
+								<td style='text-align:center;width:10em;'>
+									<div class='btn-group'>
+										<button type='button' class='btn btn-default btn-sm' data-toggle='modal' data-target='#Edit_<?php echo $row['id']; ?>'>Edit</button>
+										<button type='button' class='btn btn-danger btn-sm' data-toggle='modal' data-target='#Delete_<?php echo $row['id']; ?>'>Delete</button>
+									</div>
+								</td>
+							</tr>
+						<?php $x++; endwhile; ?>
+						</tbody>
+					</table>
+				</div><!--col-->
+			</div><!--row-->
+			<?php endif; ?>
+			
+		</div><!--container-->
+		
+		<!-- POPUP FOR NEW QUESTION -->
+		<form class='form-horizontal' action='processes/insertQuestion.php' method='POST'>
+			<div class='modal fade' id='New' tabindex='-1' role='dialog' aria-labelledby='NewLabel' aria-hidden='true'>
+				<div class='modal-dialog modal-dialog-centered' role='document'>
+ 					<div class='modal-content'>
+						
+						<div class='modal-header'>
+			  	 	  		<h3 class='modal-title' id='NewLabel'>New Question<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>
+   						</div>
+ 						
+ 						<div class='modal-body'>
+
+							
+							
+							<br>
+							<!-- PREMISE -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='question_premise'>Premise:</label>
+								<div class='col-sm-7'>
+									<textarea type='text' class='form-control' id='question_premise' name='question_premise' rows=4 style='resize:vertical'></textarea>
+								</div>
+							</div>
+
+							<!-- CATEGORY -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='question_category'>Category:</label>
+								<div class='col-sm-7'>
+									<select name='question_category' id='question_category' style='width:100%;'>
+										<option disabled selected>Select the Category</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `categoria` FROM `category` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query2 = "SELECT `id`, `categoria` FROM `category`;";
+											$result2 = mysqli_query($connection, $query2);
+											foreach($result2 as $categorias):
+										?>
+										<option value="<?php echo $categorias['id']; ?>"><?php echo $categorias['categoria']; ?></option>
+										<?php endforeach; ?>
+									</select>
+ 								</div>
+							</div>
+
+							<!-- SUBCATEGORY -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='question_subcategory'>Subcategory:</label>
+								<div class='col-sm-7'>
+									<select name='question_subcategory' id='question_subcategory' style='width:100%;'>
+										<option disabled selected>Select the Subcategory</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `subcategoria` FROM `subcategory` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query3 = "SELECT `id`, `subcategoria` FROM `subcategory`;";
+											$result3 = mysqli_query($connection, $query3);
+											foreach($result3 as $subcategorias):
+										?>
+										<option value="<?php echo $subcategorias['id']; ?>"><?php echo $subcategorias['subcategoria']; ?></option>
+										<?php endforeach; ?>
+									</select>
+ 								</div>
+							</div>
+
+							<!-- TYPE -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='question_type'>Type:</label>
+								<div class='col-sm-7'>
+									<select name='question_type' id='question_type' style='width:100%;'>
+										<option disabled selected>Select the Type of Question</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `description` FROM `type_of_question` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query4 = "SELECT `id`, `description` FROM `type_of_question`;";
+											$result4 = mysqli_query($connection, $query4);
+											foreach($result4 as $types):
+										?>
+										<option value="<?php echo $types['id']; ?>"><?php echo $types['description']; ?></option>
+										<?php endforeach; ?>
+									</select>
+								</div>
+							</div>
+
+							<!-- REFERENCE -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='question_reference'>Reference:</label>
+								<div class='col-sm-7'>
+									<select name='question_reference' id='question_reference' style='width:100%;'>
+										<option disabled selected>Select the Reference</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `referencia` FROM `reference` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query5 = "SELECT `id`, `referencia` FROM `reference`;";
+											$result5 = mysqli_query($connection, $query5);
+											foreach($result5 as $references):
+										?>
+										<option value="<?php echo $references['id']; ?>"><?php echo $references['referencia']; ?></option>
+										<?php endforeach; ?>
+									</select>
+								</div>
+							</div>
+							<br>
+
+
+
+      					</div><!--modal-body-->
+      					
+      					<!-- SUBMIT OR CANCEL -->
+     					<div class='modal-footer'>
+       						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>
+        					<button type='submit' class='btn btn-primary' name='insertQuestion' disabled>Save</button>
+      					</div>
+      					
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+		
+		<?php $result1 = mysqli_query($connection, $query1); ?>
+		<?php while($row = mysqli_fetch_array($result1)): ?>
+		<!-- POPUP FOR EDIT QUESTION -->
+		<form class='form-horizontal' action='processes/updateQuestion.php' method='POST'>
+			<div class='modal fade' id='Edit_<?php echo $row['id']; ?>' tabindex='-1' role='dialog' aria-labelledby='EditLabel_<?php echo $row['id']; ?>' aria-hidden='true'>
+				<div class='modal-dialog modal-dialog-centered' role='document'>
+ 					<div class='modal-content'>
+						
+						<div class='modal-header'>
+			  	 	  		<h3 class='modal-title' id='EditLabel_<?php echo $row['id']; ?>'>Edit Question<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>
+   						</div>
+ 						
+ 						<div class='modal-body'>
+
+							
+							
+							<br>
+							<!-- PREMISE -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='newPremise'>Premise:</label>
+								<div class='col-sm-7'>
+									<textarea type='text' class='form-control' id='newPremise' name='newPremise' rows=4 style='resize:vertical'><?php echo $row['premise']; ?></textarea>
+								</div>
+							</div>
+
+							<!-- CATEGORY -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='newCategory'>Category:</label>
+								<div class='col-sm-7'>
+									<select name='newCategory' id='newCategory' style='width:100%;'>
+										<option disabled selected>Select the Category</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `categoria` FROM `category` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query2 = "SELECT `id`, `categoria` FROM `category`;";
+											$result2 = mysqli_query($connection, $query2);
+											foreach($result2 as $categorias):
+										?>
+										<option value="<?php echo $categorias['id']; ?>"><?php echo $categorias['categoria']; ?></option>
+										<?php endforeach; ?>
+									</select>
+ 								</div>
+							</div>
+
+							<!-- SUBCATEGORY -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='newSubcategory'>Subcategory:</label>
+								<div class='col-sm-7'>
+									<select name='newSubcategory' id='newSubcategory' style='width:100%;'>
+										<option disabled selected>Select the Subcategory</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `subcategoria` FROM `subcategory` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query3 = "SELECT `id`, `subcategoria` FROM `subcategory`;";
+											$result3 = mysqli_query($connection, $query3);
+											foreach($result3 as $subcategorias):
+										?>
+										<option value="<?php echo $subcategorias['id']; ?>"><?php echo $subcategorias['subcategoria']; ?></option>
+										<?php endforeach; ?>
+									</select>
+ 								</div>
+							</div>
+
+							<!-- TYPE -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='newType'>Type:</label>
+								<div class='col-sm-7'>
+									<select name='newType' id='newType' style='width:100%;'>
+										<option disabled selected>Select the Type of Question</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `description` FROM `type_of_question` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query4 = "SELECT `id`, `description` FROM `type_of_question`;";
+											$result4 = mysqli_query($connection, $query4);
+											foreach($result4 as $types):
+										?>
+										<option value="<?php echo $types['id']; ?>"><?php echo $types['description']; ?></option>
+										<?php endforeach; ?>
+									</select>
+								</div>
+							</div>
+
+							<!-- REFERENCE -->
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-2' for='newReference'>Reference:</label>
+								<div class='col-sm-7'>
+									<select name='newReference' id='newReference' style='width:100%;'>
+										<option disabled selected>Select the Reference</option>
+										<?php
+											// CAMBIAR $query A "SELECT `id`, `referencia` FROM `reference` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query5 = "SELECT `id`, `referencia` FROM `reference`;";
+											$result5 = mysqli_query($connection, $query5);
+											foreach($result5 as $references):
+										?>
+										<option value="<?php echo $references['id']; ?>"><?php echo $references['referencia']; ?></option>
+										<?php endforeach; ?>
+									</select>
+								</div>
+							</div>
+							<br>
+
+
+
+      					</div><!--modal-body-->
+      					
+      					<!-- SUBMIT OR CANCEL -->
+     					<div class='modal-footer'>
+       						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>
+        					<button type='submit' class='btn btn-primary' name='updateQuestion' disabled>Save</button>
+      					</div>
+      					
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+		
+		<!-- POPUP FOR DELETE QUESTION -->
+		<form class='form-horizontal' action='processes/deleteQuestion.php' method='POST'>
+			<div class='modal fade' id='Delete_<?php echo $row['id']; ?>' tabindex='-1' role='dialog' aria-labelledby='DeleteLabel_<?php echo $row['id']; ?>' aria-hidden='true'>
+				<div class='modal-dialog modal-dialog-centered' role='document'>
+ 					<div class='modal-content'>
+
+						<div class='modal-header'>
+			  	 	  		<h3 class='modal-title' id='DeleteLabel_<?php echo $row['id']; ?>'>Delete Question<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>
+   						</div>
+
+ 						<div class='modal-body'>
+
+
+
+ 							<!-- ID -->
+ 							<input type='hidden' name='id' value='<?php echo $row['id']; ?>'>
+ 							
+							<span class='text-center'>
+								<h3>Are you sure you want to delete this question?</h3>
+								<h3 style='color:#ff8f00;'><?php echo $row['premise']; ?></h3>
+							</span>
+							
+							<br>
+							<p class='alert alert-warning text-justify'>This action will delete the question, removing it from existing <b>questionnaires and subquestionnaires</b>, while also deleting <b>all results</b> that were made from this question. You should be aware of this and opt to edit manually any affected questionnaires and subquestionnaires in the following pages: <a class='alert-link' href='bankOfQuestions.php'>questions</a> and <a class='alert-link' href='questionnaires.php'>questionnaires</a>.</p>
+							<br>
+							
+							
+							
+      					</div><!--modal-body-->
+      					
+      					<!-- SUBMIT OR CANCEL -->
+     					<div class='modal-footer'>
+       						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>
+        					<button type='submit' class='btn btn-danger' name='deleteQuestion' disabled>Delete Anyway</button>
+      					</div>
+      					
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+		<?php endwhile; ?>		
+		<!-- END OF bankOfQuestions.php -->
+
+<?php include_once 'footer.php'; ?>

old_code/categories.php

+<?php 
+	
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	require_once 'processes/checkLogin.php';
+	include_once 'header.php';
+	
+	// IF USER HAS CATEGORIES, DISPLAY THEM
+	// ELSE DON'T DISPLAY THE EMPTY TABLE
+	// CAMBIAR $query A "SELECT * FROM `category` WHERE `id_researcher`='".$dbUserData['id_researcher']."';"
+	$query1 = "SELECT * FROM `category`;";
+	$result1 = mysqli_query($connection, $query1);
+	$x = 1;
+	
+?>
+		
+		<!-- START OF categories.php -->
+		<div class='container'>
+		
+			<div class='row'>
+				<div class='col-sm-10'>
+					<h2>Categories</h2>
+					<p>View, add, and delete any category you like so that, later on, you can categorize a question. You can also view, add, or delete any subcategory.</p>
+				</div>
+				<div class='col-sm-2'>
+					<br><br>
+					<button id='adding' type='button' class='btn btn-default' data-toggle='modal' data-target='#New'>Add Category</button>
+				</div>
+			</div><!--row-->
+			
+			<div class='row'><div class='col'><br><hr><br></div></div>
+			
+			<?php if($result1): ?>
+			<div class='row'>
+				<div class='col'>
+					<!-- DISPLAY AVAILABLE CATEGORIES -->
+					<table class='table table-hover table-striped' id='tableEvaluations' align='center'>
+						<thead>
+							<tr>
+								<th><h4>#</h4></th>
+								<th><h4>Category</h4></th>
+								<th><h4>Related Subcategories</h4></th>
+							</tr>
+						</thead>
+						<tbody>
+						<?php while($row = mysqli_fetch_array($result1)): ?>
+							<tr>
+								<th><?php echo $row['id']; ?></th>
+								<td><?php echo $row['categoria']; ?></td>
+								<td>
+									<ul>
+									<?php 
+										$query2 = "SELECT * FROM `subcategory` WHERE `id_categoria`=".$row['id'].";";
+										$result2 = mysqli_query($connection, $query2);
+										while($subrow = mysqli_fetch_array($result2)):
+									?>
+										<li><?php echo $subrow['subcategoria']; ?></li>
+									<?php endwhile; ?>
+									</ul>
+								</td>
+								<td style='text-align:center;'>
+									<div class='btn-group'>
+										<button type='button' class='btn btn-default btn-sm' data-toggle='modal' data-target='#Edit_<?php echo $row['id']; ?>'>Edit</button>
+										<button type='button' class='btn btn-danger btn-sm' data-toggle='modal' data-target='#Delete_<?php echo $row['id']; ?>'>Delete</button>
+									</div>
+								</td>
+							</tr>
+						<?php $x++; endwhile; ?>
+						</tbody>
+					</table>
+				</div><!--col-->
+			</div><!--row-->
+			<?php endif; ?>
+		
+		</div><!--container-->
+
+		<!-- POPUP FOR NEW CATEGORY -->
+		<form class='form-horizontal' action='processes/insertCategory.php' method='POST'>
+			<div class='modal fade' id='New' tabindex='-1' role='dialog' aria-labelledby='NewLabel' aria-hidden='true'>
+				<div class='modal-dialog modal-dialog-centered modal-lg' role='document'>
+ 					<div class='modal-content'>
+ 						<div class='modal-body'>
+
+
+
+							<!-- CLOSE BUTTON -->
+							<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
+
+							<!-- NEW TITLE -->
+							<br>
+							<div class='form-group'>
+								<label class='col-sm-2 control-label'>Title:</label>
+								<div class='col-sm-7'>
+   									<input class='form-control' type='text' name='categoria'>
+ 								</div>
+ 								<button type='submit' class='btn btn-primary' name='insertCategory' disabled>Save</button>
+       						</div>
+
+
+
+      					</div><!--modal-body-->
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+
+		<?php $result1 = mysqli_query($connection, $query1); ?>
+		<?php while($row = mysqli_fetch_array($result1)): ?>
+		<!-- POPUP FOR EDIT CATEGORY -->
+		<form class='form-horizontal' action='processes/updateCategory.php' method='POST'>
+			<div class='modal fade' id='Edit_<?php echo $row['id']; ?>' tabindex='-1' role='dialog' aria-labelledby='EditLabel_<?php echo $row['id']; ?>' aria-hidden='true'>
+				<div class='modal-dialog modal-dialog-centered' role='document'>
+ 					<div class='modal-content'>
+						
+						<div class='modal-header'>
+			  	 	  		<h3 class='modal-title' id='EditLabel_<?php echo $row['id']; ?>'>Edit Category<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>
+   						</div>
+ 						
+ 						<div class='modal-body'>
+
+							
+							
+							<span class='text-center'>
+								<h3 style='color:#ff8f00;'><?php echo $row['categoria']; ?></h3>
+								<br>
+								<h4>Subcategories:</h4>
+								<h6>(check the ones you wish to delete)</h6>
+							</span>
+							<br>
+							<div class='row'>
+								<div class='col'>
+									<ul>
+									<?php 
+										$query2 = "SELECT * FROM `subcategory` WHERE `id_categoria`=".$row['id'].";";
+										$result2 = mysqli_query($connection, $query2);
+										while($subrow = mysqli_fetch_array($result2)):
+									?>
+										<div class='row'>
+											<li class='col-sm-offset-3 col-sm-5'><?php echo $subrow['subcategoria']; ?></li>
+											<input class='col-sm-1' type='checkbox' name='deleteSubcategory_<?php $subrow['id']; ?>' value='<?php $subrow['id']; ?>'>
+											<!--<li style='list-style:none;' class='col-sm-3'><a class='btn btn-danger btn-xs' href='#'>Remove</a></li>-->
+										</div>
+										<br>
+									<?php endwhile; ?>
+									</ul>
+								</div>
+							</div>
+							<br>
+							<div class='form-group'>
+								<label class='col-sm-offset-1 control-label col-sm-3' for='newSubcategory'>Add Subcategory:</label>
+								<div class='col-sm-5' id='addQuestionnaires'>
+									<!-- OJO TENGO QUE NOMBRAR EL ID DEL SELECT DIFERENTE-->
+									<select id='questionnaire' name='newSubcategory' style='width:100%;'>
+										<option disabled selected>Select the Subcategory</option>
+										<?php
+											// CAMBIAR $query A "SELECT * FROM `subcategory` WHERE `id_categoria`=".$row['id']." AND `id_researcher`='".$dbUserData['id_researcher']."';"
+											$query3 = "SELECT * FROM `subcategory`;";
+											$result3 = mysqli_query($connection, $query3);
+											foreach($result3 as $subcategories):
+										?>
+										<option value="<?php echo $subcategories['id']; ?>"><?php echo $subcategories['subcategoria']; ?></option>
+										<?php endforeach; ?>
+									</select>
+								</div>
+								<!-- ADD MORE SUBCATEGORIES -->
+								<div class='col-sm-2'>
+									<button type='button' class='btn btn-xs btn-warning' onclick='AddQuestionnaire()' style='color: white;'><b>Add More</b></button>
+								</div>
+							</div>
+							
+
+
+							
+							
+							
+							<br>
+							<p class='alert alert-warning text-justify'>Deleting any selected subcategory will change every <b>question</b> associated with it to have an <b>unknown subcategory</b>. You should be aware of this and opt to edit manually any affected question in the following page: <a class='alert-link' href='bankOfQuestions.php'>questions</a>.</p>
+							<br>
+
+
+
+      					</div><!--modal-body-->
+      					
+      					<!-- SUBMIT OR CANCEL -->
+     					<div class='modal-footer'>
+       						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>
+        					<button type='submit' class='btn btn-primary' name='updateCategory' disabled>Save</button>
+      					</div>
+      					
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+		
+		<!-- POPUP FOR DELETE CATEGORY -->
+		<form class='form-horizontal' action='processes/deleteCategory.php' method='POST'>
+			<div class='modal fade' id='Delete_<?php echo $row['id']; ?>' tabindex='-1' role='dialog' aria-labelledby='DeleteLabel_<?php echo $row['id']; ?>' aria-hidden='true'>
+				<div class='modal-dialog modal-dialog-centered' role='document'>
+ 					<div class='modal-content'>
+
+						<div class='modal-header'>
+			  	 	  		<h3 class='modal-title' id='DeleteLabel_<?php echo $row['id']; ?>'>Delete Category<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>
+   						</div>
+
+ 						<div class='modal-body'>
+
+
+
+ 							<!-- ID -->
+ 							<input type='hidden' name='id' value='<?php echo $row['id']; ?>'>
+ 							
+							<span class='text-center'>
+								<h3>Are you sure you want to delete this category?</h3>
+								<h3 style='color:#ff8f00;'><?php echo $row['categoria']; ?></h3>
+							</span>
+							
+							<br>
+							<p class='alert alert-warning text-justify'>This action will delete the category and change every <b>question</b> associated with it to have an <b>unknown category (and subcategory)</b>. It will also delete any associated subcategory stored in the database. You should be aware of this and opt to edit manually any affected question in the following page: <a class='alert-link' href='bankOfQuestions.php'>questions</a>.</p>
+							<br>
+
+
+
+      					</div><!--modal-body-->
+      					
+      					<!-- SUBMIT OR CANCEL -->
+     					<div class='modal-footer'>
+       						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>
+        					<button type='submit' class='btn btn-danger' name='deleteCategory' disabled>Delete Anyway</button>
+      					</div>
+      					
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+		<?php endwhile; ?>
+		<!-- END OF categories.php -->
+
+<?php
+	include_once 'footer.php';
+?>

old_code/conection.php

+<?php
+	$un = "proyecto_ema";
+	$up = "RUYCwNr2Xwah3PET";
+	$dbconnection = mysqli_connect("localhost", $un, $up, "proyecto.ema.upr") or die(mysqli_error());
+	mysqli_set_charset($dbconnection, 'utf8');
+?>

old_code/deleteQuestion.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This script deletes a selected row from the 'questions' table and then returns 
+the user to the bank of questions main page. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+
+	// IF USER ENTERS PAGE AFTER YES BUTTON HAS BEEN PRESSED (FROM confirmDeleteQuestion.php), DELETE QUESTION FROM DATABASE
+	// ELSE DO NOTHING
+	if(isset($_GET['del'])) {
+		$query = "DELETE FROM `question` WHERE `id`='".$_GET['del']."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+
+		// HAY QUE BORRAR CADA ASOCIACIÓN PREGUNTA-TIPODEPREGUNTA (sería con un while()? o se 'seleccionan' todos y se borran a la vez?)
+		/*
+		$query = "DELETE FROM `question_type` WHERE `id_question`='".$_GET['del']."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));	
+		*/
+		
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/bankOfQuestions.php');
+		//exit();
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/bankOfQuestions.php'</script>";
+	}

old_code/deleteQuestionQuestionnaire.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This script deletes an association between a question and a questionnaire,  and then returns 
+the user to the 'questionnaires' main page. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+ 
+	// IF USER ENTERS PAGE AFTER YES BUTTON HAS BEEN PRESSED (FROM confirmDeleteQuestionQuestionnaire.php), DISASSOCIATE QUESTION FROM QUESTIONNAIRE IN THE DATABASE
+	// ELSE DO NOTHING
+	if(isset($_GET['del']) AND isset($_GET['quest'])) {
+		$query = "DELETE FROM `questionnair_question` WHERE `id_question`=".$_GET['del']." AND `id_questionnair`=".$_GET['quest'].";";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/viewQuestionnaire.php?view=".$_GET['quest']);
+		//exit();
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/viewQuestionnaire.php?view=".$_GET['quest']."'</script>";
+	}

old_code/deleteQuestionnaire.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This script deletes a selected row from the 'questionnaires table and then returns 
+the user to the questionnaires main page. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+
+	// IF USER ENTERS PAGE AFTER YES BUTTON HAS BEEN PRESSED (FROM confirmDeleteQuestionnaire.php), DELETE QUESTIONNAIRE FROM DATABASE
+	// ELSE DO NOTHING
+	if(isset($_GET['del'])) {
+		$query = "DELETE FROM `questionnair` WHERE `id`='".$_GET['del']."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		// HAY QUE BORRAR CADA ASOCIACIÓN CUESTIONARIO-PREGUNTA (sería con un while()? o se 'seleccionan' todos y se borran a la vez?)
+		/*
+		$query = "DELETE FROM `questionnair_question` WHERE `id_questionnair`='".$_GET['del']."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));	
+		*/
+		
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/questionnaires.php');
+		//exit();
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/questionnaires.php'</script>";
+	}

old_code/deleteQuestionnaireExperience.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This script deletes an association between a questionnaire and an experience, then returns 
+the user to the experiences main page. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+	
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	
+	// IF USER ENTERS PAGE AFTER YES BUTTON HAS BEEN PRESSED (FROM confirmDeleteQuestionnaireExperience.php), DISASSOCIATE QUESTIONNAIRE FROM EXPERIENCE IN THE DATABASE
+	// ELSE DO NOTHING
+	if(isset($_GET['del']) AND isset($_GET['exp'])) {		
+		$query = "DELETE FROM `experience_questionnair` WHERE `id_questionnair`='".$_GET['del']."' AND `id_experience`='".$_GET['exp']."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/viewExperience.php?view='.$_GET['exp']);
+		//exit();
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/viewExperience.php?view=".$_GET['exp']."'</script>";
+	}

old_code/editExperience.php

+<!--
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This file is meant to be for editing the information stored on a selected experience. At the
+end of the editing, the information will be sent to another script to be updated.
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+-->
+
+<?php
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	include_once 'header.php';
+
+	if (isset($_GET['edit'])) {
+		$query = "SELECT * FROM `experience` WHERE `id`=".$_GET['edit'].";";
+		$result = mysqli_query($connection, $query);
+		if(!$result) die("Error: ".mysqli_error($connection));
+		$row = mysqli_fetch_array($result);
+	}
+?>
+
+		<!-- START OF editExperience.php -->
+		<div class='container'>
+			<h2>Experience <?php echo $row[0]; ?></h2>
+			<form class='form-horizontal' action='updateExperience.php' method='POST'>
+				
+				<!-- ID -->
+				<input type='hidden' name='id' value='<?php echo $row[0]; ?>'> 
+				
+				<!-- NEW TITLE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2'>Title:</label>
+					<div class='col-sm-10'>
+						<input type='text' class='form-control' name='newTitle' value='<?php echo $row[1]; ?>'>
+					</div>
+				</div>
+				
+				<!-- NEW DESCRIPTION -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2'>Description:</label>
+					<div class='col-sm-10'>
+						<textarea class='form-control' name='newDescription' rows='3' style='resize:vertical;'><?php echo $row[2]; ?></textarea>
+					</div>
+				</div>
+
+				<!-- NEW TYPE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2'>Type:</label>
+					<div class='col-sm-10'>
+						<input type='text' class='form-control' name='newType' value='<?php echo $row[3]; ?>'>
+					</div>
+				</div>
+				
+				<!-- NEW DURATION -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2'>Duration:</label>
+					<div class='col-sm-10'>
+						<input type='text' class='form-control' name='newDuration' value='<?php echo $row[4]; ?>'>
+					</div>
+				</div>
+				
+				<!-- NEW START DATE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2'>Start Date:</label>
+					<div class='col-sm-10'>
+						<input type='text' class='form-control' name='newStart' value='<?php echo $row[5]; ?>'>
+					</div>
+				</div>
+				
+				<!-- NEW END DATE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2'>End Date:</label>
+					<div class='col-sm-10'>
+						<input type='text' class='form-control' name='newEnd' value='<?php echo $row[6]; ?>'>
+					</div>
+				</div>
+				
+				<!-- SUBMIT -->
+				<div class='form-group text-center'>
+					<div class='col-sm-offset-2 col-sm-10'>
+						<button type='submit' class='btn btn-success' name='updateExperience' style='width:200px;'>Update Experience</button>
+					</div>
+				</div>
+			
+			</form>	
+		</div>
+		<!-- END OF editExperience.php -->
+
+<?php
+	include_once 'footer.html';
+?>

old_code/insertQuestionnaire.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This scripts inserts a new questionnaire into our system, including each of its questions. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+
+	// IF USER ENTERS PAGE AFTER SUBMIT BUTTON HAS BEEN PRESSED (FROM newQuestionnaire.php), INSERT QUESTIONNAIRE TO DATABASE
+	// ELSE DO NOTHING
+	if(isset($_POST['submitQuestionnaire'])) {
+	
+		// RECIBIR TODOS LOS INPUTS DE newQuestionnaire.php (TÍTULO, DESCRIPCIÓN Y CADA PREGUNTA A AÑADIRSE AL CUESTIONARIO) 
+		$keys = array();
+		$values = array();
+		foreach($_POST as $key => $value) {
+			$keys[] = $key;
+			$values[] = $value;
+		}
+		
+		// INSERTAR A TABLA questionair EL TÍTULO Y LA DESCRIPCIÓN DEL CUESTIONARIO NUEVO
+		$q_title = $values[0]; // usar POST['q_title'];
+		$q_description = $values[1]; // usar POST['q_description'];
+		$query = "INSERT INTO `questionnair` (`title`, `description`) VALUES ('".$q_title."', '".$q_description."');";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		// BUSCAR id DEL CUESTIONARIO ACABADO DE INSERTAR
+		$query = "SELECT `id` FROM `questionnair` WHERE `title`='".$q_title."';";
+		$result = mysqli_query($connection, $query);
+		if(!$result) die("Error: ".mysqli_error($connection));
+		//$row = mysqli_fetch_array($result);
+		//$id_questionnaire = $row[0];
+		foreach($result as $questionnaire) $questionnaire_id = $questionnaire["id"];
+		
+		// "INSERTAR" CADA PREGUNTA DESEADA AL CUESTIONARIO NUEVO (ASOCIANDO LOS ids A TRAVÉS DE LA TABLA questionnair_question)
+		// WARNING: ESTO NO PROVEE PROTECCIÓN POR SI EL VALUE DEL SELECT ES '' (PREGUNTA INVÁLIDA) O SI HAY UNA PREGUNTA REPETIDA
+		$num_questions = sizeof($values);
+		for($x = 2; $x < $num_questions - 1; $x++) {
+			$query = "INSERT INTO `questionnair_question` (`id_questionnair`, `id_question`) VALUES ('".$questionnaire_id."', '".$values[$x]."');";
+			$result = mysqli_query($connection, $query);
+			if(!$result) die("Error: ".mysqli_error($connection));	
+		}
+			
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/questionnaires.php');
+		//exit();	
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/questionnaires.php'</script>";
+	}

old_code/insertQuestionnaireExperience.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This file contains the function that allows us to associate a questionnaire that already exists, 
+to a particular experience. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+
+	// IF USER ENTERS PAGE AFTER SUBMIT BUTTON HAS BEEN PRESSED (FROM viewExperience.php), ADD QUESTIONNAIRE TO EXPERIENCE
+	// ELSE DO NOTHING
+	// WARNING: ESTO NO PROVEE PROTECCIÓN POR SI EL VALOR DEL SELECT ES '' (CUESTIONARIO INVÁLIDO) O SI YA HAY UN CUESTIONARIO REPETIDO
+	if(isset($_POST['submitQuestionnaireQuestion'])) {
+		$query = "INSERT INTO `experience_questionnair` (`id_experience`, `id_questionnair`) VALUES ('".$_POST['id_experience']."', '".$_POST['questionnaire']."');";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/viewExperience.php?='.$_POST['id_experience']);
+		//exit();
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/viewExperience.php?view=".$_POST['id_experience']."'</script>";
+	
+	}

old_code/newExperience.php

+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	require_once 'processes/checkLogin.php';
+	include_once 'header.php';
+
+?>
+		
+	<!-- START OF newExperienceP1.php -->
+	<body>
+	
+		<header id="main-header">
+        	<a id="logo" href=".">TANIA</a>
+        	<div id="account">
+        	    <a class="nav-link" href="./questionnaires.php">Questionnaire Collection</a>
+        	    <a class="sign-out" href="./processes/logout.php">Sign Out</a>
+        	</div>
+    	</header>
+		
+		<div class='container' style="margin-top: 12vh;">
+		
+			<br>
+		
+			<div class='row'>
+				<div class='col-sm-10'>
+					<h2>Brand New Experience <small>(Basic Info)</small></h2>
+					<h3><small>Start creating a new experience by first adding its basic info.</small></h3>
+				</div>
+			</div><!--row-->
+			
+			<hr>
+<!-- 			<div class='row'><div class='col'><br><hr><br></div></div> -->
+		
+			<form class='form-horizontal' method='POST' action='processes/insertExperience.php'>
+				
+				<!-- TITLE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_title'>Title:</label>
+					<div class='col-sm-9'>
+						<input type='text' class='form-control text-center' id='e_title' name='title' placeholder='New Experience Title' required>
+					</div>
+				</div>
+				
+				<!-- DESCRIPTION -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_description'>Description:</label>
+					<div class='col-sm-9'>
+						<textarea class='form-control text-center' id='e_description' name='description' rows='1' style='resize:vertical;' placeholder='New Experience Description' required></textarea>
+					</div>
+				</div>
+				
+				<!-- TYPE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_description'>Type:</label>
+					<div class='col-sm-9'>
+						<input type='text' class='form-control text-center' id='e_description' name='type' placeholder='New Experience Type' required>
+					</div>
+				</div>
+				
+				<!-- DURATION -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_description'>Duration:</label>
+					<div class='col-sm-9'>
+						<input type='number' class='form-control text-center' id='e_description' name='duration' placeholder='New Experience Duration' required>
+					</div>
+				</div>
+				
+				<!-- START DATE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_start'>Start Date:</label>
+					<div class='col-sm-9'>
+						<input type='date' class='form-control text-center' id='e_start' name='start' placeholder='New Experience Start Date' required>
+					</div>
+				</div>
+				
+				<!-- END DATE -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_end'>End Date:</label>
+					<div class='col-sm-9'>
+						<input type='date' class='form-control text-center' id='e_end' name='end' placeholder='New Experience End Date' required>
+					</div>
+				</div>
+				
+				<!-- INSTITUTION -->
+				<div class='form-group'>
+					<label class='control-label col-sm-2' for='e_institution'>Institution:</label>
+					<div class='col-sm-9'>
+						<select id='e_institution' name='institution' style='width:100%;' required>
+							<option disabled selected>Select an Institution</option>
+							<?php
+								$query = "SELECT * FROM `institution`;";
+								$result = mysqli_query($connection, $query);
+								while($row = mysqli_fetch_assoc($result)):
+							?>
+							<option value='<?php echo $row['id']; ?>'><?php echo $row['name']; ?></option>
+							<?php endwhile; ?>
+						</select>
+					</div>
+				</div>
+				
+				<!-- SUBMIT -->
+				<br><br>
+				<div class='form-group text-center'>
+					<div class='col-sm-offset-10 col-sm-2'>
+						<button id='adding' type='submit' class='btn btn-default' name='submitExperience'>Create Experience</button>
+					</div>
+				</div>
+								
+			</form>
+		</div>
+	<!-- END OF newExperienceP1.php -->
+	
+	<!-- INSTITUTION, EXPERIENCE_QUESTIONNAIR, SUBQUESTIONNAIR, EXPERIENCE_SUBQUESTIONNAIR, REMINDER_SUBQUESTIONNAIR?, SCHEDULE?, REMINDER_STUDENT_SUBQUESTIONNAIR?-->
+	
+<?php include_once 'footer.php'; ?>

old_code/subquestionnaires.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+The program displays a table listing all the subquestionnaires that are saved in our system. 
+It gives the user the ability to add more and to delete whichever one he doesn't want. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+
+<?php 
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+	include_once 'header.php';
+?>
+
+		<!-- Subquestionnaires -->
+    	<div class='container'>
+			<br>
+			<h3>SUB-QUESTIONNAIRES</h3>
+			<br>
+        	<a class='btn btn-info' href='newSubquestionnaire.php' style='color:white'><b> New Subquestionnaire </b></a>
+        	<br><br>
+			<table class='table table-hover' id='tableEvaluations'>
+      			<?php
+      				$query = "SELECT * FROM `subquestionnair`;";
+      				$result = mysqli_query($connection, $query);
+     			 	echo "
+					<thead>
+						<tr>
+							<th> ID </th>
+							<th> Title </th>
+							<th> Description </th>
+						</tr>
+					</thead>
+					<tbody>";
+					while($row = mysqli_fetch_array($result)) {
+						echo "<tr>";
+						echo "<td> <p> ".$row['id']." </p> </td>";
+						echo "<td> <p> ".$row['title']." </p> </td>";
+						echo "<td> <p> ".$row['description']." </p> </td>";
+						echo '<td> <a href="viewSubquestionnaire.php?view='.$row['id'].'"> <b> View </b> </a> </td>';
+						echo "<td> <a href='confirmDeleteSubquestionnaire.php?del=".$row['id']."'> <b> Delete </b> </a> </td>";
+						echo "</tr>";
+					}
+					echo "</tbody>"
+				?>
+      		</table>
+      	</div>
+	
+<?php
+	include_once 'footer.html';
+?>

old_code/updateQuestionnaire.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This scripts updates any changes made to a questionnaire when editing its information. 
+
+
+
+Updated by: Víctor A. Hernández
+Summer 2019
+
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+
+	// IF USER ENTERS PAGE AFTER SUBMIT BUTTON HAS BEEN PRESSED (FROM editQuestionnaire.php), EDIT QUESTIONNAIRE FROM DATABASE
+	// ELSE DO NOTHING
+	if(isset($_POST['submitQuestionnaire'])) {
+
+		// RECIBIR TODOS LOS INPUTS DE newQuestionnaire.php (TÍTULO, DESCRIPCIÓN Y CADA PREGUNTA A AÑADIRSE AL CUESTIONARSE) 
+		$keys = array();
+		$values = array();
+		foreach($_POST as $key => $value) {
+			//echo "$value";
+			$keys[] = $key;
+			$values[] = $value;
+		}
+		
+		// ######ESTO NO OVERWRITEARÍA LOS FIELDS QUE NO ESTÁN SETEADOS?????#####
+		if(isset($_POST['newTitle']) OR isset($_POST['newDescription']) OR isset($_POST['question'])) {
+		
+			// CAMBIAR EL TÍTULO Y LA DESCRIPCIÓN DEL CUESTIONARIO EN LA TABLA questionair
+			$newTitle = $values[0];
+			$newDescription = $values[1];
+			$id_questionnaire = $values[2];
+			$query = "UPDATE `questionnair` SET `q_title`='".$newTitle."', `description`='".$newDescription."' WHERE `id`='".$id_questionnaire."';";
+			$result = mysqli_query($connection, $query);
+			if(!$result) die("Error: ".mysqli_error($connection));
+
+			// "INSERTAR" CADA PREGUNTA (ADICIONAL) DESEADA AL CUESTIONARIO EN CUESTIÓN (ASOCIANDO LOS ids CON LA TABLA questionnair_question)
+			$num_questions = sizeof($values);	
+			for ($x = 3; $x < $num_questions - 1; $x++) {
+				$query = "INSERT INTO `questionnair_question` (`id_questionnair`, `id_question`) VALUES ('".$id_questionnaire."', '".$values[$x]."');";
+				$result = mysqli_query($connection, $query);
+				if (!$result) die("Error: ".mysqli_error($connection));
+			}
+		}
+
+		// WHY NOT USE header INSTEAD OF window.top.location?
+		//header('Location: http://emaapp.online/admin_nuevo/questionnaires.php');
+		//exit();	
+		echo "<script>window.top.location='http://emaapp.online/admin_nuevo/questionnaires.php'</script>";			
+	}

old_code/viewQuestionnaireExperience.php

+<!--- 
+
+Developer: Coralys Cubero Rivera
+Fall 2018
+
+This script allows the user to see the specific information of a questionnaire associated to an experience.
+ 
+ 
+ 
+ Updated by: Víctor A. Hernández
+ Summer 2019
+ 
+--->
+
+<?php
+
+	require_once 'processes/config.php';
+	require_once 'processes/dbh.inc.php';
+ 
+	if(isset($_GET['view'])) {
+		$query = "SELECT * FROM `questionnair` WHERE `id`='".$_GET['view']."';";
+		$result = mysqli_query($connection, $query);
+		if(!$result) die("Error: ".mysqli_error($connection));
+		$row = mysqli_fetch_array($result);
+	}
+
+	include_once 'header.php';
+?>
+
+		<div class='container'>
+			<br>
+			<h2>QUESTIONNAIRE <?php echo $row[0]; ?></h2>
+			<br>
+			<p> <font size='4'> <b> Title: </b> <?php echo $row[1]; ?> </font> </p>
+			<p> <font size='4'> <b> Description: </b> <?php echo $row[2]; ?> </font>
+				<a class='btn btn-info' style='float: right;' href='editQuestionnaire.php?edit=<?php echo $row[0]; ?>'> Edit Questionnaire </a>
+			</p>
+			<table class='table table-hover' id='tableEvaluations'>
+			<?php
+				$result = mysqli_query($connection, "SELECT `id`, `premise` FROM `question` WHERE `id` IN (SELECT `id_question` FROM `questionnair_question` WHERE `id_questionnair`='".$row[0]."');");
+				echo "
+				<thead>
+					<tr>
+						<th> ID </th>
+						<th> Questions </th>
+					</tr>
+				</thead>
+				<tbody>";
+				while($row = mysqli_fetch_array($result)) {
+					echo " <tr>";
+					echo "<td> <p> ".$row['id']."</p> </td>";
+					echo "<td> <p> ".$row['premise']." </p> </td>";
+					echo "</tr>";
+				}		
+				echo "</tbody>"
+			?>
+			</table>
+			<br><br>
+		</div>
+
+<?php include_once 'footer.html'; ?>
+
+<?php
+/*
+		<!-- POPUP FOR EDIT EXPERIENCE -->
+		<form class='form-horizontal' action='processes/updateExperience.php' method='POST'>
+			<div class='modal fade' id='Edit_<?php echo $row['id']; ?>' tabindex='-1' role='dialog' aria-labelledby='EditLabel_<?php echo $row['id']; ?>' aria-hidden='true'>
+				<div class='modal-dialog' role='document'>
+ 					<div class='modal-content'>
+						<div class='modal-header'>
+					   		<h3 class='modal-title' id='EditLabel_<?php echo $row['id']; ?>'>Experience Basic Info</h3>
+      					</div>
+      					<div class='modal-body'>
+      						
+      						
+      						
+      						<!-- ID -->
+							<input type='hidden' name='id' value='<?php echo $row['id']; ?>'>
+							
+							<!-- NEW TITLE -->
+							<div class='form-group form-horizontal'>
+								<label class='col-sm-offset-1 col-sm-2 control-label'>Title:</label>
+								<div class='col-sm-8'>
+       								<input class='form-control' type='text' name='newTitle' value='<?php echo $row['title']; ?>'>
+								</div>
+							</div>
+       										
+       						<!-- NEW DESCRIPTION -->
+							<div class='form-group form-horizontal'>
+								<label class='col-sm-offset-1 col-sm-2 control-label'>Description:</label>
+								<div class='col-sm-8'>
+	   								<input class='form-control' type='text' name='newDescription' value='<?php echo $row['description']; ?>'>
+								</div>
+							</div>
+												
+							<!-- NEW TYPE -->
+							<div class='form-group form-horizontal'>
+    							<label class='col-sm-offset-1 col-sm-2 control-label'>Type:</label>
+								<div class='col-sm-8'>
+   	 								<input class='form-control' type='text' name='newType' value='<?php echo $row['type']; ?>'>
+								</div>
+   	    					</div>
+       											
+       						<!-- NEW DURATION -->
+							<div class='form-group form-horizontal'>
+   	    						<label class='col-sm-offset-1 col-sm-2 control-label'>Duration:</label>
+   	    						<div class='col-sm-8'>
+   	 								<input class='form-control' type='text' name='newDuration' value='<?php echo $row['duration_weeks']; ?>'>
+   								</div>
+   	    					</div>
+       											
+       						<!-- NEW START -->
+
+							<div class='form-group form-horizontal'>
+								<label class='col-sm-offset-1 col-sm-2 control-label'>Start Date:</label>
+								<div class='col-sm-8'>
+									<input class='form-control' type='text' name='newStart' value='<?php echo $row['start_date']; ?>'>
+								</div>
+							</div>
+
+												
+							<!-- NEW END -->
+							<div class='form-group form-horizontal'>
+								<label class='col-sm-offset-1 col-sm-2 control-label'>End Date:</label>
+								<div class='col-sm-8'>
+   	 								<input class='form-control' type='text' name='newEnd' value='<?php echo $row['end_date']; ?>'>
+								</div>
+   	    					</div>
+   	    							
+   	    							
+
+      					</div><!--modal-body-->
+      					
+      					<!-- SUBMIT OR CANCEL -->
+     					<div class='modal-footer'>
+       						<button type='button' class='btn btn-default' data-dismiss='modal'>Close</button>
+        					<button type='submit' class='btn btn-primary' name='updateExperience'>Save Changes</button>
+      					</div><!--modal-footer-->
+      					
+    				</div><!--modal-content-->
+  				</div><!--modal-dialog-->
+			</div><!--modal-->
+		</form>
+*/
+?>

processes/addExistingQuestionToMoment.php

+<?php
+
+	require_once 'config.php';
+	require_once 'dbh.inc.php';
+	require_once 'checkLogin.php';
+	
+	
+	// EXAMPLE INPUT...
+	// array(3) { ["momentID"]=> string(3) "137" ["questionID"]=> string(3) "266" ["addExistingQuestionToMoment"]=> string(0) "" }
+
+
+	if(isset($_POST['addExistingQuestionToMoment'])) {
+		
+
+
+		$momentID = mysqli_real_escape_string($connection, trim($_POST['momentID']));
+		$questionID = mysqli_real_escape_string($connection, trim($_POST['questionID']));
+		
+		
+		
+		// Check that moment ID is not empty string
+		// And that it's registered in the database
+		if($momentID === "") {
+			http_response_code(400);
+			echo json_encode(array("error" => "Please specify moment ID."));
+			exit();
+		} else if(mysqli_query($connection, "SELECT * FROM subquestionnair WHERE id = '$momentID';")->num_rows !== 1) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Given moment ID ($momentID) not in database."));
+			exit();
+		}
+		
+		
+		
+		// Check that question ID is not empty string
+		// And that it's registered in the database
+		// And that it belongs to the Questionnaire the Moment belongs to
+		// And that it isn't a duplicate inside the Moment
+		if($questionID === "") {
+			http_response_code(400);
+			echo json_encode(array("error" => "Please specify question ID."));
+			exit();
+		} else if(mysqli_query($connection, "SELECT * FROM question WHERE id = '$questionID';")->num_rows !== 1) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Given question ID ($questionID) not in database."));
+			exit();
+		} else if(mysqli_query($connection, "SELECT * FROM question WHERE id = '$questionID' AND id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = (SELECT id_questionnair FROM subquestionnair WHERE id = '$momentID'));")->num_rows !== 1) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Given question ID ($questionID) is outside the Moment's corresponding Questionnair's scope."));
+			exit();
+		} else if(mysqli_query($connection, "SELECT * FROM subquestionnair_question WHERE id_question = '$questionID' AND id_subquestionnair = '$momentID';")->num_rows !== 0) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Question already in moment."));
+			exit();
+		}
+
+	
+	
+		// Add question to moment
+		$query = "INSERT INTO subquestionnair_question (id_subquestionnair, id_question) VALUES ('$momentID','$questionID');";
+		$result = mysqli_query($connection, $query) or die("Error: ".mysqli_error($connection));
+		
+	
+
+
+	
+	}

processes/callback.php

+<?php
+
+	require_once 'config.php';
+
+	// IF A SESSION ALREADY EXISTS, USE EXISTING TOKEN
+	// ELSE IF THERE'S NO SESSION BUT $_GET HAS USER AUTHCODE, OBTAIN NEW TOKEN
+	// ELSE REDIRECT TO ERROR PAGE
+	if(isset($_SESSION['token'])) {
+		$client->setAccessToken($_SESSION['token']);
+	}
+	else if(isset($_GET['code'])) {
+		$token = $client->fetchAccessTokenWithAuthCode($_GET['code']);
+		
+		// IF 'code' IS NOT AUTHENTIC, TOKEN IS AN ARRAY WITH 'error' SET TO SOMETHING (i.e. 'invalid_grant')
+		if(isset($token['error'])) {
+			header('Location: ./logout.php');
+			die();
+		}
+		
+		$_SESSION['token'] = $token;
+	}
+	else {
+		header('Location: ../home.php');
+		exit();
+	}
+	
+// 	var_dump($_GET);
+// 	var_dump($_SESSION);
+		
+	$oAuth = new Google_Service_Oauth2($client);
+	$userData = $oAuth->userinfo_v2_me->get();
+	
+	/*
+			Algunos keys de los datos que se pueden extraer:
+			
+			(USADOS)
+			-SCOPE 'profile': name, picture
+			-SCOPE 'email': email
+			
+			(NO USADOS)
+			*-SCOPE 'profile': gender, familyName, givenName, hd, id, link*, locale, verifiedEmail
+			*-SCOPE 'profile': internal_gapi_mappings, modelData, processed
+
+			Lista completa de scopes: https://developers.google.com/identity/protocols/googlescopes
+	*/
+	
+	require_once 'dbh.inc.php';
+	
+	$query = 'SELECT * FROM `researcher` WHERE `email` = "'.$userData['email'].'";';
+	$result = mysqli_query($connection, $query);
+	$dbUserData = mysqli_fetch_assoc($result);
+	
+	$_SESSION['result'] = $result;
+	
+	// IF DB CAN'T FETCH USER DATA, IT MUST BE BECAUSE USER IS UNAUTHORIZED
+	// ELSE KEEP RETRIEVING USER DATA FROM DB
+	if($dbUserData == NULL) {
+		$_SESSION['error'] = 'unauthorized';
+	}
+	else {
+	
+		// NECESSARY FOR RETRIEVING DATA FROM DB ON LATER PAGES
+		$_SESSION['email'] = $userData['email'];
+		
+		//### OPTIONAL ###
+		$_SESSION['newUser'] = false;
+	
+		// IF USER IS NEW, UPDATE DB WITH USER INFO FROM GOOGLE
+		if($dbUserData['name'] == NULL && $dbUserData['picture'] == NULL) {
+			$query = 'UPDATE `researcher` SET `name`="'.$userData['name'].'", `picture`="'.$userData['picture'].'" WHERE `email`="'.$userData['email'].'";';
+			mysqli_query($connection, $query);
+			
+			//### OPTIONAL ###
+			$_SESSION['newUser'] = true;
+		}
+		
+	}
+
+	//### FOR DEBUGGING ###
+	$_SESSION['dbUserData'] = $dbUserData;
+	$_SESSION['error_set'] = isset($_SESSION['error']);
+	//### FOR DEBUGGING ###
+	
+	header('Location: ../home.php');
+	exit();
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	/*
+			Additional links that helped:
+			
+			Google Developers Tutorial (Javascript): https://developers.google.com/identity/sign-in/web/sign-in
+			Sample Code: https://github.com/GoogleChromeLabs/google-sign-in
+			Branding Guidelines: https://developers.google.com/identity/branding-guidelines
+			Developer's Console: https://console.developers.google.com
+			
+			Tutorials:
+				-Login With Google Account Using PHP & Client API: https://www.youtube.com/watch?v=hazMyK_cnzk
+				-Login with Google Account using PHP: https://www.codexworld.com/login-with-google-api-using-php/
+	*/

processes/checkLogin.php

+<?php
+
+	// IF NOT LOGGED IN THROUGH GOOGLE, SEND USER TO GENERAL ERROR PAGE
+	// ELSE IF LOGGED IN THROUGH GOOGLE BUT USER IS UNAUTHORIZED, SEND USER TO UNAUTHORIZED PAGE
+	// ELSE PRESENT NORMAL PAGE
+	if(empty($_SESSION)) {
+		header('Location: https://tania.uprrp.edu/admin_nuevo/error.php');
+		exit();
+	}
+	else if(!empty($_SESSION) && (isset($_SESSION['error']) && $_SESSION['error'] == 'unauthorized')) {
+		header('Location: https://tania.uprrp.edu/admin_nuevo/unauthorized.php');
+		exit();
+	}

processes/config.php

+<?php
+
+	if(session_status() == PHP_SESSION_NONE) session_start();
+	require_once 'google-api-php-client-2.2.2/vendor/autoload.php';
+	
+	$CLIENT_ID = '76698467712-44aghb60h3ou9d3t3qcbkdokubseaiaa.apps.googleusercontent.com';
+	$CLIENT_SECRET = '9j17D7aVD1FnPxUmcAmQKnNy';
+	$APP_NAME = 'TANIA Administrative Page';
+	$REDIRECT_URI = 'https://tania.uprrp.edu/admin_nuevo/processes/callback.php'; // CHANGE IF SERVER CHANGES
+	
+	$client = new Google_Client();
+	$client->setClientId($CLIENT_ID);
+	$client->setClientSecret($CLIENT_SECRET);
+	$client->setApplicationName($APP_NAME);
+	$client->setRedirectUri($REDIRECT_URI);
+	$client->setPrompt('consent'); // FORCE USER TO CHOOSE GOOGLE ACCOUNT (INSTEAD OF ASUMING AUTOMATICALLY)
+	$client->addScope('profile');
+	$client->addScope('email');
+	
+	$loginURL = $client->createAuthUrl();

processes/dbh.inc.php

+<?php
+
+	$dbServerName = "localhost";			// $_SERVER['NAME']
+	$dbUsername = "proyecto_ema"; 			// $_SERVER['USER'] ? victor.hernandez17
+	$dbPassword = "RUYCwNr2Xwah3PET";		// $_SERVER['PASSWORD'] ? cIMkSqsqXu1vkByz
+	$dbName = "proyecto.ema.upr";//marle.prueba.desarrollo";	// Name of database ? proyecto.ema.upr
+
+	$connection = mysqli_connect($dbServerName, $dbUsername, $dbPassword, $dbName) or die(mysqli_error());
+
+	mysqli_set_charset($connection, "utf8");
+	
+	
+	
+	// mysqli_error() vs. mysqli_connect_error() vs. mysqli_connect_errno()
+	
+	
+	
+	/*
+	
+public function connect() {
+   mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
+   $this->connection = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
+}	
+	
+	*/

processes/deleteExperience.php

+<?php
+	
+	require_once 'config.php';
+	require_once 'dbh.inc.php';
+	require_once 'checkLogin.php';
+	
+	exit();
+	while(TRUE) {
+		exit();
+	}
+	exit();
+
+	// IF USER ENTERS PAGE AFTER 'Delete Anyway' BUTTON HAS BEEN PRESSED (FROM home.php), DELETE EXPERIENCE WITH ALL ITS ASSOCIATIONS, ANSWERS, AND SUBQUESTIONNAIRES FROM DATABASE
+	// ELSE (IF USER ENTERED THIS PAGE WITHOUT SUBMITING A FORM) REDIRECT TO home.php
+	if(isset($_POST['deleteExperience'])) {
+		
+		// NO NEED TO CLEAN ID, SINCE USER NEVER INPUTS ID
+		$id = $_POST['id'];
+		
+		// BORRAR INFORMACIÓN BÁSICA DE LA EXPERIENCIA
+		$query = "DELETE FROM `experience` WHERE `id`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+				
+		// *BORRAR ASOCIACIÓN EXPERIENCIA-CUESTIONARIO (sería con un while? si es que pueden haber más de un cuestionario por experiencia...)
+		$query = "DELETE FROM `experience_questionnair` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		// *BORRAR RESPUESTAS DE LA PRE-PRUEBA DE LA EXPERIENCIA (sería con un while?)
+		$query = "DELETE FROM `answerPre` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+
+		// *BORRAR RESPUESTAS DE LA POST-PRUEBA DE LA EXPERIENCIA (sería con un while?)
+		$query = "DELETE FROM `answerPost` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		// *BORRAR RESPUESTAS DE TODOS LOS SUBCUESTIONARIOS DE LA EXPERIENCIA (sería con un while?)
+		$query = "DELETE FROM `answer` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		// *BORRAR LA ASOCIACIÓN DE CADA ESTUDIANTE A UNA EXPERIENCIA (sería con un while?)
+		$query = "DELETE FROM `student_participate_experience` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		
+		
+		
+		
+		
+		
+		
+		// SACAR TODOS LOS ID DE LOS SUBCUESTIONARIOS DE LA EXPERIENCIA
+		$query = "SELECT `id_subquestionnair` FROM `experience_subquestionnair` WHERE `id_experience`='".$id."';";
+		$result = mysqli_query($connection, $query);
+		if(!$result) die("Error: ".mysqli_error($connection));
+		
+		// IR UNO A UNO POR CADA SUBCUESTIONARIO
+		while($row = mysqli_fetch_array($result) {
+		
+			// *BORRAR TODOS LAS ASOCIACIONES REMINDER-SUBCUESTIONARIO DE LA EXPERIENCIA (sería con un while?)
+			$query = "DELETE FROM `reminder_subquestionnair` WHERE `id_subquestionnair`='".$row['id_subquestionnair']."';";
+			if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+			
+			// *BORRAR EL SCHEDULE ASOCIADO A UN SUBCUESTIONARIO A LA EXPERIENCIA (sería con un while?)
+			$query = "DELETE FROM `schedule` WHERE `id_subquestionnair`='".$row['id_subquestionnair']."';";
+			if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+
+			// *BORRAR LA ASOCIACIÓN DE CADA ESTUDANTE A UN SUBCUESTIONARIO DE LA EXPERIENCIA (sería con un while?)
+			$query = "DELETE FROM `student_subquestionnair` WHERE `id_subquestionnair`='".$row['id_subquestionnair']."';";
+			if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+			
+			// *BORRAR LA INFORMACIÓN BÁSICA DE UN SUBCUESTIONARIO DE LA EXPERIENCIA
+			$query = "DELETE FROM `subquestionnair` WHERE `id`='".$row['id_subquestionnair']."';";
+			if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+			
+			// *BORRAR LA ASOCIACIÓN DE CADA PREGUNTA A UN SUBCUESTIONARIO DE LA EXPERIENCIA (sería con un while?)
+			$query = "DELETE FROM `subquestionnair_question` WHERE `id_subquestionnair`='".$row['id_subquestionnair']."';";
+			if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+
+			// *BORRAR EL TIEMPO QUE LE TOMA CONTESTAR A CADA ESTUDIANTE UN SUBCUESTIONARIO DE LA EXPERIENCIA (sería con un while?)
+			$query = "DELETE FROM `tempTiempo` WHERE `id_subquestionnair`='".$row['id_subquestionnair']."';";
+			if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+
+		}
+
+		// *BORRAR ASOCIACIÓN EXPERIENCIA-SUBCUESTIONARIO (sería con un while?)
+		// *WARNING: ESTE QUERY TIENE QUE VENIR DESPUÉS DE HABER EXTRAÍDO CADA id_subquestionnair
+		$query = "DELETE FROM `experience_subquestionnair` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+		
+		// ***BORRAR ASOCIACIÓN EXPERIENCIA-INSTITUCIÓN (borramos institución también?, necesitaríamos extraer id_institution antes de borrar)
+		$query = "DELETE FROM `institution_experience` WHERE `id_experience`='".$id."';";
+		if(!mysqli_query($connection, $query)) die("Error: ".mysqli_error($connection));
+
+		//*qué son pareoPrePostEma y phone_fourDigit_tempX? si tienen que ver con los estudiantes también habría que borrarlos
+
+		//borramos student profiles? y qué es studentOri? yo diría que no
+
+
+	}
+	
+	header('Location: ../home.php');
+	exit();

processes/deleteMoment.php

+<?php
+
+	require_once 'config.php';
+	require_once 'dbh.inc.php';
+	require_once 'checkLogin.php';
+	
+	
+	// EXAMPLE INPUT...
+	// array(2) { ["momentID"]=> string(3) "137" ["deleteMoment"]=> string(0) "" }
+	
+	// WARNING: SHOULD CONFIRM THAT MOMENT BELONGS TO THE CORRECT USER (AUTHENTICATE THE TRANSACTION)
+
+
+	if(isset($_POST['deleteMoment'])) {
+		
+
+
+		$momentID = mysqli_real_escape_string($connection, trim($_POST['momentID']));
+		
+		
+		// Check that moment ID is not empty string
+		if($momentID === "") {
+			http_response_code(400);
+			echo json_encode(array("error" => "Please specify moment ID."));
+			exit();
+		}
+		
+		
+		// Check that moment is registered in the database
+		if(mysqli_query($connection, "SELECT * FROM subquestionnair WHERE id = '$momentID';")->num_rows !== 1) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Given moment ID ($momentID) not in database."));
+			exit();
+		}
+		
+		
+		// Check that the moment hasn't been answered yet
+		if(mysqli_query($connection, "SELECT * FROM student_subquestionnair WHERE id_subquestionnair = '$momentID';")->num_rows !== 0) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Moment already active, deletion denied."));
+			exit();
+		}
+		
+		
+		
+		/*** STEPS ***/
+
+		// DELETE MOMENT-QUESTION RELATIONS
+		// DELETE EXPERIENCE-MOMENT RELATION
+		// DELETE MOMENT
+
+
+
+		// Delete moment-question relations
+		$queryUnhookQuestionFromMoment = "DELETE FROM subquestionnair_question WHERE id_subquestionnair = '$momentID';";
+		$result = mysqli_query($connection, $queryUnhookQuestionFromMoment) or die("Error: ".mysqli_error($connection));
+
+		// Delete experience-moment relation
+		$queryUnhookMomentFromExperience = "DELETE FROM experience_subquestionnair WHERE id_subquestionnair = '$momentID';";
+		$result = mysqli_query($connection, $queryUnhookMomentFromExperience) or die("Error: ".mysqli_error($connection));
+
+		// Delete moments
+		$queryDeleteMoments = "DELETE FROM subquestionnair WHERE id = '$momentID';";
+		$result = mysqli_query($connection, $queryDeleteMoments) or die("Error: ".mysqli_error($connection));
+		
+		
+	
+	}

processes/deleteQuestion.php

+<?php
+
+	require_once 'config.php';
+	require_once 'dbh.inc.php';
+	require_once 'checkLogin.php';
+	
+	
+	// EXAMPLE INPUT...
+	// array(2) { ["questionID"]=> string(3) "267" ["deleteQuestion"]=> string(0) "" }
+	
+	// WARNING: SHOULD CONFIRM THAT QUESTION BELONGS TO THE CORRECT USER (AUTHENTICATE THE TRANSACTION)
+	// WARNING: IF USER DELETES ALL QUESTIONS FROM A QUESTIONNAIRE USING THIS METHOD, THE DATABASE WILL HAVE UNUSED CATEGORIES/SUBCATEGORIES, AS THEY ARE NOT ASSOCIATED DIRECTLY TO THE QUESTIONNAIRE
+	
+// 	var_dump($_POST);
+// 	exit();
+
+
+	if(isset($_POST['deleteQuestion'])) {
+		
+
+
+		$questionID = mysqli_real_escape_string($connection, trim($_POST['questionID']));
+		
+		
+		// Check that question ID is not empty string
+		if($questionID === "") {
+			http_response_code(400);
+			echo json_encode(array("error" => "Please specify question ID."));
+			exit();
+		}
+		
+		
+		// Check that question is registered in the database
+		if(mysqli_query($connection, "SELECT * FROM question WHERE id = '$questionID';")->num_rows !== 1) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Given question ID ($questionID) not in database."));
+			exit();
+		}
+		
+		
+		// Check that question hasn't been answered yet
+		if(mysqli_query($connection, "SELECT * FROM answer WHERE id_question = '$questionID';")->num_rows !== 0) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Question has already been answered by one or more people, deletion denied."));
+			exit();
+		}
+		
+		
+		
+		/*** STEPS ***/
+
+		// DELETE MOMENT-QUESTION RELATION
+		// DELETE QUESTIONNAIRE-QUESTION RELATION
+		// DELETE QUESTION-TYPES
+		// DELETE QUESTION
+
+
+		
+		// Delete moment-question relation
+		$queryUnhookQuestionFromMoment = "DELETE FROM subquestionnair_question WHERE id_question = '$questionID';";
+		$result = mysqli_query($connection, $queryUnhookQuestionFromMoment) or die("Error: ".mysqli_error($connection));
+
+		// Delete questionnaire-question relation
+		$queryUnhookQuestionFromQuestionnaire = "DELETE FROM questionnair_question WHERE id_question = '$questionID';";
+		$result = mysqli_query($connection, $queryUnhookQuestionFromQuestionnaire) or die("Error: ".mysqli_error($connection));
+	
+		// Delete question types
+		$queryDeleteQuestionTypes = "DELETE FROM question_type WHERE id_question = '$questionID';";
+		$result = mysqli_query($connection, $queryDeleteQuestionTypes) or die("Error: ".mysqli_error($connection));
+
+		// Delete question
+		$queryDeleteQuestion = "DELETE FROM question WHERE id = '$questionID';";
+		$result = mysqli_query($connection, $queryDeleteQuestion) or die("Error: ".mysqli_error($connection));
+	
+		
+	
+	}

processes/deleteQuestionnaire.php

+<?php
+
+	require_once 'config.php';
+	require_once 'dbh.inc.php';
+	require_once 'checkLogin.php';
+	
+	
+	// EXAMPLE INPUT...
+	// array(2) { ["questionnaireID"]=> string(3) "137" ["deleteQuestionnaire"]=> string(0) "" }
+	
+	// WARNING: SHOULD CONFIRM THAT QUESTIONNAIRE BELONGS TO THE CORRECT USER (AUTHENTICATE THE TRANSACTION)
+
+
+	if(isset($_POST['deleteQuestionnaire'])) {
+		
+
+
+		$questionnaireID = mysqli_real_escape_string($connection, trim($_POST['questionnaireID']));
+		
+		
+		// Check that questionnaire ID is not empty string
+		if($questionnaireID === "") {
+			http_response_code(400);
+			echo json_encode(array("error" => "Please specify questionnaire ID."));
+			exit();
+		}
+		
+		
+		// Check that questionnaire is registered in the database
+		if(mysqli_query($connection, "SELECT * FROM questionnair WHERE id = '$questionnaireID';")->num_rows !== 1) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Given questionnaire ID ($questionnaireID) not in database."));
+			exit();
+		}
+		
+		
+		// Check that no corresponding moments have been answered yet
+		if(mysqli_query($connection, "SELECT * FROM student_subquestionnair WHERE id_subquestionnair IN (SELECT id FROM subquestionnair WHERE id_questionnair = '$questionnaireID');")->num_rows !== 0) {
+			http_response_code(400);
+			echo json_encode(array("error" => "Questionnaire already active, deletion denied."));
+			exit();
+		}
+		
+		
+		
+		/*** STEPS ***/
+		
+		// DELETE CATEGORIES	 	(USE QUESTIONNAIRE-QUESTION, THEN QUESTION TABLE TO GET TO CATEGORY TABLE)*
+		// DELETE SUBCATEGORIES 	(USE QUESTIONNAIRE-QUESTION, THEN QUESTION TABLE TO GET TO SUBCATEGORY TABLE)*
+		// DELETE REFERENCE 		(USE QUESTIONNAIRE-QUESTION, THEN QUESTION TABLE TO GET TO REFERENCE TABLE)*
+		// DELETE QUESTION-TYPE 	(USE QUESTIONNAIRE-QUESTION TABLE)*
+		// DELETE QUESTIONS 		(USE QUESTIONNAIRE-QUESTION TABLE)*
+
+		// DELETE MOMENT-QUESTION RELATIONS 	(USE MOMENT TABLE TO GET TO MOMENT-QUESTION TABLE)*
+		// DELETE EXPERIENCE-MOMENT RELATIONS 	(USE MOMENT TABLE TO GET TO EXPERIENCE-MOMENT TABLE)*
+		// DELETE MOMENTS
+
+		// DELETE QUESTIONNAIRE-QUESTION RELATIONS
+		// DELETE EXPERIENCE-QUESTIONNAIRE RELATION
+		// DELETE QUESTIONNAIRE
+
+
+
+		// Delete categories
+		$queryDeleteCategories = "DELETE FROM category WHERE id IN (SELECT DISTINCT id_category FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";
+		$result = mysqli_query($connection, $queryDeleteCategories) or die("Error: ".mysqli_error($connection));
+		
+		// Delete subcategories
+		$queryDeleteSubcategories = "DELETE FROM subcategory WHERE id IN (SELECT DISTINCT id_subcategory FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";
+		$result = mysqli_query($connection, $queryDeleteSubcategories) or die("Error: ".mysqli_error($connection));
+	
+		// Delete reference
+		$queryDeleteReference = "DELETE FROM reference WHERE id IN (SELECT DISTINCT id_referencia FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";
+		$result = mysqli_query($connection, $queryDeleteReference) or die("Error: ".mysqli_error($connection));
+
+		// Delete question types
+		$queryDeleteQuestionTypes = "DELETE FROM question_type WHERE id_question IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID');";
+		$result = mysqli_query($connection, $queryDeleteQuestionTypes) or die("Error: ".mysqli_error($connection));
+
+		// Delete questions
+		$queryDeleteQuestions = "DELETE FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID');";
+		$result = mysqli_query($connection, $queryDeleteQuestions) or die("Error: ".mysqli_error($connection));
+		
+		// Delete moment-question relations
+		$queryUnhookQuestionFromMoment = "DELETE FROM subquestionnair_question WHERE id_subquestionnair IN (SELECT id FROM subquestionnair WHERE id_questionnair = '$questionnaireID');";
+		$result = mysqli_query($connection, $queryUnhookQuestionFromMoment) or die("Error: ".mysqli_error($connection));
+
+		// Delete experience-moment relations
+		$queryUnhookMomentFromExperience = "DELETE FROM experience_subquestionnair WHERE id_subquestionnair IN (SELECT id FROM subquestionnair WHERE id_questionnair = '$questionnaireID');";
+		$result = mysqli_query($connection, $queryUnhookMomentFromExperience) or die("Error: ".mysqli_error($connection));
+
+		// Delete moments
+		$queryDeleteMoments = "DELETE FROM subquestionnair WHERE id_questionnair = '$questionnaireID';";
+		$result = mysqli_query($connection, $queryDeleteMoments) or die("Error: ".mysqli_error($connection));
+
+		// Delete questionnaire-question relations
+		$queryUnhookQuestionFromQuestionnaire = "DELETE FROM questionnair_question WHERE id_questionnair = '$questionnaireID';";
+		$result = mysqli_query($connection, $queryUnhookQuestionFromQuestionnaire) or die("Error: ".mysqli_error($connection));
+
+		// Delete experience-questionnaire relations
+		$queryUnhookQuestionnaireFromExperience = "DELETE FROM experience_questionnair WHERE id_questionnair = '$questionnaireID';";
+		$result = mysqli_query($connection, $queryUnhookQuestionnaireFromExperience) or die("Error: ".mysqli_error($connection));	
+
+		// Delete questionnaire
+		$queryDeleteQuestionnaire = "DELETE FROM questionnair WHERE id = '$questionnaireID';";
+		$result = mysqli_query($connection, $queryDeleteQuestionnaire) or die("Error: ".mysqli_error($connection));
+		
+		
+	
+	}

processes/duplicateQuestionnaire.php

+<?php 
+
+	require_once 'config.php';
+	require_once 'dbh.inc.php';
+	require_once 'checkLogin.php';	
+	
+	// EXAMPLE INPUT...
+	// array(3) { ["fromQuestionnaireID"]=> string(1) "1" ["toExperienceID"]=> string(1) "11" ["duplicateQuestionnaire"]=> string(1) "" }
+
+	if(isset($_POST['duplicateQuestionnaire'])) {
+	
+	
+
+		/*** FETCH INPUT ***/
+		// WARNING: SHOULD VERIFY IF THESE ACTUALLY EXIST
+		$fromQuestionnaireID = mysqli_real_escape_string($connection, $_POST['fromQuestionnaireID']);
+		$toExperienceID = mysqli_real_escape_string($connection, $_POST['toExperienceID']);
+		
+		
+		/*** FETCH THE QUESTIONNAIRE INFO ***/
+		$queryOldQuestionnaire = "SELECT * FROM questionnair WHERE id = $fromQuestionnaireID";
+		$resultOldQuestionnaire = mysqli_query($connection, $queryOldQuestionnaire) or die("Error: Couldn't fetch questionnaire info from given ID<br>".mysqli_error($connection));
+		$rowOldQuestionnaire = mysqli_fetch_assoc($resultOldQuestionnaire);
+		
+		
+		/*** DUPLICATE QUESTIONNAIRE, RETRIEVE ITS ID (TO USE IT IN TABLES experience_questionnair AND questionnair_question) AND HOOK TO CURRENT EXPERIENCE ***/
+		$queryQuestionnaire = "INSERT INTO questionnair (`q_title`, `description`) VALUES ('".$rowOldQuestionnaire['q_title']."', '".$rowOldQuestionnaire['description']."');";
+		if(!mysqli_query($connection, $queryQuestionnaire)) {
+			echo $queryQuestionnaire . "<br>";
+			die("Error: Couldn't create questionnaire<br>".mysqli_error($connection));
+		}
+
+		$questionnaireID = mysqli_insert_id($connection) or die("Error: Couldn't fetch questionnaire id after creating it<br>".mysqli_error($connection));
+
+		$queryHookQuestionnaireToExperience = "INSERT INTO experience_questionnair (`id_experience`, `id_questionnair`) VALUES ('".$toExperienceID."', '".$questionnaireID."');";
+		if(!mysqli_query($connection, $queryHookQuestionnaireToExperience)) {
+			echo $queryHookQuestionnaireToExperience . "<br>";
+			die("Error: Couldn't hook questionnaire to experience<br>".mysqli_error($connection));
+		}
+
+
+
+// WE DON'T NEED TO INSERT A NEW REFERENCE, WE JUST NEED TO DUPLICATE THE QUESTIONS (WHICH HAVE THE REFERENCE ID ALREADY)
+// WE DON'T NEED TO CREATE THE NEW CATEGORIES, WE JUST NEED TO DUPLICATE THE QUESTIONS (WHICH HAVE THE CATEGORY ID ALREADY)
+// WE DON'T NEED TO CREATE THE NEW SUBCATEGORIES, WE JUST NEED TO DUPLICATE THE QUESTIONS (WHICH HAVE THE SUBCATEGORY ID ALREADY)
+
+
+		
+		$queryForQuestions = "SELECT id_question FROM questionnair_question WHERE id_questionnair = $fromQuestionnaireID;";
+		$resultForQuestions = mysqli_query($connection, $queryForQuestions);
+		
+		/*** CREATE QUESTIONS ONE BY ONE, RETRIEVE THEIR RESPECTIVE IDs (TO USE IN TABLES question_type AND questionnair_question), ENTER THE MIN/MAX VALUES/TEXTS, AND HOOK QUESTION TO QUESTIONNAIR ***/
+		while($rowForQuestions = mysqli_fetch_assoc($resultForQuestions)) {
+			
+			
+			// FETCH THE INFO FOR A GIVEN QUESTION
+			$queryOldQuestion = "SELECT * FROM question WHERE id = " . $rowForQuestions['id_question'];
+			$resultOldQuestion = mysqli_query($connection, $queryOldQuestion);
+			$rowOldQuestion = mysqli_fetch_assoc($resultOldQuestion);
+			
+			
+			// DUPLICATE QUESTION
+			$queryQuestion = "INSERT INTO question (`premise`, `id_category`, `id_subcategory`, `id_type`, `id_referencia`) VALUES ('".mysqli_real_escape_string($connection, $rowOldQuestion['premise'])."', '".$rowOldQuestion['id_category']."', '".$rowOldQuestion['id_subcategory']."', '".$rowOldQuestion['id_type']."', '".$rowOldQuestion['id_referencia']."');";
+			if(!mysqli_query($connection, $queryQuestion)) {
+				echo $queryQuestion . "<br>";
+				die("Error: Couldn't duplicate question with id ".$rowForQuestions['id_question']."<br>".mysqli_error($connection));
+			}
+			
+			// FETCH DUPLICATE QUESTION ID
+ 			$questionID = mysqli_insert_id($connection) or die("Error: Couldn't fetch new question id (from old question id ".$rowForQuestions['id_question'].")<br>".mysqli_error($connection));
+
+
+			// IF QUESTION IS SCALED, DUPLICATE MIN/MAX VALUES/TEXT
+			if($rowOldQuestion['id_type'] == '1') {
+			
+			
+				// FETCH THE QUESTION TYPES FOR A GIVEN QUESTION
+				$queryOldQuestionTypes = "SELECT * FROM question_type WHERE id_question = " . $rowForQuestions['id_question'];
+				$resultOldQuestionTypes = mysqli_query($connection, $queryOldQuestionTypes);
+				
+				
+				// LOOP THROUGH ALL QUESTION TYPES 
+				while($rowOldQuestionTypes = mysqli_fetch_assoc($resultOldQuestionTypes)) {
+					
+					$queryMinVal = "INSERT INTO question_type (`id_type`, `id_question`, `label`, `value`) VALUES ('".$rowOldQuestionTypes['id_type']."', '".$questionID."', '".$rowOldQuestionTypes['label']."', '".$rowOldQuestionTypes['value']."');";
+					if(!mysqli_query($connection, $queryMinVal)) {
+						echo $queryMinVal . "<br>";
+						die("Error: Couldn't duplicate question ".$rowOldQuestionTypes['label']." (from old question with id ".$rowForQuestions['id_question'].")<br>".mysqli_error($connection));
+					}
+				
+				}
+
+				
+			}
+			
+			$queryHookQuestionToQuestionnaire = "INSERT INTO questionnair_question (`id_questionnair`, `id_question`) VALUES ('".$questionnaireID."', '".$questionID."');";
+			if(!mysqli_query($connection, $queryHookQuestionToQuestionnaire)) {
+				echo $queryHookQuestionToQuestionnaire . "<br>";
+				die("Error: Couldn't hook question to questionnaire  (Question ID: ".$questionID.")<br>".mysqli_error($connection));
+			}
+		
+		}
+		
+		
+
+
+		
+		
+		header('Location: ../questionnaires.php');
+		exit();
+
+
+
+	}
+
+
+
+?>

processes/export.php

+<?php 
+
+	require_once 'config.php';
+	require_once 'dbh.inc.php'; // has to use proyecto.ema.upr DB!!!
+	require_once 'checkLogin.php';
+	
+// 	include("../conection.php");
+
+		
+
+	if(isset($_POST['export']) && isset($_POST['id_exp'])) {
+	
+		$id_experience = mysqli_real_escape_string($connection, $_POST['id_exp']);
+// 		$id_student = mysqli_real_escape_string($connection, $_POST['id_student']);
+// 		$res_type = mysqli_real_escape_string($connection, $_POST['res_type']);
+	
+		header_remove();
+		header('Content-Type: text/csv; charset=utf-8');
+		header('Content-Disposition: attachment; filename="Resultados_'.$id_experience.'.csv"');
+		$output = fopen('php://output', 'w');
+		
+		
+		
+		
+// 		$answersQuery = "SELECT a.id_student, a.id_subquestionnair, a.id_question, a.value FROM `answer` a, `question` q WHERE `id_subquestionnair` IN (SELECT `id_subquestionnair` FROM experience_subquestionnair WHERE `id_experience`=10);";
+//  	$resultAnswers = mysqli_query($connection, $answersQuery);
+// 		while($rowAnswers = mysqli_fetch_assoc()) {
+// 			$rowAnswers['value'];
+// 		}
+// 		$subquestionnairQuery = "SELECT `title` FROM `subquestionnair` WHERE `id`=".id_subquestionnair.";
+//		id_subquestionnair: se usará para el nombre del subquestionnair
+//		id_question: premise, id_category, id_subcategory
+		
+		
+		
+		
+		
+		
+		/*** QUEREMOS: question premise, question category, question subcategory, student id, subquestionnair title, answer value ***/
+		
+		// (CORRADA) GENERA 1541 FILAS PERO ES CON NÚMEROS NADA MÁS
+		$query = "SELECT DISTINCT q.id, q.premise, q.id_category, q.id_subcategory, a.id_student, a.id_subquestionnair, a.value FROM `experience_questionnair` eq, `subquestionnair` qs, `questionnair_question` qq, `question` q, `answer` a WHERE a.id_question=q.id and eq.id_questionnair=qs.id_questionnair and eq.id_questionnair=qq.id_questionnair and qq.id_question=q.id and eq.id_experience=".$id_experience." ORDER BY q.id, a.id_subquestionnair, a.id_student ASC;";
+		$header = array('Question ID', 'Question Premise', 'Corresponding Moment', 'Question Category', 'Question Subcategory', 'Student ID', 'Answer');
+
+		// (VÍCTOR) GENERA 1215 FILAS
+// 		$query = "SELECT q.premise, a.value, sq.title, c.categoria, sc.subcategoria, a.id_student FROM answer a, question q, subquestionnair sq, category c, subcategory sc WHERE (a.`id_subquestionnair` IN (SELECT `id_subquestionnair` FROM experience_subquestionnair WHERE `id_experience`=".$id_experience.")) AND q.id=a.id_question AND sq.id=a.id_subquestionnair AND c.id=q.id_category AND sc.id=q.id_subcategory;";
+//		$header = array('Question Premise', 'Answer', 'Corresponding Moment', 'Question Category', 'Question Subcategory', 'Student ID');		
+		
+
+		fputcsv($output, $header);
+		
+		$result = mysqli_query($connection, $query);
+		
+		while($row = mysqli_fetch_assoc($result)) {
+			
+			$queryCategory = "SELECT categoria FROM `category` WHERE id=".$row['id_category'].";";
+			$resultCategory = mysqli_query($connection, $queryCategory);
+			$rowCategory = mysqli_fetch_assoc($resultCategory);
+			
+			// QUERY USES SUBCATEGORY ID FROM ANOTHER SELECT BECAUSE $row['id_subcategory'] GIVES AN ERROR
+			$querySubcategory = "SELECT subcategoria FROM `subcategory` WHERE id=(SELECT id_subcategory FROM `question` WHERE id=".$row['id'].");";
+			$resultSubcategory = mysqli_query($connection, $querySubcategory);
+			$rowSubcategory = mysqli_fetch_assoc($resultSubcategory);
+			
+			$queryMoment = "SELECT title FROM `subquestionnair` WHERE id=".$row['id_subquestionnair'].";";
+			$resultMoment = mysqli_query($connection, $queryMoment);
+			$rowMoment = mysqli_fetch_assoc($resultMoment);
+		
+			fputcsv($output, array($row['id'], $row['premise'], $rowMoment['title'], $rowCategory['categoria'], $rowSubcategory['subcategoria'], $row['id_student'], $row['value']));
+			
+		}
+		
+		fclose($output);
+
+	}
+
+?>

processes/fullcalendar/LICENSE.txt

+Copyright (c) 2019 Adam Shaw
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

processes/fullcalendar/README.md

+# FullCalendar [![Build Status](https://travis-ci.com/fullcalendar/fullcalendar.svg?branch=master)](https://travis-ci.com/fullcalendar/fullcalendar)
+
+A full-sized drag & drop JavaScript event calendar
+
+- [Project website and demos](http://fullcalendar.io/)
+- [Documentation](http://fullcalendar.io/docs)
+- [Support](http://fullcalendar.io/support)
+- [Contributing](CONTRIBUTING.md)
+- [Changelog](CHANGELOG.md)
+- [License](LICENSE.txt)

processes/fullcalendar/examples/background-events.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
+      },
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      businessHours: true, // display business hours
+      editable: true,
+      events: [
+        {
+          title: 'Business Lunch',
+          start: '2019-08-03T13:00:00',
+          constraint: 'businessHours'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-13T11:00:00',
+          constraint: 'availableForMeeting', // defined below
+          color: '#257e4a'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-18',
+          end: '2019-08-20'
+        },
+        {
+          title: 'Party',
+          start: '2019-08-29T20:00:00'
+        },
+
+        // areas where "Meeting" must be dropped
+        {
+          groupId: 'availableForMeeting',
+          start: '2019-08-11T10:00:00',
+          end: '2019-08-11T16:00:00',
+          rendering: 'background'
+        },
+        {
+          groupId: 'availableForMeeting',
+          start: '2019-08-13T10:00:00',
+          end: '2019-08-13T16:00:00',
+          rendering: 'background'
+        },
+
+        // red areas where no events can be dropped
+        {
+          start: '2019-08-24',
+          end: '2019-08-28',
+          overlap: false,
+          rendering: 'background',
+          color: '#ff9f89'
+        },
+        {
+          start: '2019-08-06',
+          end: '2019-08-08',
+          overlap: false,
+          rendering: 'background',
+          color: '#ff9f89'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/daygrid-views.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid' ],
+      header: {
+        left: 'prevYear,prev,next,nextYear today',
+        center: 'title',
+        right: 'dayGridMonth,dayGridWeek,dayGridDay'
+      },
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01'
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/external-dragging-2cals.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var srcCalendarEl = document.getElementById('source-calendar');
+    var destCalendarEl = document.getElementById('destination-calendar');
+
+    var srcCalendar = new FullCalendar.Calendar(srcCalendarEl, {
+      plugins: [ 'interaction', 'dayGrid' ],
+      editable: true,
+      defaultDate: '2019-08-12',
+      events: [
+        {
+          title: 'event1',
+          start: '2019-08-11T10:00:00',
+          end: '2019-08-11T16:00:00'
+        },
+        {
+          title: 'event2',
+          start: '2019-08-13T10:00:00',
+          end: '2019-08-13T16:00:00'
+        }
+      ],
+      eventLeave: function(info) {
+        console.log('event left!', info.event);
+      }
+    });
+
+    var destCalendar = new FullCalendar.Calendar(destCalendarEl, {
+      plugins: [ 'interaction', 'dayGrid' ],
+      defaultDate: '2019-08-12',
+      editable: true,
+      droppable: true, // will let it receive events!
+      eventReceive: function(info) {
+        console.log('event received!', info.event);
+      }
+    });
+
+    srcCalendar.render();
+    destCalendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 20px 0 0 20px;
+    font-size: 14px;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+  }
+
+  #source-calendar,
+  #destination-calendar {
+    float: left;
+    width: 600px;
+    margin: 0 20px 20px 0;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='source-calendar'></div>
+  <div id='destination-calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/external-dragging-builtin.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var Calendar = FullCalendar.Calendar;
+    var Draggable = FullCalendarInteraction.Draggable
+
+    /* initialize the external events
+    -----------------------------------------------------------------*/
+
+    var containerEl = document.getElementById('external-events-list');
+    new Draggable(containerEl, {
+      itemSelector: '.fc-event',
+      eventData: function(eventEl) {
+        return {
+          title: eventEl.innerText.trim()
+        }
+      }
+    });
+
+    //// the individual way to do it
+    // var containerEl = document.getElementById('external-events-list');
+    // var eventEls = Array.prototype.slice.call(
+    //   containerEl.querySelectorAll('.fc-event')
+    // );
+    // eventEls.forEach(function(eventEl) {
+    //   new Draggable(eventEl, {
+    //     eventData: {
+    //       title: eventEl.innerText.trim(),
+    //     }
+    //   });
+    // });
+
+    /* initialize the calendar
+    -----------------------------------------------------------------*/
+
+    var calendarEl = document.getElementById('calendar');
+    var calendar = new Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      },
+      editable: true,
+      droppable: true, // this allows things to be dropped onto the calendar
+      drop: function(arg) {
+        // is the "remove after drop" checkbox checked?
+        if (document.getElementById('drop-remove').checked) {
+          // if so, remove the element from the "Draggable Events" list
+          arg.draggedEl.parentNode.removeChild(arg.draggedEl);
+        }
+      }
+    });
+    calendar.render();
+
+  });
+
+</script>
+<style>
+
+  body {
+    margin-top: 40px;
+    font-size: 14px;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+  }
+
+  #wrap {
+    width: 1100px;
+    margin: 0 auto;
+  }
+
+  #external-events {
+    float: left;
+    width: 150px;
+    padding: 0 10px;
+    border: 1px solid #ccc;
+    background: #eee;
+    text-align: left;
+  }
+
+  #external-events h4 {
+    font-size: 16px;
+    margin-top: 0;
+    padding-top: 1em;
+  }
+
+  #external-events .fc-event {
+    margin: 10px 0;
+    cursor: pointer;
+  }
+
+  #external-events p {
+    margin: 1.5em 0;
+    font-size: 11px;
+    color: #666;
+  }
+
+  #external-events p input {
+    margin: 0;
+    vertical-align: middle;
+  }
+
+  #calendar {
+    float: right;
+    width: 900px;
+  }
+
+</style>
+</head>
+<body>
+  <div id='wrap'>
+
+    <div id='external-events'>
+      <h4>Draggable Events</h4>
+
+      <div id='external-events-list'>
+        <div class='fc-event'>My Event 1</div>
+        <div class='fc-event'>My Event 2</div>
+        <div class='fc-event'>My Event 3</div>
+        <div class='fc-event'>My Event 4</div>
+        <div class='fc-event'>My Event 5</div>
+      </div>
+
+      <p>
+        <input type='checkbox' id='drop-remove' />
+        <label for='drop-remove'>remove after drop</label>
+      </p>
+    </div>
+
+    <div id='calendar'></div>
+
+    <div style='clear:both'></div>
+
+  </div>
+</body>
+</html>

processes/fullcalendar/examples/full-height.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      height: 'parent',
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      },
+      defaultView: 'dayGridMonth',
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01',
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  html, body {
+    overflow: hidden; /* don't do scrollbars */
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  .fc-header-toolbar {
+    /*
+    the calendar will be butting up against the edges,
+    but let's scoot in the header's buttons
+    */
+    padding-top: 1em;
+    padding-left: 1em;
+    padding-right: 1em;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar-container'>
+    <div id='calendar'></div>
+  </div>
+
+</body>
+</html>

processes/fullcalendar/examples/google-calendar.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script src='../packages/google-calendar/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+
+      plugins: [ 'interaction', 'dayGrid', 'list', 'googleCalendar' ],
+
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,listYear'
+      },
+
+      displayEventTime: false, // don't show the time column in list view
+
+      // THIS KEY WON'T WORK IN PRODUCTION!!!
+      // To make your own Google API key, follow the directions here:
+      // http://fullcalendar.io/docs/google_calendar/
+      googleCalendarApiKey: 'AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE',
+
+      // US Holidays
+      events: 'en.usa#holiday@group.v.calendar.google.com',
+
+      eventClick: function(arg) {
+        // opens events in a popup window
+        window.open(arg.event.url, 'google-calendar-event', 'width=700,height=600');
+
+        arg.jsEvent.preventDefault() // don't navigate in main tab
+      },
+
+      loading: function(bool) {
+        document.getElementById('loading').style.display =
+          bool ? 'block' : 'none';
+      }
+
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #loading {
+    display: none;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='loading'>loading...</div>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/js/theme-chooser.js

+
+function initThemeChooser(settings) {
+  var isInitialized = false;
+  var currentThemeSystem; // don't set this directly. use setThemeSystem
+  var currentStylesheetEl;
+  var loadingEl = document.getElementById('loading');
+  var systemSelectEl = document.querySelector('#theme-system-selector select');
+  var themeSelectWrapEls = Array.prototype.slice.call( // convert to real array
+    document.querySelectorAll('.selector[data-theme-system]')
+  );
+
+  systemSelectEl.addEventListener('change', function() {
+    setThemeSystem(this.value);
+  });
+
+  setThemeSystem(systemSelectEl.value);
+
+  themeSelectWrapEls.forEach(function(themeSelectWrapEl) {
+    var themeSelectEl = themeSelectWrapEl.querySelector('select');
+
+    themeSelectWrapEl.addEventListener('change', function() {
+      setTheme(
+        currentThemeSystem,
+        themeSelectEl.options[themeSelectEl.selectedIndex].value
+      );
+    });
+  });
+
+
+  function setThemeSystem(themeSystem) {
+    var selectedTheme;
+
+    currentThemeSystem = themeSystem;
+
+    themeSelectWrapEls.forEach(function(themeSelectWrapEl) {
+      var themeSelectEl = themeSelectWrapEl.querySelector('select');
+
+      if (themeSelectWrapEl.getAttribute('data-theme-system') === themeSystem) {
+        selectedTheme = themeSelectEl.options[themeSelectEl.selectedIndex].value;
+        themeSelectWrapEl.style.display = 'inline-block';
+      } else {
+        themeSelectWrapEl.style.display = 'none';
+      }
+    });
+
+    setTheme(themeSystem, selectedTheme);
+  }
+
+
+  function setTheme(themeSystem, themeName) {
+    var stylesheetUrl = generateStylesheetUrl(themeSystem, themeName);
+    var stylesheetEl;
+
+    function done() {
+      if (!isInitialized) {
+        isInitialized = true;
+        settings.init(themeSystem);
+      }
+      else {
+        settings.change(themeSystem);
+      }
+
+      showCredits(themeSystem, themeName);
+    }
+
+    if (stylesheetUrl) {
+      stylesheetEl = document.createElement('link');
+      stylesheetEl.setAttribute('rel', 'stylesheet');
+      stylesheetEl.setAttribute('href', stylesheetUrl);
+      document.querySelector('head').appendChild(stylesheetEl);
+
+      loadingEl.style.display = 'inline';
+
+      whenStylesheetLoaded(stylesheetEl, function() {
+        if (currentStylesheetEl) {
+          currentStylesheetEl.parentNode.removeChild(currentStylesheetEl);
+        }
+        currentStylesheetEl = stylesheetEl;
+        loadingEl.style.display = 'none';
+        done();
+      });
+    } else {
+      if (currentStylesheetEl) {
+        currentStylesheetEl.parentNode.removeChild(currentStylesheetEl);
+        currentStylesheetEl = null
+      }
+      done();
+    }
+  }
+
+
+  function generateStylesheetUrl(themeSystem, themeName) {
+    if (themeSystem === 'bootstrap') {
+      if (themeName) {
+        return 'https://bootswatch.com/4/' + themeName + '/bootstrap.min.css';
+      }
+      else { // the default bootstrap theme
+        return 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
+      }
+    }
+  }
+
+
+  function showCredits(themeSystem, themeName) {
+    var creditId;
+
+    if (themeSystem.match('bootstrap')) {
+      if (themeName) {
+        creditId = 'bootstrap-custom';
+      }
+      else {
+        creditId = 'bootstrap-standard';
+      }
+    }
+
+    Array.prototype.slice.call( // convert to real array
+      document.querySelectorAll('.credits')
+    ).forEach(function(creditEl) {
+      if (creditEl.getAttribute('data-credit-id') === creditId) {
+        creditEl.style.display = 'block';
+      } else {
+        creditEl.style.display = 'none';
+      }
+    })
+  }
+
+
+  function whenStylesheetLoaded(linkNode, callback) {
+    var isReady = false;
+
+    function ready() {
+      if (!isReady) { // avoid double-call
+        isReady = true;
+        callback();
+      }
+    }
+
+    linkNode.onload = ready; // does not work cross-browser
+    setTimeout(ready, 2000); // max wait. also handles browsers that don't support onload
+  }
+}

processes/fullcalendar/examples/json.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      },
+      defaultDate: '2019-08-12',
+      editable: true,
+      navLinks: true, // can click day/week names to navigate views
+      eventLimit: true, // allow "more" link when too many events
+      events: {
+        url: 'php/get-events.php',
+        failure: function() {
+          document.getElementById('script-warning').style.display = 'block'
+        }
+      },
+      loading: function(bool) {
+        document.getElementById('loading').style.display =
+          bool ? 'block' : 'none';
+      }
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 0;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #script-warning {
+    display: none;
+    background: #eee;
+    border-bottom: 1px solid #ddd;
+    padding: 0 10px;
+    line-height: 40px;
+    text-align: center;
+    font-weight: bold;
+    font-size: 12px;
+    color: red;
+  }
+
+  #loading {
+    display: none;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 40px auto;
+    padding: 0 10px;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='script-warning'>
+    <code>php/get-events.php</code> must be running.
+  </div>
+
+  <div id='loading'>loading...</div>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/json/events.json

+[
+  {
+    "title": "All Day Event",
+    "start": "2019-08-01"
+  },
+  {
+    "title": "Long Event",
+    "start": "2019-08-07",
+    "end": "2019-08-10"
+  },
+  {
+    "id": "999",
+    "title": "Repeating Event",
+    "start": "2019-08-09T16:00:00-05:00"
+  },
+  {
+    "id": "999",
+    "title": "Repeating Event",
+    "start": "2019-08-16T16:00:00-05:00"
+  },
+  {
+    "title": "Conference",
+    "start": "2019-08-11",
+    "end": "2019-08-13"
+  },
+  {
+    "title": "Meeting",
+    "start": "2019-08-12T10:30:00-05:00",
+    "end": "2019-08-12T12:30:00-05:00"
+  },
+  {
+    "title": "Lunch",
+    "start": "2019-08-12T12:00:00-05:00"
+  },
+  {
+    "title": "Meeting",
+    "start": "2019-08-12T14:30:00-05:00"
+  },
+  {
+    "title": "Happy Hour",
+    "start": "2019-08-12T17:30:00-05:00"
+  },
+  {
+    "title": "Dinner",
+    "start": "2019-08-12T20:00:00"
+  },
+  {
+    "title": "Birthday Party",
+    "start": "2019-08-13T07:00:00-05:00"
+  },
+  {
+    "title": "Click for Google",
+    "url": "http://google.com/",
+    "start": "2019-08-28"
+  }
+]

processes/fullcalendar/examples/list-views.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'list' ],
+
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'listDay,listWeek,dayGridMonth'
+      },
+
+      // customize the button names,
+      // otherwise they'd all just say "list"
+      views: {
+        listDay: { buttonText: 'list day' },
+        listWeek: { buttonText: 'list week' }
+      },
+
+      defaultView: 'listWeek',
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01'
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/locales.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/core/locales-all.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var initialLocaleCode = 'en';
+    var localeSelectorEl = document.getElementById('locale-selector');
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
+      },
+      defaultDate: '2019-08-12',
+      locale: initialLocaleCode,
+      buttonIcons: false, // show the prev/next text
+      weekNumbers: true,
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01'
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+
+    // build the locale selector's options
+    calendar.getAvailableLocaleCodes().forEach(function(localeCode) {
+      var optionEl = document.createElement('option');
+      optionEl.value = localeCode;
+      optionEl.selected = localeCode == initialLocaleCode;
+      optionEl.innerText = localeCode;
+      localeSelectorEl.appendChild(optionEl);
+    });
+
+    // when the selected option changes, dynamically change the calendar option
+    localeSelectorEl.addEventListener('change', function() {
+      if (this.value) {
+        calendar.setOption('locale', this.value);
+      }
+    });
+
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 0;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #top {
+    background: #eee;
+    border-bottom: 1px solid #ddd;
+    padding: 0 10px;
+    line-height: 40px;
+    font-size: 12px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 40px auto;
+    padding: 0 10px;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='top'>
+
+    Locales:
+    <select id='locale-selector'></select>
+
+  </div>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/month-view.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid' ],
+      defaultDate: '2019-08-12',
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01'
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/php/get-events.php

+<?php
+
+//--------------------------------------------------------------------------------------------------
+// This script reads event data from a JSON file and outputs those events which are within the range
+// supplied by the "start" and "end" GET parameters.
+//
+// An optional "timeZone" GET parameter will force all ISO8601 date stings to a given timeZone.
+//
+// Requires PHP 5.2.0 or higher.
+//--------------------------------------------------------------------------------------------------
+
+// Require our Event class and datetime utilities
+require dirname(__FILE__) . '/utils.php';
+
+// Short-circuit if the client did not give us a date range.
+if (!isset($_GET['start']) || !isset($_GET['end'])) {
+  die("Please provide a date range.");
+}
+
+// Parse the start/end parameters.
+// These are assumed to be ISO8601 strings with no time nor timeZone, like "2013-12-29".
+// Since no timeZone will be present, they will parsed as UTC.
+$range_start = parseDateTime($_GET['start']);
+$range_end = parseDateTime($_GET['end']);
+
+// Parse the timeZone parameter if it is present.
+$time_zone = null;
+if (isset($_GET['timeZone'])) {
+  $time_zone = new DateTimeZone($_GET['timeZone']);
+}
+
+// Read and parse our events JSON file into an array of event data arrays.
+$json = file_get_contents(dirname(__FILE__) . '/../json/events.json');
+$input_arrays = json_decode($json, true);
+
+// Accumulate an output array of event data arrays.
+$output_arrays = array();
+foreach ($input_arrays as $array) {
+
+  // Convert the input array into a useful Event object
+  $event = new Event($array, $time_zone);
+
+  // If the event is in-bounds, add it to the output
+  if ($event->isWithinDayRange($range_start, $range_end)) {
+    $output_arrays[] = $event->toArray();
+  }
+}
+
+// Send JSON to the client.
+echo json_encode($output_arrays);

processes/fullcalendar/examples/php/get-time-zones.php

+<?php
+
+//--------------------------------------------------------------------------------------------------
+// This script outputs a JSON array of all timezones (like "America/Chicago") that PHP supports.
+//
+// Requires PHP 5.2.0 or higher.
+//--------------------------------------------------------------------------------------------------
+
+echo json_encode(DateTimeZone::listIdentifiers());

processes/fullcalendar/examples/php/utils.php

+<?php
+
+//--------------------------------------------------------------------------------------------------
+// Utilities for our event-fetching scripts.
+//
+// Requires PHP 5.2.0 or higher.
+//--------------------------------------------------------------------------------------------------
+
+// PHP will fatal error if we attempt to use the DateTime class without this being set.
+date_default_timezone_set('UTC');
+
+
+class Event {
+
+  // Tests whether the given ISO8601 string has a time-of-day or not
+  const ALL_DAY_REGEX = '/^\d{4}-\d\d-\d\d$/'; // matches strings like "2013-12-29"
+
+  public $title;
+  public $allDay; // a boolean
+  public $start; // a DateTime
+  public $end; // a DateTime, or null
+  public $properties = array(); // an array of other misc properties
+
+
+  // Constructs an Event object from the given array of key=>values.
+  // You can optionally force the timeZone of the parsed dates.
+  public function __construct($array, $timeZone=null) {
+
+    $this->title = $array['title'];
+
+    if (isset($array['allDay'])) {
+      // allDay has been explicitly specified
+      $this->allDay = (bool)$array['allDay'];
+    }
+    else {
+      // Guess allDay based off of ISO8601 date strings
+      $this->allDay = preg_match(self::ALL_DAY_REGEX, $array['start']) &&
+        (!isset($array['end']) || preg_match(self::ALL_DAY_REGEX, $array['end']));
+    }
+
+    if ($this->allDay) {
+      // If dates are allDay, we want to parse them in UTC to avoid DST issues.
+      $timeZone = null;
+    }
+
+    // Parse dates
+    $this->start = parseDateTime($array['start'], $timeZone);
+    $this->end = isset($array['end']) ? parseDateTime($array['end'], $timeZone) : null;
+
+    // Record misc properties
+    foreach ($array as $name => $value) {
+      if (!in_array($name, array('title', 'allDay', 'start', 'end'))) {
+        $this->properties[$name] = $value;
+      }
+    }
+  }
+
+
+  // Returns whether the date range of our event intersects with the given all-day range.
+  // $rangeStart and $rangeEnd are assumed to be dates in UTC with 00:00:00 time.
+  public function isWithinDayRange($rangeStart, $rangeEnd) {
+
+    // Normalize our event's dates for comparison with the all-day range.
+    $eventStart = stripTime($this->start);
+
+    if (isset($this->end)) {
+      $eventEnd = stripTime($this->end); // normalize
+    }
+    else {
+      $eventEnd = $eventStart; // consider this a zero-duration event
+    }
+
+    // Check if the two whole-day ranges intersect.
+    return $eventStart < $rangeEnd && $eventEnd >= $rangeStart;
+  }
+
+
+  // Converts this Event object back to a plain data array, to be used for generating JSON
+  public function toArray() {
+
+    // Start with the misc properties (don't worry, PHP won't affect the original array)
+    $array = $this->properties;
+
+    $array['title'] = $this->title;
+
+    // Figure out the date format. This essentially encodes allDay into the date string.
+    if ($this->allDay) {
+      $format = 'Y-m-d'; // output like "2013-12-29"
+    }
+    else {
+      $format = 'c'; // full ISO8601 output, like "2013-12-29T09:00:00+08:00"
+    }
+
+    // Serialize dates into strings
+    $array['start'] = $this->start->format($format);
+    if (isset($this->end)) {
+      $array['end'] = $this->end->format($format);
+    }
+
+    return $array;
+  }
+
+}
+
+
+// Date Utilities
+//----------------------------------------------------------------------------------------------
+
+
+// Parses a string into a DateTime object, optionally forced into the given timeZone.
+function parseDateTime($string, $timeZone=null) {
+  $date = new DateTime(
+    $string,
+    $timeZone ? $timeZone : new DateTimeZone('UTC')
+      // Used only when the string is ambiguous.
+      // Ignored if string has a timeZone offset in it.
+  );
+  if ($timeZone) {
+    // If our timeZone was ignored above, force it.
+    $date->setTimezone($timeZone);
+  }
+  return $date;
+}
+
+
+// Takes the year/month/date values of the given DateTime and converts them to a new DateTime,
+// but in UTC.
+function stripTime($datetime) {
+  return new DateTime($datetime->format('Y-m-d'));
+}

processes/fullcalendar/examples/rrule.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../vendor/rrule.js'></script>
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script src='../packages/rrule/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list', 'rrule' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
+      },
+      defaultDate: '2019-08-12',
+      editable: true,
+      events: [
+        {
+          title: 'rrule event',
+          rrule: {
+            dtstart: '2019-08-09T13:00:00',
+            // until: '2019-08-01',
+            freq: 'weekly'
+          },
+          duration: '02:00'
+        }
+      ],
+      eventClick: function(arg) {
+        if (confirm('delete event?')) {
+          arg.event.remove()
+        }
+      }
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/selectable.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay'
+      },
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      selectable: true,
+      selectMirror: true,
+      select: function(arg) {
+        var title = prompt('Event Title:');
+        if (title) {
+          calendar.addEvent({
+            title: title,
+            start: arg.start,
+            end: arg.end,
+            allDay: arg.allDay
+          })
+        }
+        calendar.unselect()
+      },
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01'
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/theming.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='https://use.fontawesome.com/releases/v5.0.6/css/all.css' rel='stylesheet'>
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/bootstrap/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/bootstrap/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script src='js/theme-chooser.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+    var calendar;
+
+    initThemeChooser({
+
+      init: function(themeSystem) {
+        calendar = new FullCalendar.Calendar(calendarEl, {
+          plugins: [ 'bootstrap', 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+          themeSystem: themeSystem,
+          header: {
+            left: 'prev,next today',
+            center: 'title',
+            right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
+          },
+          defaultDate: '2019-08-12',
+          weekNumbers: true,
+          navLinks: true, // can click day/week names to navigate views
+          editable: true,
+          eventLimit: true, // allow "more" link when too many events
+          events: [
+            {
+              title: 'All Day Event',
+              start: '2019-08-01'
+            },
+            {
+              title: 'Long Event',
+              start: '2019-08-07',
+              end: '2019-08-10'
+            },
+            {
+              groupId: 999,
+              title: 'Repeating Event',
+              start: '2019-08-09T16:00:00'
+            },
+            {
+              groupId: 999,
+              title: 'Repeating Event',
+              start: '2019-08-16T16:00:00'
+            },
+            {
+              title: 'Conference',
+              start: '2019-08-11',
+              end: '2019-08-13'
+            },
+            {
+              title: 'Meeting',
+              start: '2019-08-12T10:30:00',
+              end: '2019-08-12T12:30:00'
+            },
+            {
+              title: 'Lunch',
+              start: '2019-08-12T12:00:00'
+            },
+            {
+              title: 'Meeting',
+              start: '2019-08-12T14:30:00'
+            },
+            {
+              title: 'Happy Hour',
+              start: '2019-08-12T17:30:00'
+            },
+            {
+              title: 'Dinner',
+              start: '2019-08-12T20:00:00'
+            },
+            {
+              title: 'Birthday Party',
+              start: '2019-08-13T07:00:00'
+            },
+            {
+              title: 'Click for Google',
+              url: 'http://google.com/',
+              start: '2019-08-28'
+            }
+          ]
+        });
+        calendar.render();
+      },
+
+      change: function(themeSystem) {
+        calendar.setOption('themeSystem', themeSystem);
+      }
+
+    });
+
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 0;
+    padding: 0;
+    font-size: 14px;
+  }
+
+  #top,
+  #calendar.fc-unthemed {
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+  }
+
+  #top {
+    background: #eee;
+    border-bottom: 1px solid #ddd;
+    padding: 0 10px;
+    line-height: 40px;
+    font-size: 12px;
+    color: #000;
+  }
+
+  #top .selector {
+    display: inline-block;
+    margin-right: 10px;
+  }
+
+  #top select {
+    font: inherit; /* mock what Boostrap does, don't compete  */
+  }
+
+  .left { float: left }
+  .right { float: right }
+  .clear { clear: both }
+
+  #calendar {
+    max-width: 900px;
+    margin: 40px auto;
+    padding: 0 10px;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='top'>
+
+    <div class='left'>
+
+      <div id='theme-system-selector' class='selector'>
+        Theme System:
+
+        <select>
+          <option value='bootstrap' selected>Bootstrap 4</option>
+          <option value='standard'>unthemed</option>
+        </select>
+      </div>
+
+      <div data-theme-system="bootstrap" class='selector' style='display:none'>
+        Theme Name:
+
+        <select>
+          <option value='' selected>Default</option>
+          <option value='cerulean'>Cerulean</option>
+          <option value='cosmo'>Cosmo</option>
+          <option value='cyborg'>Cyborg</option>
+          <option value='darkly'>Darkly</option>
+          <option value='flatly'>Flatly</option>
+          <option value='journal'>Journal</option>
+          <option value='litera'>Litera</option>
+          <option value='lumen'>Lumen</option>
+          <option value='lux'>Lux</option>
+          <option value='materia'>Materia</option>
+          <option value='minty'>Minty</option>
+          <option value='pulse'>Pulse</option>
+          <option value='sandstone'>Sandstone</option>
+          <option value='simplex'>Simplex</option>
+          <option value='sketchy'>Sketchy</option>
+          <option value='slate'>Slate</option>
+          <option value='solar'>Solar</option>
+          <option value='spacelab'>Spacelab</option>
+          <option value='superhero'>Superhero</option>
+          <option value='united'>United</option>
+          <option value='yeti'>Yeti</option>
+        </select>
+      </div>
+
+      <span id='loading' style='display:none'>loading theme...</span>
+
+    </div>
+
+    <div class='right'>
+      <span class='credits' data-credit-id='bootstrap-standard' style='display:none'>
+        <a href='https://getbootstrap.com/docs/3.3/' target='_blank'>Theme by Bootstrap</a>
+      </span>
+      <span class='credits' data-credit-id='bootstrap-custom' style='display:none'>
+        <a href='https://bootswatch.com/' target='_blank'>Theme by Bootswatch</a>
+      </span>
+    </div>
+
+    <div class='clear'></div>
+  </div>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/time-zones.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var initialTimeZone = 'local';
+    var timeZoneSelectorEl = document.getElementById('time-zone-selector');
+    var loadingEl = document.getElementById('loading');
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      timeZone: initialTimeZone,
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      },
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      selectable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: {
+        url: 'php/get-events.php',
+        failure: function() {
+          document.getElementById('script-warning').style.display = 'inline'; // show
+        }
+      },
+      loading: function(bool) {
+        if (bool) {
+          loadingEl.style.display = 'inline'; // show
+        } else {
+          loadingEl.style.display = 'none'; // hide
+        }
+      },
+
+      eventTimeFormat: { hour: 'numeric', minute: '2-digit', timeZoneName: 'short' },
+
+      dateClick: function(arg) {
+        console.log('dateClick', calendar.formatIso(arg.date));
+      },
+      select: function(arg) {
+        console.log('select', calendar.formatIso(arg.start), calendar.formatIso(arg.end));
+      }
+    });
+
+    calendar.render();
+
+    // load the list of available timezones, build the <select> options
+    // it's HIGHLY recommended to use a different library for network requests, not this internal util func
+    FullCalendar.requestJson('GET', 'php/get-time-zones.php', {}, function(timeZones) {
+
+      timeZones.forEach(function(timeZone) {
+        var optionEl;
+
+        if (timeZone !== 'UTC') { // UTC is already in the list
+          optionEl = document.createElement('option');
+          optionEl.value = timeZone;
+          optionEl.innerText = timeZone;
+          timeZoneSelectorEl.appendChild(optionEl);
+        }
+      });
+    }, function() {
+      // TODO: handle error
+    });
+
+    // when the timezone selector changes, dynamically change the calendar option
+    timeZoneSelectorEl.addEventListener('change', function() {
+      calendar.setOption('timeZone', this.value);
+    });
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 0;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #top {
+    background: #eee;
+    border-bottom: 1px solid #ddd;
+    padding: 0 10px;
+    line-height: 40px;
+    font-size: 12px;
+  }
+  .left { float: left }
+  .right { float: right }
+  .clear { clear: both }
+
+  #script-warning, #loading { display: none }
+  #script-warning { font-weight: bold; color: red }
+
+  #calendar {
+    max-width: 900px;
+    margin: 40px auto;
+    padding: 0 10px;
+  }
+
+  .tzo {
+    color: #000;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='top'>
+
+    <div class='left'>
+      Timezone:
+      <select id='time-zone-selector'>
+        <option value='local' selected>local</option>
+        <option value='UTC'>UTC</option>
+      </select>
+    </div>
+
+    <div class='right'>
+      <span id='loading'>loading...</span>
+      <span id='script-warning'><code>php/get-events.php</code> must be running.</span>
+    </div>
+
+    <div class='clear'></div>
+
+  </div>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/timegrid-views.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'dayGrid', 'timeGrid', 'list', 'interaction' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      },
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01',
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/examples/week-numbers.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<link href='../packages/core/main.css' rel='stylesheet' />
+<link href='../packages/daygrid/main.css' rel='stylesheet' />
+<link href='../packages/timegrid/main.css' rel='stylesheet' />
+<link href='../packages/list/main.css' rel='stylesheet' />
+<script src='../packages/core/main.js'></script>
+<script src='../packages/interaction/main.js'></script>
+<script src='../packages/daygrid/main.js'></script>
+<script src='../packages/timegrid/main.js'></script>
+<script src='../packages/list/main.js'></script>
+<script>
+
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      },
+      defaultDate: '2019-08-12',
+      navLinks: true, // can click day/week names to navigate views
+
+      weekNumbers: true,
+      weekNumbersWithinDays: true,
+      weekNumberCalculation: 'ISO',
+
+      editable: true,
+      eventLimit: true, // allow "more" link when too many events
+      events: [
+        {
+          title: 'All Day Event',
+          start: '2019-08-01'
+        },
+        {
+          title: 'Long Event',
+          start: '2019-08-07',
+          end: '2019-08-10'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-09T16:00:00'
+        },
+        {
+          groupId: 999,
+          title: 'Repeating Event',
+          start: '2019-08-16T16:00:00'
+        },
+        {
+          title: 'Conference',
+          start: '2019-08-11',
+          end: '2019-08-13'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T10:30:00',
+          end: '2019-08-12T12:30:00'
+        },
+        {
+          title: 'Lunch',
+          start: '2019-08-12T12:00:00'
+        },
+        {
+          title: 'Meeting',
+          start: '2019-08-12T14:30:00'
+        },
+        {
+          title: 'Happy Hour',
+          start: '2019-08-12T17:30:00'
+        },
+        {
+          title: 'Dinner',
+          start: '2019-08-12T20:00:00'
+        },
+        {
+          title: 'Birthday Party',
+          start: '2019-08-13T07:00:00'
+        },
+        {
+          title: 'Click for Google',
+          url: 'http://google.com/',
+          start: '2019-08-28'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+
+</script>
+<style>
+
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+
+  #calendar {
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+</style>
+</head>
+<body>
+
+  <div id='calendar'></div>
+
+</body>
+</html>

processes/fullcalendar/packages/bootstrap/LICENSE.txt

+Copyright (c) 2019 Adam Shaw
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

processes/fullcalendar/packages/bootstrap/README.md

+
+# FullCalendar Bootstrap Plugin
+
+Bootstrap 4 theming for your calendar
+
+[View the docs »](https://fullcalendar.io/docs/bootstrap-theme)
+
+This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar)

processes/fullcalendar/packages/bootstrap/main.css

+.fc.fc-bootstrap a {
+  text-decoration: none;
+}
+
+.fc.fc-bootstrap a[data-goto]:hover {
+  text-decoration: underline;
+}
+
+.fc-bootstrap hr.fc-divider {
+  border-color: inherit;
+}
+
+.fc-bootstrap .fc-today.alert {
+  border-radius: 0;
+}
+
+.fc-bootstrap a.fc-event:not([href]):not([tabindex]) {
+  color: #fff;
+}
+
+.fc-bootstrap .fc-popover.card {
+  position: absolute;
+}
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+.fc-bootstrap .fc-popover .card-body {
+  padding: 0;
+}
+
+/* TimeGrid Slats (lines that run horizontally)
+--------------------------------------------------------------------------------------------------*/
+.fc-bootstrap .fc-time-grid .fc-slats table {
+  /* some themes have background color. see through to slats */
+  background: none;
+}

processes/fullcalendar/packages/bootstrap/main.d.ts

+// Generated by dts-bundle v0.7.3-fork.1
+// Dependencies for this module:
+//   ../../../../../@fullcalendar/core
+
+declare module '@fullcalendar/bootstrap' {
+    import { Theme } from '@fullcalendar/core';
+    export class BootstrapTheme extends Theme {
+    }
+    const _default: import("@fullcalendar/core").PluginDef;
+    export default _default;
+}
+

processes/fullcalendar/packages/bootstrap/main.esm.js

+/*!
+FullCalendar Bootstrap Plugin v4.3.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+
+import { createPlugin, Theme } from '@fullcalendar/core';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var BootstrapTheme = /** @class */ (function (_super) {
+    __extends(BootstrapTheme, _super);
+    function BootstrapTheme() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return BootstrapTheme;
+}(Theme));
+BootstrapTheme.prototype.classes = {
+    widget: 'fc-bootstrap',
+    tableGrid: 'table-bordered',
+    tableList: 'table',
+    tableListHeading: 'table-active',
+    buttonGroup: 'btn-group',
+    button: 'btn btn-primary',
+    buttonActive: 'active',
+    today: 'alert alert-info',
+    popover: 'card card-primary',
+    popoverHeader: 'card-header',
+    popoverContent: 'card-body',
+    // day grid
+    // for left/right border color when border is inset from edges (all-day in timeGrid view)
+    // avoid `table` class b/c don't want margins/padding/structure. only border color.
+    headerRow: 'table-bordered',
+    dayRow: 'table-bordered',
+    // list view
+    listView: 'card card-primary'
+};
+BootstrapTheme.prototype.baseIconClass = 'fa';
+BootstrapTheme.prototype.iconClasses = {
+    close: 'fa-times',
+    prev: 'fa-chevron-left',
+    next: 'fa-chevron-right',
+    prevYear: 'fa-angle-double-left',
+    nextYear: 'fa-angle-double-right'
+};
+BootstrapTheme.prototype.iconOverrideOption = 'bootstrapFontAwesome';
+BootstrapTheme.prototype.iconOverrideCustomButtonOption = 'bootstrapFontAwesome';
+BootstrapTheme.prototype.iconOverridePrefix = 'fa-';
+var main = createPlugin({
+    themeClasses: {
+        bootstrap: BootstrapTheme
+    }
+});
+
+export default main;
+export { BootstrapTheme };

processes/fullcalendar/packages/bootstrap/main.js

+/*!
+FullCalendar Bootstrap Plugin v4.3.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@fullcalendar/core')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@fullcalendar/core'], factory) :
+    (global = global || self, factory(global.FullCalendarBootstrap = {}, global.FullCalendar));
+}(this, function (exports, core) { 'use strict';
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
+
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
+
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    var BootstrapTheme = /** @class */ (function (_super) {
+        __extends(BootstrapTheme, _super);
+        function BootstrapTheme() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return BootstrapTheme;
+    }(core.Theme));
+    BootstrapTheme.prototype.classes = {
+        widget: 'fc-bootstrap',
+        tableGrid: 'table-bordered',
+        tableList: 'table',
+        tableListHeading: 'table-active',
+        buttonGroup: 'btn-group',
+        button: 'btn btn-primary',
+        buttonActive: 'active',
+        today: 'alert alert-info',
+        popover: 'card card-primary',
+        popoverHeader: 'card-header',
+        popoverContent: 'card-body',
+        // day grid
+        // for left/right border color when border is inset from edges (all-day in timeGrid view)
+        // avoid `table` class b/c don't want margins/padding/structure. only border color.
+        headerRow: 'table-bordered',
+        dayRow: 'table-bordered',
+        // list view
+        listView: 'card card-primary'
+    };
+    BootstrapTheme.prototype.baseIconClass = 'fa';
+    BootstrapTheme.prototype.iconClasses = {
+        close: 'fa-times',
+        prev: 'fa-chevron-left',
+        next: 'fa-chevron-right',
+        prevYear: 'fa-angle-double-left',
+        nextYear: 'fa-angle-double-right'
+    };
+    BootstrapTheme.prototype.iconOverrideOption = 'bootstrapFontAwesome';
+    BootstrapTheme.prototype.iconOverrideCustomButtonOption = 'bootstrapFontAwesome';
+    BootstrapTheme.prototype.iconOverridePrefix = 'fa-';
+    var main = core.createPlugin({
+        themeClasses: {
+            bootstrap: BootstrapTheme
+        }
+    });
+
+    exports.BootstrapTheme = BootstrapTheme;
+    exports.default = main;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

processes/fullcalendar/packages/bootstrap/main.min.css

+.fc.fc-bootstrap a{text-decoration:none}.fc.fc-bootstrap a[data-goto]:hover{text-decoration:underline}.fc-bootstrap hr.fc-divider{border-color:inherit}.fc-bootstrap .fc-today.alert{border-radius:0}.fc-bootstrap a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap .fc-popover.card{position:absolute}.fc-bootstrap .fc-popover .card-body{padding:0}.fc-bootstrap .fc-time-grid .fc-slats table{background:0 0}

processes/fullcalendar/packages/bootstrap/main.min.js

+/*!
+FullCalendar Bootstrap Plugin v4.3.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@fullcalendar/core")):"function"==typeof define&&define.amd?define(["exports","@fullcalendar/core"],t):t((e=e||self).FullCalendarBootstrap={},e.FullCalendar)}(this,function(e,t){"use strict";var o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])})(e,t)};var r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return function(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,e),t}(t.Theme);r.prototype.classes={widget:"fc-bootstrap",tableGrid:"table-bordered",tableList:"table",tableListHeading:"table-active",buttonGroup:"btn-group",button:"btn btn-primary",buttonActive:"active",today:"alert alert-info",popover:"card card-primary",popoverHeader:"card-header",popoverContent:"card-body",headerRow:"table-bordered",dayRow:"table-bordered",listView:"card card-primary"},r.prototype.baseIconClass="fa",r.prototype.iconClasses={close:"fa-times",prev:"fa-chevron-left",next:"fa-chevron-right",prevYear:"fa-angle-double-left",nextYear:"fa-angle-double-right"},r.prototype.iconOverrideOption="bootstrapFontAwesome",r.prototype.iconOverrideCustomButtonOption="bootstrapFontAwesome",r.prototype.iconOverridePrefix="fa-";var a=t.createPlugin({themeClasses:{bootstrap:r}});e.BootstrapTheme=r,e.default=a,Object.defineProperty(e,"__esModule",{value:!0})});

processes/fullcalendar/packages/bootstrap/package.json

+{
+  "name": "@fullcalendar/bootstrap",
+  "version": "4.3.0",
+  "title": "FullCalendar Bootstrap Plugin",
+  "description": "Bootstrap 4 theming for your calendar",
+  "keywords": [
+    "calendar",
+    "event",
+    "full-sized"
+  ],
+  "homepage": "https://fullcalendar.io/",
+  "docs": "https://fullcalendar.io/docs/bootstrap-theme",
+  "bugs": "https://fullcalendar.io/reporting-bugs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fullcalendar/fullcalendar.git",
+    "homepage": "https://github.com/fullcalendar/fullcalendar"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Adam Shaw",
+    "email": "arshaw@arshaw.com",
+    "url": "http://arshaw.com/"
+  },
+  "copyright": "2019 Adam Shaw",
+  "peerDependencies": {
+    "@fullcalendar/core": "~4.3.0"
+  },
+  "main": "main.js",
+  "module": "main.esm.js",
+  "unpkg": "main.min.js",
+  "types": "main.d.ts"
+}

processes/fullcalendar/packages/core/LICENSE.txt

+Copyright (c) 2019 Adam Shaw
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.