Skip to content

Commit

Permalink
change_pin.html and attendance.html changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@dannyneira
dannyneira committed Sep 1, 2017
1 parent 33f6aec commit b699c2b
Show file tree
Hide file tree
Showing 12 changed files with 383 additions and 34 deletions.
217 changes: 217 additions & 0 deletions static/Login.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,217 @@
<!DOCTYPE html>
<!-- saved from url=(0035)http://localhost:5000/teacher_login -->
<html lang="en" data-livestyle-extension="available" class="gr__localhost"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="./Login_files/ionicons.min.css">
<link rel="stylesheet" href="./Login_files/icon">
<link rel="stylesheet" href="./Login_files/materialize.min.css" media="screen,projection">
<link rel="stylesheet" type="text/css" href="./Login_files/style.css" media="screen,projection">
<script type="text/javascript" src="./Login_files/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./Login_files/materialize.min.js"></script>
<script type="text/javascript" src="./Login_files/plugins.js"></script>
<title>Login</title>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
background-image: url('https://www.launchcode.org/assets/cover_banner_blue-8152795f6794e4bbb9fae2a63ad5bb01.jpg');
background-position: 0px -140px;
background-size: cover;
}
.card.medium {
height: 325px;
}
.card.large {
height: 550px;
}
.tabs .tab a:hover, .tabs .tab a.active{
color: rgba(092,147,206,1) !important;
}
.tabs .tab a{
color: rgba(092,147,206,0.6) !important;
}
.indicator{
background-color: rgba(092,147,206,1) !important;
}
nav .brand-logo{
font-size: 1.75rem;
}
.dropdown-content li>a, .dropdown-content li>span{
color: rgba(050,050,050,1);
}
.dropdown-content{
min-width: 165px;
}
#teacher-card{
margin: 3rem 0 3rem 0;
height: 325px;
}
#teacher{
width: 50%;
}
#student-card{
margin: 6rem 0 6rem 0;
}
#student{
width: 30%;
}
#index{
margin: 12rem 0 12rem 0;
}
#index-btn{
min-width: 200px;
min-height: 60px;
margin: 10px;
padding: 1rem;
vertical-align: center;
font-size: 1.25rem;
letter-spacing: 1px;
}
.lc-blue{
background-color: #344A5F !important;
}
.lc-light-blue{
background-color: #5C93CE !important;
}
.lc-orange{
background-color: #F0400F !important;
}
.lc-light-orange{
background-color: #F47753 !important;
}
</style>
<script>
$(document).ready(function(){
// Initialize collapsibles
$(".collapsible").collapsible();
// Initialize collapse button
$(".button-collapse").sideNav();
// Initialize dropdown
$(".dropdown-button").dropdown();
// Initialize options
$('select').material_select();



});
// { flash }
</script>
</head>
<body data-gr-c-s-loaded="true" cz-shortcut-listen="true" style=""><div id="StayFocusd-infobar" style="display:none;">
<img src="chrome-extension://laankejkbhbdhmipfmgcngdelahlfoji/common/img/eye_19x19_red.png">
<span id="StayFocusd-infobar-msg"></span>
<span id="StayFocusd-infobar-links">
<a id="StayFocusd-infobar-never-show">hide forever</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a id="StayFocusd-infobar-hide">hide once</a>
</span>
</div>
<header>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper lc-blue">
<a href="http://localhost:5000/" class="brand-logo center">LaunchCode Attendance</a>

<ul class="left">
<li><a class="dropdown-button" href="http://localhost:5000/teacher_login#!" data-activates="dropdown"><i class="material-icons">menu</i></a><ul class="dropdown-content lc-light-orange" id="dropdown">
<li><a class="nav-dropwdown" href="http://localhost:5000/"><i class="material-icons left">home</i>Home</a></li>
<li><a class="nav-dropwdown" href="http://localhost:5000/attendance"><i class="material-icons left">perm_contact_calendar</i>Attendance</a></li>
<li><a class="nav-dropwdown" href="http://localhost:5000/students"><i class="material-icons left">people</i>Students</a></li>
</ul></li>
</ul>
<a href="http://localhost:5000/teacher_login#" data-activates="mobile-demo" class="button"></a>

<ul class="right">
<li><a class="waves-effect waves-light" href="http://localhost:5000/logout">Logout</a></li>
</ul>

</div>
</nav>
</div>
</header>
<main>

<div class="container" id="teacher">
<div class="card large hoverable m6" id="teacher-card">
<div class="card-tabs text">
<ul class="tabs tabs-fixed-width">
<li class="tab"><a class="active" href="http://localhost:5000/teacher_login#login">Login</a></li>
<li class="tab"><a class="" href="http://localhost:5000/teacher_login#signup">Signup</a></li>
<li class="indicator" style="right: 365px; left: 0px;"></li></ul>
</div>
<div class="card-content">
<div id="login" class="active" style="">
<form class="col s12" action="http://localhost:5000/teacher_login" method="post">
<div class="row">
<div class="input-field col s12">
<label for="email">E-mail</label>
<input class="validate" id="email" name="email" type="text" value="" autocomplete="off" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;">
</div>
</div>
<div class="row">
<div class="input-field col s12">
<label for="password">Password</label>
<input class="validate" id="password" name="password" type="password" autocomplete="off" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;">
</div>
</div>
<div class="row">
<button class="btn waves-effect waves-light lc-orange right" type="submit" name="action">Login</button>
</div>
</form>
</div>
<div id="signup" class="" style="display: none;">
<form class="col s12" action="http://localhost:5000/teacher_signup" method="post">
<div class="row">
<div class="input-field col s6">
<label for="firstname">First Name</label>
<input class="validate" id="firstname" name="firstname" type="text" value="">
</div>
<div class="input-field col s6">
<label for="lastname">Last Name</label>
<input class="validate" id="lastname" name="lastname" type="text" value="">
</div>
</div>
<div class="row">
<div class="input-field col s12">
<label for="email">E-mail</label>
<input class="validate" id="email" name="email" type="text" value="">
</div>
</div>
<div class="row">
<div class="input-field col s12">
<label for="password">Password</label>
<input class="validate" id="password" name="password" type="password">
</div>
</div>
<div class="row">
<div class="input-field col s12">
<label for="confirm">Confirm Password</label>
<input class="validate" id="confirm" name="confirm" type="password">
</div>
</div>
<div class="row">
<button class="btn waves-effect waves-light lc-orange right" type="submit" name="action">Signup</button>
</div>
</form>
</div>
</div>
</div>
</div>

</main>
<footer class="page-footer lc-blue">
<div class="footer-copyright">
<div class="container">
© 2017 Copyright
<a class="white-text right" href="https://github.com/anthony-becerra/launchcode-attendance" target="_blank">Fork us on Github! <i class="ion-social-github"></i></a>
</div>
</div>

</footer>

<div class="hiddendiv common"></div></body></html>
23 changes: 23 additions & 0 deletions static/Login_files/icon
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v29/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
11 changes: 11 additions & 0 deletions static/Login_files/ionicons.min.css
View file

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions static/Login_files/jquery-3.2.1.min.js
View file

Large diffs are not rendered by default.

16 changes: 16 additions & 0 deletions static/Login_files/materialize.min.css
View file

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions static/Login_files/materialize.min.js
View file

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions static/Login_files/plugins.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
$(document).ready(function(){
// Initialize collapsibles
$('.collapsible').collapsible();
// Initialize collapse button
$(".button-collapse").sideNav();
});
50 changes: 50 additions & 0 deletions static/Login_files/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
.lc-blue{
background-color: #344A5F;
}
.lc-light-blue{
background-color: #5C93CE;
}
.card.large {
height: 550px;
}
.tabs .tab a:hover, .tabs .tab a.active{
color: rgba(000,188,212,1) !important;
}
.tabs .tab a{
color: rgba(000,188,212,0.7);
}
.indicator{
background-color: rgba(000,188,212,1) !important;
}
nav .brand-logo{
font-size: 1.75rem;
}
.dropdown-content li>a, .dropdown-content li>span{
color: whitesmoke;
}
.dropdown-content{
min-width: 165px;
}
#teacher-card{
margin: 3rem 0 3rem 0;
}
#teacher{
width: 50%;
}
#student-card{
margin: 6rem 0 6rem 0;
}
#student{
width: 30%;
}
#index{
margin: 12rem 0 12rem 0;
}
Binary file removed static/images/lc-banner.jpg
View file
Binary file not shown.
63 changes: 38 additions & 25 deletions templates/attendance.html
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,41 @@
{% extends 'base.html' %}
{% block content %}
{% if attendance|length == 0 %}
<form method='post'>
<select name="date_now">
{% for date in dates %}
<option value="{{date.date_now}}">{{date.date_now}}</option>
{% endfor %}
</select>
<br><br>
<input type="submit">
</form>
{% else %}
<ul>
{% for att in attendance %}
<hr>
<li>
<!-- <input type="hidden" name="att.date_now" value={{att.date_now}} /> -->
<h2> <span style="display:inline-block; padding-left:1%;"> {{ att.date_now }}</a> </span> </h2>
<h2> <span style="display:inline-block; padding-left:1%;"> {{ att.owner.first_name }} </span> </h2>
<h2> <span style="display:inline-block; padding-left:1%;"> {{ att.owner.last_name }} </span> </h2>

</li>
<hr>
{% endfor %}
</ul>
{% endif %}
<div class="container">
{% if attendance|length == 0 %}
<div class="card small hoverable m6">
<div class="card-content">
<span class="card-title" >Attendance Dates</span>
<form action="/attendance" method="post">
<div class="row">
<div class="input-field col s12">
<select name="date_now" id="date_now">
{% for student in students %}
<option value="{{ date.date_now }}">{{date.date_now}}</option>
{% endfor %}
<label for="date_now">Dates</label>
</select>
</div><br><br>
</div>
<div class="row">
<button class="btn waves-effect waves-light lc-light-blue right" type="submit" name="action">Select Date</button>
</div>
</form>
</div>
</div>
{% else %}
<ul>
{% for att in attendance %}
<hr>
<li>
<!-- <input type="hidden" name="att.date_now" value={{att.date_now}} /> -->
<h2> <span style="display:inline-block; padding-left:1%;"> {{ att.date_now }}</a> </span> </h2>
<h2> <span style="display:inline-block; padding-left:1%;"> {{ att.owner.first_name }} </span> </h2>
<h2> <span style="display:inline-block; padding-left:1%;"> {{ att.owner.last_name }} </span> </h2>

</li>
<hr>
{% endfor %}
</ul>
{% endif %}
</div>
{% endblock %}
Loading

0 comments on commit b699c2b

Please sign in to comment.