Feature: Update register template

app/assets/stylesheets/application.css.scss.erb

@@ -42,6 +42,9 @@
 @import "instances_table";
 @import "file_uploader";
 @import "browse";
+@import "login";
+@import "lostpassword";
+@import "register";
 
 /* Bootstrap and Font Awesome */
 @import "bootstrap";

app/assets/stylesheets/bioportal.scss

@@ -49,7 +49,7 @@
 #bd {
   background: #fff;
 }
-#bd hr {
+#bd > hr {
   border:0;
   height:1px;
   color:#e9eaeb;

app/assets/stylesheets/login.scss

@@ -0,0 +1,83 @@
+*{
+    font-family: poppins;
+    margin: 0;
+    padding: 0;
+}
+.login-page-container{
+    display: flex;
+    justify-content: center;
+}
+
+.login-form{
+    margin-top: 30px;
+    padding-top: 37px;
+    padding-bottom: 37px;
+    padding-left: 41px;
+    padding-right: 41px;
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 50px;
+    border-radius: 14px;
+}
+
+.login-input{
+    box-sizing: border-box;
+    outline: none;
+    padding: 21px;
+    font-size: 16px;
+    border: 1px solid #BDBDBD;
+    border-radius: 9px;
+    width: 357px;
+
+}
+
+.login-input:focus{
+    border: 1px solid #76A7CC;
+}
+.login-input::placeholder{
+    font-weight: 300;
+    color: #C1C1C1;
+}
+
+.login-input-title{
+    font-size: 13px;
+    margin-bottom: 5px;
+    font-weight: 600;
+    color: #666666;
+}
+.email-input{
+    margin-bottom: 20px;
+}
+.password-input{
+    margin-bottom: 8px;
+}
+.login-forgot-password{
+    font-weight: 500 ;
+    text-align: end;
+    text-decoration:none;
+    font-size: 13px;
+
+}
+.login-button{
+    margin-top: 10px;
+   width: 357px;
+   font-size: 16px;
+   color: white;
+   padding: 17px;
+   background-color: #76A7CC;
+   border: none;
+   border-radius: 9px;
+   margin-bottom: 20px;
+}
+.login-button:hover{
+    background-color: #6B96B7;
+    cursor: pointer;
+}
+
+.dont-have-account{
+    font-size: 15px;
+    font-weight: 600;
+    text-align: center;
+}
+.login-register-button{
+    text-decoration: none;
+
+}

app/assets/stylesheets/lostpassword.scss

@@ -0,0 +1,128 @@
+*{
+    font-family: poppins;
+    margin: 0;
+    padding: 0;
+}
+.lost-password-page-container{
+    margin: 40px;
+    display: flex;
+    justify-content: center;
+}
+.lost-password-sucess{
+    margin: 70px;
+    display: flex;
+    justify-content: center;
+}
+
+.lost-password-form{
+    margin-top: 30px;
+    padding-top: 37px;
+    padding-bottom: 37px;
+    padding-left: 41px;
+    padding-right: 41px;
+    box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 50px;
+    border-radius: 14px;
+}
+.lost-password-title-bar{
+    display: flex;
+    justify-content: space-between;
+}
+.lost-password-arrowback{
+    all: none;
+}
+.lost-password-title{
+    font-size: 18px;
+    text-align: center;
+    font-weight: 700;
+}
+#lost-password-title-line{
+    width: 128px ;
+    margin: auto !important ;
+    margin-bottom: 14px !important ;
+    margin-top: 3px !important ;
+    border: 1px solid #76A7CC !important ;
+    border-radius: 5px ;
+}
+
+.lost-password-description{
+    color: #666666;
+    font-size: 12.5px;
+    margin-bottom: 14px;
+    width: 357px;
+}
+
+
+
+.lost-password-input{
+    box-sizing: border-box;
+    outline: none;
+    padding: 21px;
+    font-size: 16px;
+    border: 1px solid #BDBDBD;
+    border-radius: 9px;
+    width: 357px;
+
+}
+
+.lost-password-input:focus{
+    border: 1px solid #76A7CC;
+}
+.lost-password-input::placeholder{
+    font-weight: 300;
+    color: #C1C1C1;
+}
+
+.lost-password-input-title{
+    font-size: 13px;
+    margin-bottom: 5px;
+    font-weight: 600;
+    color: #666666;
+}
+.lost-password-button{
+    margin-top: 20px;
+   width: 357px;
+   font-size: 16px;
+   color: white;
+   padding: 21px;
+   background-color: #76A7CC;
+   border: none;
+   border-radius: 9px;
+   margin-bottom: 20px;
+   display: block;
+}
+.lost-password-button:hover{
+    background-color: #6B96B7;
+    cursor: pointer;
+}
+
+.lost-password-icon{
+    display: flex;
+    justify-content: center;
+    margin-bottom: 21px;
+}
+.lost-password-feedback{
+    text-align: center;
+    width: 310px;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 21px;
+}
+
+.lost-password-back-home{
+    color: #76A7CC;
+    padding: 16px;
+    border: 1px solid #76A7CC;
+    border-radius: 9px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    text-decoration: none;
+
+}
+.lost-password-back-home:hover{
+    text-decoration: none;
+
+}
+
+

app/assets/stylesheets/register.scss

@@ -0,0 +1,123 @@
+.register-page-container{
+    display: flex;
+    justify-content: center;
+}
+
+.register-form{
+    margin-top: 30px;
+    padding-top: 37px;
+    padding-bottom: 37px;
+    padding-left: 41px;
+    padding-right: 41px;
+    box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 50px;
+    border-radius: 14px;
+}
+
+.register-title-bar{
+    display: flex;
+    justify-content: space-between;
+}
+.register-arrowback{
+    all: none;
+}
+.register-title{
+    font-size: 18px;
+    text-align: center;
+    font-weight: 700;
+}
+#register-title-line{
+    width: 128px;
+    margin: auto;
+    margin-bottom: 20px;
+    margin-top: 3px;
+    border: 0.5px solid #76A7CC;
+    border-radius: 5px;
+}
+
+.register-double-input{
+    display: flex;
+    margin-bottom: 14px;
+}
+.register-first-input{
+    margin-right: 19px;
+}
+
+.register-input-title{
+    font-size: 12px;
+    color: #666666;
+    margin-bottom: 5px;
+    font-weight: 600;
+}
+.register-optional{
+    font-weight: 300;
+
+}
+.register-input-long{
+    width: 363px;
+    outline: none;
+    padding: 14px;
+    font-size: 15px;
+    font-weight: 500;
+    border: 1px solid #BDBDBD;
+    border-radius: 9px;
+    margin-bottom: 14px;
+}
+.register-input-long:focus{
+    border: 1px solid #76A7CC;
+}
+
+.register-input-short{
+    width: 172px;
+    outline: none;
+    padding: 14px;
+    font-size: 15px;
+    font-weight: 500;
+    border: 1px solid #BDBDBD;
+    border-radius: 9px;
+}
+.register-input-short:focus{
+    border: 1px solid #76A7CC;
+}
+
+
+.register-input-icon{
+    position: absolute;
+    padding: 18px;
+    box-sizing: unset;
+}
+.register-input-with-icon{
+
+    padding-left: 45px;
+
+}
+.register-input-icon-container{
+    display: flex;
+}
+.register-email-list-container{
+    display: flex;
+}
+
+#register-check-text{
+    margin-left: 10px;
+    color: #666666;
+    font-size: 12px;
+    font-weight: 400;
+    margin-bottom: 0;
+}
+
+.register-button{
+    margin-top: 20px;
+   width: 363px;
+   font-size: 16px;
+   color: white;
+   padding: 17px;
+   background-color: #76A7CC;
+   border: none;
+   border-radius: 9px;
+
+}
+
+.register-button:hover{
+    background-color: #6B96B7;
+    cursor: pointer;
+}

app/controllers/login_controller.rb

@@ -75,14 +75,18 @@ def destroy
   def lost_password
   end
 
+  def lost_password_success
+  end
+
+
   # Sends a new password to the user
   def send_pass
     username = params[:user][:account_name]
     email = params[:user][:email]
     resp = LinkedData::Client::HTTP.post("/users/create_reset_password_token", {username: username, email: email})
 
     if resp.nil?
-      redirect_to login_index_path, notice: "Please check your email for a message with reset instructions"
+      redirect_to "/lost_pass_success"
     else
       flash[:notice] = resp.errors.first + ". Please try again."
       redirect_to "/lost_pass"

app/controllers/users_controller.rb

@@ -191,9 +191,6 @@ def validate(params)
     if params[:email].nil? || params[:email].length < 1 || !params[:email].match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i)
       errors << "Please enter an email address"
     end
-    if !params[:email].eql?(params[:email_confirmation])
-      errors << "Your Email and Email Confirmation do not match"
-    end
     if params[:password].nil? || params[:password].length < 1
       errors << "Please enter a password"
     end