cmsc-207-team-alpha · lloyddacles · Mar 25, 2018 · Mar 25, 2018 · Mar 25, 2018 · Mar 26, 2018
diff --git a/.gitignore b/.gitignore
diff --git a/app/assets/.htaccess b/app/assets/.htaccess
@@ -0,0 +1 @@
+Options -Indexes
diff --git a/app/assets/images/favicon.png b/app/assets/images/favicon.png
diff --git a/app/assets/images/logoteam-alpha.png b/app/assets/images/logoteam-alpha.png
diff --git a/app/assets/login.php b/app/assets/login.php
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<?php include_once("layouts/header.php") ?>
+</head>
+<body class="my-login-page">
+  <section class="h-100">
+    <div class="container h-100">
+      <div class="row  h-100">
+          <div class="brand-lg">
+            <img src="assets/images/upoulogo.png">
+          </div>
+          <div class="card-wrapper">
+          <div class="brand">
+            <a href="index.php">
+              <img src="assets/images/upoulogo.png">
+            </a>
+          </div>
+          <div class="card fat">
+            <div class="card-body">
+              <h4 class="card-title">Login</h4>
+              <form method="POST">
+                <div class="form-group">
+                  <div class="input-group mb-2 mr-sm-2">
+                  <div class="input-group-prepend">
+                  <div class="input-group-text"><i class="fa fa-lg fa-user"></i></div>
+                  </div>
+                  <input type="text" class="form-control" name="username" id="username" placeholder="Username">
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label for="password">Password
+                    <a href="index.php" class="float-right">
+                      Forgot Password?
+                    </a>
+                  </label>
+                  <div class="input-group mb-2 mr-sm-2">
+                    <div class="input-group-prepend">
+                      <div class="input-group-text"><i class="fa fa-lg fa-lock"></i></div>
+                    </div>
+                    <input type="text" class="form-control" name="password" id="password" placeholder="Password">
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>
+                    <input type="checkbox" name="remember"> Remember Me
+                  </label>
+                </div>
+                <div class="form-group no-margin">
+                  <button type="submit" class="btn btn-success btn-block">
+                    Login
+                  </button>
+                </div>
+                <div class="margin-top20 text-center">
+                  Don't have an account? <a href="register.html">Create One</a>
+                </div>
+              </form>
+            </div>
+          </div>
+          <div class="footer">
+            Copyright &copy; 2018 &mdash; UPOU-CMSC-207-Team-Alpha 
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</body>
+</html>
diff --git a/app/assets/stylesheets/dashboard.css b/app/assets/stylesheets/dashboard.css
@@ -0,0 +1,155 @@
+  html, body {
+    height: 100%;
+    background-attachment: fixed;
+  }
+
+body {
+  font-size: .875rem;
+  background: linear-gradient(#fefefe, #c3d6dd);
+  background-attachment: fixed;
+}
+
+.table td {
+  vertical-align: middle;
+  padding: .25rem .75rem;
+}
+
+.feather {
+  width: 16px;
+  height: 16px;
+  vertical-align: text-bottom;
+}
+
+.page-item.active .page-link {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+
+.img-profile-sm {
+  width: 2.75rem;
+  margin-right: 10px;
+}
+
+/*
+ * Sidebar
+ */
+
+.sidebar {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100; /* Behind the navbar */
+  padding: 0;
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+  background: linear-gradient(#fefefe, #c3d6dd);
+}
+
+.sidebar-sticky {
+  position: absolute;
+  top: 48px; /* Height of navbar */
+  height: calc(100vh - 48px);
+  padding-top: .5rem;
+  overflow-x: hidden;
+  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+}
+
+.sidebar .nav-link {
+  font-weight: 500;
+  color: #333;
+}
+
+.sidebar .nav-link .feather {
+  margin-right: 4px;
+  color: #999;
+}
+
+.sidebar .nav-link.active {
+  color: #007bff;
+}
+
+.sidebar .nav-link:hover .feather,
+.sidebar .nav-link.active .feather {
+  color: inherit;
+}
+
+.sidebar-heading {
+  font-size: .75rem;
+  text-transform: uppercase;
+}
+
+/*
+ * Navbar
+ */
+
+.navbar-brand {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
+  font-size: 1rem;
+  background-color: rgba(0, 0, 0, .25);
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
+}
+
+.navbar .form-control {
+  padding: .75rem 1rem;
+  border-width: 0;
+  border-radius: 0;
+}
+
+.form-control-dark {
+  color: #fff;
+  background-color: rgba(255, 255, 255, .1);
+  border-color: rgba(255, 255, 255, .1);
+}
+
+.form-control-dark:focus {
+  border-color: transparent;
+  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
+}
+
+/*
+ * Utilities
+ */
+
+.border-top { border-top: 1px solid #e5e5e5; }
+.border-bottom { border-bottom: 1px solid #e5e5e5; }
+
+.brand {width: 100%;}
+
+@media screen and (min-width: 768px) {
+  .navbar-brand {
+    position: relative;
+    width: 100%;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+
+  main {
+    background: linear-gradient(#fefefe, #c3d6dd);
+    background-attachment: fixed;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .navbar-brand {
+    box-shadow: none;
+    padding: 12px;
+    width: auto;
+  }
+  .navbar-nav .nav-link {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  .navbar-toggler {
+    margin-right: 5px;
+  }
+}
+
+.dropdown-menu .dropdown-item:hover {background: #63f985; color:#fff;}
+.dropdown-menu .dropdown-item:active {background: #63f985; color:#fff;}
+.dropdown-menu .dropdown-item:focus {background: #28a745; color:#fff;}
+.dropdown-menu .dropdown-item {display: inline-block; width: 100%;}
+.container .dropdown .dropdown-menu a:hover
diff --git a/app/assets/stylesheets/login.css b/app/assets/stylesheets/login.css
@@ -0,0 +1,122 @@
+html,body {
+	height: 100%;
+}
+
+body {
+    background: linear-gradient(#fefefe, #c3d6dd);
+}
+
+body.login-page {
+	background-color: #f7f9fb;
+	font-size: 14px;
+}
+
+.login-page .brand {
+	width: 13rem;
+	overflow: hidden;
+	margin: 10px auto;
+}
+
+.login-page .brand img {
+	width: 100%;
+}
+
+.login-page {
+	margin: 0 auto;
+}
+
+.login-page .card-wrapper {
+	width: 400px;
+}
+
+.brand-lg {
+	margin-left: auto;
+}
+
+.brand-lg a > img {
+	margin-top: 115px;
+	width: 20rem;
+	padding-right: 1rem;
+}
+
+.card {
+	margin-top: 115px;
+}
+
+.brand {
+	display: none
+}
+
+@media only screen and (max-width: 768px) {
+	.card {
+		margin-top: 0px;
+	}
+
+	.card-wrapper {
+		margin: auto;
+	}
+
+	.brand {
+		display: block;
+	}
+
+	.brand-lg {
+		display: none;
+	}
+}
+
+.login-page .card {
+	border-color: transparent;
+	box-shadow: 0 0 40px rgba(0,0,0,.05);
+}
+
+.login-page .card.fat {
+	padding: 10px;
+}
+
+.login-page .card .card-title {
+	margin-bottom: 30px;
+}
+
+.login-page .form-control {
+	border-width: 2.3px;
+}
+
+.login-page .form-group label {
+	width: 100%;
+}
+
+.login-page .btn.btn-block {
+	padding: 12px 10px;
+}
+
+.login-page .margin-top20 {
+	margin-top: 20px;
+}
+
+.login-page .no-margin {
+	margin: 0;
+}
+
+.login-page .footer {
+	margin: 40px 0;
+	color: #888;
+	text-align: center;
+}
+
+@media screen and (max-width: 425px) {
+	.login-page .card-wrapper {
+		width: 90%;
+		margin: 0 auto;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	.login-page .card.fat {
+		padding: 0;
+	}
+
+	.login-page .card.fat .card-body {
+		padding: 15px;
+	}
+}
diff --git a/app/dashboard.php b/app/dashboard.php
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<?php include_once("layouts/dashboard.header.php")?>
+	</head>
+	<body class="login-page">
+		<?php include_once("layouts/dashboard.navigation.php")?>
+	    <div class="container-fluid">
+	      <div class="row">
+	      	<?php include_once("layouts/dashboard.sidebar.php")?>
+	        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
+	          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
+	            <h1 class="h2"><span class="fa fa-fw fa-tachometer-alt"></span> Dashboard</h1>
+	          </div>
+	          </main>
+	      </div>
+	    </div>
+	</body>
+</html>