kgd-05-eclipse-fox · abrarnaim015 · Oct 26, 2020 · Oct 26, 2020 · Oct 26, 2020 · Oct 26, 2020
diff --git a/README.md b/README.md
diff --git a/client/.gitignore b/client/.gitignore
@@ -0,0 +1,66 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+firebase-debug.log*
+firebase-debug.*.log*
+
+# Firebase cache
+.firebase/
+
+# Firebase config
+
+# Uncomment this if you'd like others to create their own Firebase project.
+# For a team working on the same Firebase project(s), it is recommended to leave
+# it commented so all members can deploy to the same project(s) in .firebaserc.
+# .firebaserc
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
diff --git a/client/31043.jpg b/client/31043.jpg
diff --git a/client/backUp.html b/client/backUp.html
@@ -0,0 +1,33 @@
+<div id="content-page" class="container mt-5">
+	<div class="d-flex justify-content-center row">
+		<div class="col-md-6">
+			<div class="p-4 bg-white notes">
+				<div class="d-flex flex-row align-items-center notes-title">
+					<h4>Q2 Goal notes</h4><span class="px-2 review-text ml-2 rounded">review</span>
+				</div>
+				<div class="d-flex flex-row align-items-center align-content-center"><span class="rounded info">04/01/2020</span><span class="dot"></span><span class="info">Outlook notes</span></div>
+			</div>
+			<div class="bg-white p-1">
+				<hr>
+				<div class="keyupdates p-3">
+					<h5>Key updates: whats new?</h5>
+					<div class="d-flex align-items-center keyupdates-text"><span class="dot-red"></span><span class="overview">New features overview</span></div>
+				</div>
+				<div class="keyupdates p-3">
+					<h5>Items for update</h5>
+					<div class="d-flex align-items-center keyupdates-text"><span class="dot"></span><span>What are your goal for Q2?</span></div>
+					<div class="d-flex align-items-center keyupdates-text mt-1"><span class="dot"></span><span>Main challanges right now</span></div>
+				</div>
+				<div class="keyupdates p-3">
+					<h5>Learning / Training</h5>
+					<div class="d-flex align-items-center keyupdates-text"><span class="dot"></span><span>Training schedule for&nbsp;&nbsp;</span></div>
+					<div class="d-flex align-items-center keyupdates-text mt-1 ml-3"><span class="dot"></span><span class="ml-2">4 / 1</span></div>
+					<div class="d-flex align-items-center keyupdates-text mt-1 ml-3"><span class="dot"></span><span class="ml-2">4 / 13</span></div>
+				</div>
+			</div>
+			<div>
+				<button id="btn-logout" class="btn btn-danger">Logout</button>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/client/icons8-notepad-48.png b/client/icons8-notepad-48.png
diff --git a/client/index.html b/client/index.html
@@ -1,11 +1,287 @@
 <!DOCTYPE html>
 <html lang="en">
+<head>
+	<meta charset="UTF-8">
+  <!--Google Meta-->
+  <meta name="google-signin-client_id" content="806576162064-bsdcc5cnok48s79u8bee8d7uagvpc4ms.apps.googleusercontent.com">
+  <!--link Bootstrap-->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+   <!--Fontawesome CDN-->
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> 
+  <!--Custom styles-->
+	<link rel="stylesheet" type="text/css" href="styles.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<!-- how to w3school -->
+	<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+	<link rel="Icon" href="./icons8-notepad-48.png">
+  <title>ToDo App</title>
+</head>
+<body>
+<!---------------------------------------------------------------------------------->
+<!DOCTYPE html>
+<html lang="en">
 <head>
   <meta charset="UTF-8">
+  <!--link Bootstrap-->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+   <!--Fontawesome CDN-->
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+  <!--Custom styles-->
+	<link rel="stylesheet" type="text/css" href="styles.css">
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
+  <title>TODO App</title>
 </head>
 <body>
+<!---------------------------------------------------------------------------------->
+<div id="login-page" class="container">
+	<!--Halaman Login-->
+  	<!--form LogIn-->
+	  <div class="d-flex justify-content-center h-100">
+		  <div class="card">
+			  <div class="card-header">
+				  <h3>Sign In</h3>
+				  <div class="d-flex justify-content-end social_icon">
+					  <span><i class="fab fa-facebook-square"></i></span>
+					  <span><i class="fab fa-google-plus-square"></i></span>
+					  <span><i class="fab fa-twitter-square"></i></span>
+				  </div>
+			  </div>
+			  <div class="card-body">
+				  <!--Form login-->
+				  <form onsubmit="userLogin(event)">
+					  <div class="input-group form-group">
+						  <div class="input-group-prepend">
+							  <span class="input-group-text"><i class="fas fa-user text-light"></i></span>
+						  </div>
+							  <!--Email-->
+						  <input type="email" id="login-email" class="form-control" placeholder="Email">						  
+					  </div>
+					  <div class="input-group form-group">
+						  <div class="input-group-prepend">
+							  <span class="input-group-text"><i class="fas fa-key text-light"></i></span>
+							 </div>
+							  <!--password-->
+						  <input type="password" id="login-password" class="form-control" placeholder="password">
+					  </div>
+					  <div class="form-group">
+							  <!--btn submit-->
+						  <input type="submit" value="Sign in" class="btn float-right login_btn text-light">
+					  </div>
+				  </form>
+				  <!--END Form Login-->
+				  <!-- Googleeeeeeeee-->
+					<div class="g-signin2" data-onsuccess="onSignIn"></div>
+					<!-- <div class="g-signin2" data-onsuccess="onSignIn" data-gapiscan="true" data-onload="true">
+						<div style="height:36px;width:120px;" class="abcRioButton abcRioButtonLightBlue">
+							<div class="abcRioButtonContentWrapper">
+								<div class="abcRioButtonIcon" style="padding:8px">
+									<div style="width:18px;height:18px;" class="abcRioButtonSvgImageWithFallback abcRioButtonIconImage abcRioButtonIconImage18">
+										<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 48 48" class="abcRioButtonSvg">
+											<g>
+												<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
+												<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
+												<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
+												<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
+												<path fill="none" d="M0 0h48v48H0z"></path>
+											</g>
+										</svg>
+									</div>
+								</div>
+								<span style="font-size:13px;line-height:34px;" class="abcRioButtonContents">
+									<span id="not_signed_inj8m22390nmxg">Sign in</span>
+									<span id="connectedj8m22390nmxg" style="display:none">Signed in</span>
+								</span>
+							</div>
+						</div>
+					</div> -->
+			  </div>
+			  <div class="card-footer">
+				  <div class="d-flex justify-content-center links">
+						<!--register-->
+					  Don't have an account?<a id="user-singUp" href="#">Sign Up</a>
+				  </div>
+				  <div class="d-flex justify-content-center">
+						<!--last options-->
+					  <a href="#">Forgot your password?</a>
+				  </div>
+				</div>
+			</div>
+	  </div>
+	<!--END Halaman Login-->
+</div>
+<!------------------------------------------------------------------------------->
+<div id="singup-page" class="container">
+	<!--Halaman singup-->
+  	<!--form singup-->
+	  <div class="d-flex justify-content-center h-100">
+		  <div class="card">
+			  <div class="card-header">
+				  <h3>Sign Up</h3>
+			  </div>
+			  <div class="card-body">
+
+				  <!--Form singup-->
+				  <form onsubmit="userSignUp(event)">
+					  <div class="input-group form-group">
+						  <div class="input-group-prepend">
+							  <span class="input-group-text"><i class="fas fa-user text-light"></i></span>
+						  </div>
+							  <!--Email-->
+						  <input type="email" id="regis-email" class="form-control" placeholder="Email">
+
+					  </div>
+					  <div class="input-group form-group">
+						  <div class="input-group-prepend">
+							  <span class="input-group-text"><i class="fas fa-key text-light"></i></span>
+							 </div>
+							  <!--password-->
+						  <input type="password" id="regis-password" class="form-control" placeholder="password">
+					  </div>
+					  <div class="form-group">
+							  <!--btn submit-->
+						  <input type="submit" value="Sign Up" class="btn float-right login_btn mt-4 text-light">
+						</div>
+					</form>
+				  <!--END Form signup-->
+					<button id="User-back-login" class="btn login_btn mt-4 text-light">Back</button>
+				</div>
+		  </div>
+	  </div>
+	<!--END Halaman signup-->
+</div>
+<!------------------------------------------------------------------------------->
+<!--Home Page-->
+<div id="content-page" >
+	<!--Navbar -->
+	<div id="navBar">
+		<nav class="mb-1 navbar navbar-expand-lg navbar-dark secondary-color lighten-1">
+			<a id="listAll-todo" class="navbar-brand" href="#">ToDo List</a>
+			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-555"
+			aria-controls="navbarSupportedContent-555" aria-expanded="false" aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+			</button>
+			<div class="collapse navbar-collapse" id="navbarSupportedContent-555">
+			<ul class="navbar-nav mr-auto">
+				<!--ADD TODO-->
+				<li class="nav-item active">
+				<a id="add-todo" class="nav-link" href="#">Add Todo
+					<span class="sr-only">(current)</span>
+				</a>
+				</li>
+			</ul>
+			<ul class="navbar-nav ml-auto nav-flex-icons">
+				<!--Log out-->
+				<li class="nav-item">
+					<a id="btn-logout" class="nav-link" href="#">Log Out</a>
+				</li>
+			</ul>
+			</div>
+		</nav>
+	</div>
+  	<!--/.Navbar -->
 
+	<!--Halama Home-->
+	<!--All TODO-->
+	<div id="All-Todo-page">
+		<div class="container .container-sm">
+			<div style="background-color:rgba(0,0,0,0.5); border-radius: 20px;" class="d-flex justify-content-center row my-3 bgTodo1">
+				<div style="overflow-x:auto;">
+					<div class="card-body col-md-12">
+						<div style="color: cornsilk;" class="d-flex justify-content-center my-3">
+							<h3 style="text-align: center;" class="textTodoList">Your List ToDos</h3>
+						</div>
+						<div style="overflow-x:auto;">
+							<table class="table table-dark" style="border-radius: 20px;">
+								<thead style="text-align: center;">
+									<tr>
+									<th scope="col">No</th>
+									<th scope="col">Title</th>
+									<th scope="col">Description</th>
+									<th scope="col">Status</th>
+									<th scope="col">Due-Date</th>
+									<th scope="col">Option</th>
+									</tr>
+								</thead>
+								<tbody id="allTodoListData">
+								</tbody>
+							</table>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--end all todo-->
+
+	<!--EDIT TODO-->
+	<div id="form-Edit-Todo-page">
+		<div class="container">
+			<div style="background-color:rgba(0,0,0,0.5); border-radius: 20px;" class="d-flex justify-content-center row my-3">
+				<div class="card-body col-md-7">
+					<div style="color: cornsilk;" class="d-flex justify-content-center my-3">
+						<h3>Edit ToDo List</h3>
+					</div>
+					<!---FORM EDIT-->
+					<div id="form-edit-todo" class="my-3">
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--END EDIT TODO-->
+
+	<!--ADD Todo-->
+	<div id="formAddTodo-page">
+		<div class="container">
+			<div style="background-color:rgba(0,0,0,0.5); border-radius: 20px;" class="d-flex justify-content-center row my-3">
+				<div class="card-body col-md-7">
+					<div style="color: cornsilk;" class="d-flex justify-content-center my-3">
+						<h3>Add ToDo List</h3>
+					</div>
+					<div class="formAddToDo my-3">
+						<form onsubmit="addTodoListUser(event)">
+							<div class="form-group">
+							  <label>Title</label>
+							  <input id="add-todo-title" type="text" class="form-control" placeholder="You'r Title To Do">
+							</div>
+							<div class="form-group">
+							  <label>Description</label>
+							  <input id="add-todo-description" type="text" class="form-control" placeholder="You'r Description To Do">
+							</div>
+							<div class="form-group">
+								<label> Due Date</label>
+								<input id="add-todo-dueDate" type="date" class=" form-control">
+								<small class="form-text text-muted">Minimal 1 hari dari hari ini</small>
+							</div>
+							<button type="submit" class="btn btn-primary">Submit</button>
+						  </form>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+	<!--END Halaman Home-->
+<!-------------------------------------------------------------------------->
+  <!--jQuery-->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <!--Scrip JS-->
+  <script src="index.js"></script>
+  <!--Scrip Bootstrap-->
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+</body>
+</html>
+<!-------------------------------------------------------------------------->
+  <!--jQuery-->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <!--Googel Sign in-->
+  <script src="https://apis.google.com/js/platform.js" async defer></script>
+  <!--sweetalert2-->
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
+  <!--Scrip JS-->
+  <script src="index.js"></script>
+  <!--Scrip Bootstrap-->
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
 </body>
 </html>