From feec767afa4ffa092ff3df808eab7ae9568265cb Mon Sep 17 00:00:00 2001
From: Matthew Farias <ezioblade64@gmail.com>
Date: Tue, 31 Jul 2018 14:14:01 -0400
Subject: [PATCH 1/2] Shows a warning if caps lock is on when user is at sign
 in page

---
 app/public/js/password_caps.js             | 8 ++++++++
 app/resources/views/pages/signin.blade.php | 7 ++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 app/public/js/password_caps.js

diff --git a/app/public/js/password_caps.js b/app/public/js/password_caps.js
new file mode 100644
index 00000000..e7f8233c
--- /dev/null
+++ b/app/public/js/password_caps.js
@@ -0,0 +1,8 @@
+document.addEventListener( 'keydown', function( event ) {
+	var caps = event.getModifierState && event.getModifierState( 'CapsLock' );
+	if(caps) {
+  		$("#capsLock").show();
+  	} else {
+  		$("#capsLock").hide();
+  	}
+});
\ No newline at end of file
diff --git a/app/resources/views/pages/signin.blade.php b/app/resources/views/pages/signin.blade.php
index a11c4d6a..9f864886 100644
--- a/app/resources/views/pages/signin.blade.php
+++ b/app/resources/views/pages/signin.blade.php
@@ -1,6 +1,9 @@
 @extends('layouts.default', ['body_class' => 'nav-profile'])
 @section('content')
-
+	<link href="/css/jquery/jquery-ui.css" rel="stylesheet" type="text/css">
+	<script src="/css/jquery/external/jquery/jquery.js"></script>
+	<script src="/css/jquery/jquery-ui.js"></script>
+	<script src="/js/password_caps.js" type="text/javascript"></script>
 <div class="sign-in">
 	<div class="text-center header">
 		<h1>Sign In</h1>
@@ -29,6 +32,8 @@ class="clean" name="email"
 						</div>
 						<div class="col-xs-12">
 							<input class="clean" name="password" type="password" placeholder="Password" value="{{ old('password') }}">
+							<div id="capsLock" class="capsLock" style="display:none;">CapsLock is on!!
+							</div>
 						</div>
 						
                         <div class="col-xs-12">

From ad44184c9794022a935e574d5cc34583e646d664 Mon Sep 17 00:00:00 2001
From: Matthew Farias <ezioblade64@gmail.com>
Date: Wed, 8 Aug 2018 09:25:54 -0400
Subject: [PATCH 2/2] Looks better now and includes icon

---
 app/resources/assets/sass/_sign_in.scss    | 12 ++++++++++++
 app/resources/views/pages/signin.blade.php |  7 +++----
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/resources/assets/sass/_sign_in.scss b/app/resources/assets/sass/_sign_in.scss
index 27973440..9609f803 100644
--- a/app/resources/assets/sass/_sign_in.scss
+++ b/app/resources/assets/sass/_sign_in.scss
@@ -23,6 +23,18 @@
 			padding-top: 15px;
 		}
 	}
+	.capsLock{
+		font-style: italic;
+		margin-bottom: 0px;
+		margin-top: 3px;
+		padding-top: 5px;
+		padding-bottom: 5px;
+		padding-right: 0px;
+		display: none;
+	}
+	.fa-exclamation-circle {
+		margin-left: 10px;
+	}
 
 	.remember-password {
 		padding-top: 10px;
diff --git a/app/resources/views/pages/signin.blade.php b/app/resources/views/pages/signin.blade.php
index 9f864886..9959a634 100644
--- a/app/resources/views/pages/signin.blade.php
+++ b/app/resources/views/pages/signin.blade.php
@@ -1,8 +1,6 @@
 @extends('layouts.default', ['body_class' => 'nav-profile'])
 @section('content')
-	<link href="/css/jquery/jquery-ui.css" rel="stylesheet" type="text/css">
-	<script src="/css/jquery/external/jquery/jquery.js"></script>
-	<script src="/css/jquery/jquery-ui.js"></script>
+	<script src="/js/jquery-3.1.1.js"></script>
 	<script src="/js/password_caps.js" type="text/javascript"></script>
 <div class="sign-in">
 	<div class="text-center header">
@@ -32,7 +30,8 @@ class="clean" name="email"
 						</div>
 						<div class="col-xs-12">
 							<input class="clean" name="password" type="password" placeholder="Password" value="{{ old('password') }}">
-							<div id="capsLock" class="capsLock" style="display:none;">CapsLock is on!!
+							<div id="capsLock" class="capsLock text-right alert alert-warning">CapsLock is on!
+								<span class="fa fa-exclamation-circle"></span>
 							</div>
 						</div>