rails_base 0.51.0

data/app/views/rails_base/shared/_session_create_form.html.erb

@@ -0,0 +1,32 @@
+
+<div class='row'>
+  <div class='col-md-10 offset-md-1'>
+    <%= form_for(resource, as: resource_name, url: url) do |f| %>
+      <div class="field form-group row">
+        <div class="col-md-10 offset-md-1">
+          <%= f.email_field :email, { autofocus: resource.email.empty? ? true : nil, autocomplete: "email", placeholder: :email, class: 'form-control'}.compact %>
+        </div>
+      </div>
+
+      <div class="field form-group row">
+        <div class="col-md-10 offset-md-1">
+          <%= f.password_field :password, { autofocus: resource.email.empty? ? nil : true, autocomplete: "current-password", placeholder: :password, class: 'form-control'}.compact %>
+        </div>
+      </div>
+
+      <div class="actions row">
+        <div class="col-md-6 offset-md-1">
+          <%= f.submit "Log in", class: "btn btn_success btn-block" %>
+        </div>
+        <div class="col-md-2">
+          <a class="btn btn_primary btn-block" href="<%=Rails.application.routes.url_helpers.new_user_registration_path%>" role="button">Sign up</a>
+            </div>
+            <div class="col-md-2">
+              <a class="btn btn_primary btn-block" href="<%=Rails.application.routes.url_helpers.new_user_password_path%>" role="button">Forgot Password?</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_base/shared/_session_timeout_modal.html.erb

@@ -0,0 +1,76 @@
+<% default_time = 60 %>
+
+<div class="modal fade" id="sessionTimeoutModal" tabindex="-1" role="dialog" aria-labelledby="sessionTimeoutModal" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="sessionTimeoutModalLabel">Are you still there?</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body text-center">
+        <%
+          idle = distance_of_time_in_words(RailsBase.config.auth.session_timeout - 60)
+        %>
+        This session has been idle ~<%= idle %>. This session will log out in: </br>
+        <strong id='modify_counter' style="font-size: 300%"><%= default_time %></strong>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn_secondary btn-block" data-dismiss="modal">Save Session</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+<script type="text/javascript">
+  var nextAt;
+  var timeoutClock;
+  var sessionTimeoutInterval = 1000;
+
+  function showSessionWarning(remainingTime){
+    resetSessionWarning();
+    $('#modify_counter').text(`${remainingTime}`)
+    $('#sessionTimeoutModal').modal('show');
+    nextAt = new Date().getTime();
+    timeoutClock = setTimeout(modifyCounter(), nextAt);
+  }
+
+  function closeSessionWarning(){
+    resetSessionWarning();
+    $('#sessionTimeoutModal').modal('hide');
+  }
+
+  function resetSessionWarning(){
+    clearTimeout(timeoutClock)
+    $('#modify_counter').css('color','')
+    $('#modify_counter').text(`<%= default_time%>`)
+  }
+
+  $('#sessionTimeoutModal').on('hidden.bs.modal', function (e) {
+    // when we close, ensure that we call the heartbeat server to reset the
+    sessionManager.checkForSessionHeartbeat();
+    resetSessionWarning();
+  })
+
+  function modifyCounter(){
+    nextAt += sessionTimeoutInterval;
+    var time_remaining = parseInt($('#modify_counter').text());
+    var modify_time = time_remaining - 1;
+    if(time_remaining>0){
+      $('#modify_counter').text(`${modify_time}`)
+    }
+
+    if(modify_time <= 10){
+      $('#modify_counter').css('color','red')
+    }
+    if(modify_time <=0){
+      timeoutClock = setTimeout(function(){ $('#sessionTimeoutModal').modal('show'); }, nextAt - new Date().getTime());
+      nextAt = null;
+    } else {
+      timeoutClock = setTimeout(function(){ modifyCounter(); }, nextAt - new Date().getTime());
+    }
+  }
+
+</script>

data/app/views/rails_base/switch_user/_widget.html.erb

@@ -0,0 +1,5 @@
+<% if SwitchUser.switch_back %>
+  <%= check_box_tag "remember_user", "remember_user", provider.original_user.present?, onchange: "location.href = '#{ActionController::Base.relative_url_root}/switch_user/remember_user?remember=' + encodeURIComponent(this.checked)" %>
+<% end %>
+
+<%= select_tag "switch_user_identifier", option_tags, onchange: "location.href = '#{Rails.application.routes.url_helpers.switch_user_path(scope_identifier: '')}' + encodeURIComponent(this.options[this.selectedIndex].value)", class: classes, style: styles %>

data/app/views/rails_base/user_settings/_confirm_destroy_user.html.erb

@@ -0,0 +1,42 @@
+<h4 class='text-center'>We are sad to see you go. But are you sure?</h4>
+<div class="row">
+  <div class="col-md-8 offset-md-2">
+    <div>
+      This is a <strong>DESTRUCTIVE ACTION</strong> and cannot be recovered.
+    </div>
+    <div>
+      To keep account open, please click close
+      <br>
+       To continue with destruction:
+       <ul>
+         <li>Select checkbox</li>
+         <li>Click disable</li>
+       </ul>
+    </div>
+    <div class="text-center">
+      <%= check_box_tag 'confirm-destroy-user-check', 'yes', false, class: 'form-class', style:"width: 1.55rem;
+  height: 1.55rem;" %>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+
+
+  $('#confirm-destroy-user-check').change(function() {
+    if(this.checked) {
+      $(`.destroy_user_btn`).prop('disabled', false);
+      $(`.destroy_user_btn`).removeClass('disabled');
+      $("input[name='data']").val(token);
+    } else {
+      $(`.destroy_user_btn`).addClass('disabled');
+    }
+  });
+
+  $('#destroyUserModal').on('hidden.bs.modal', function (e) {
+    $('#confirm-destroy-user-check').prop('checked',false)
+    $(`.destroy_user_btn`).addClass('disabled')
+  });
+
+
+</script>

data/app/views/rails_base/user_settings/_destroy_user.html.erb

@@ -0,0 +1,106 @@
+<!-- Modal -->
+<div class="modal fade" id="destroyUserModal" tabindex="-1" role="dialog" aria-labelledby="destroyUserModalTitle" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h2 class="modal-title text-center font-weight-bold" id="destroyUserModalLongTitle">Destroy User Account!</h2>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="modal-status"></div>
+        <div class="modal-body-content">
+          <h4 class="text-center">Confirm your current password to continue</h4>
+          <div class="field form-group row">
+            <div class="col-md-10 offset-md-1">
+              <%= password_field_tag :destroy_password, nil, autofocus: true, placeholder: "Password", class: 'form-control', required: true %>
+              <div class="invalid-feedback">
+                Incorrect Password
+              </div>
+            </div>
+          </div>
+          <div class="actions row">
+            <div class="col-md-10 offset-md-1 text-center">
+              <button type="button" class="btn btn_success" id="confirm-destroy-current-password">
+              Confirm Password
+              </button>
+              <button class="btn btn_success" id='confirm-destroy-current-password-wait' type="button" disabled style="display: none">
+                <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true">
+                </span>
+                Please wait...
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <fieldset class="w-100">
+          <button type="button" class="btn btn_secondary float-left" data-dismiss="modal" >Close</button>
+
+          <%= button_to "Destroy User", RailsBase.url_routes.destroy_user_path, class: "destroy_user_btn btn btn_danger disabled float-right disabled", params: { data: nil }%>
+        </fieldset>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  var token = 'this_is_a_temp_value';
+  function destroy_password_submit(){
+    var password = $("#destroy_password").val()
+    var data = { 'user': { 'password': password } }
+    $('#confirm-destroy-current-password').hide()
+    $('#confirm-destroy-current-password-wait').show()
+    $.ajax({
+      type: "POST",
+      url: "<%= RailsBase.url_routes.confirm_current_password_path(reason: :destroy_user) %>",
+      headers: { 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content') },
+      dataType: 'json',
+      data: data,
+      success: function(data) {
+        destroy_password_modal_reset();
+        html_notice = `<p class="alert alert-success">Password valid. Please confirm destruction of Account</p>`
+        token = data.datum
+        $('#destroyUserModal .modal-status').html(html_notice)
+        $('#destroyUserModal .modal-body-content').html(data.html)
+      },
+      error: function(xhr, status, error) {
+        html = `<p class="alert alert-danger">${xhr.responseJSON.msg}</p>`
+        $('#confirm-destroy-current-password').show()
+        $('#confirm-destroy-current-password-wait').hide()
+        $('#destroy_password').val('')
+        $('#destroy_password').focus();
+        $('#destroy_password').addClass('is-invalid');
+        $('#destroyUserModal .modal-status').html(html)
+      }
+    })
+  }
+
+  function destroy_password_modal_reset(){
+    $('#destroy_password').val('')
+    $('#confirm-destroy-current-password').show();
+    $('#confirm-destroy-current-password-wait').hide();
+    $('#destroy_password').removeClass('is-invalid');
+    $('#destroyUserModal .modal-status').html('')
+  }
+
+  $("#confirm-destroy-current-password").click(function(){
+    destroy_password_submit();
+  });
+
+  $('#destroyUserModal').on('shown.bs.modal', function (e) {
+    $('#destroy_password').focus();
+  });
+
+  $('#destroyUserModal').on('hidden.bs.modal', function (e) {
+    destroy_password_modal_reset()
+  });
+
+  $('#destroy_password').keypress(function(event){
+    var keycode = (event.keyCode ? event.keyCode : event.which);
+    if(keycode == '13'){
+      destroy_password_submit();
+    }
+});
+</script>

data/app/views/rails_base/user_settings/_modify_name.html.erb

@@ -0,0 +1,71 @@
+
+<div class="modal fade" id="modifyNameModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Modify Name</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body" style="text-align: center;">
+        <h4>Please enter the name you would like to change to</h4>
+        <%= form_for(:user, as: :user, url: RailsBase.url_routes.user_edit_name_path, html: { class: 'modify_name_change', method: :post }) do |f| %>
+          <div class="field input-group">
+            <div class="input-group-prepend">
+              <span class="input-group-text">
+                First Name
+              </span>
+            </div>
+            <%= f.text_field :first_name, autofocus: true, class: "flex-fill", placeholder: current_user.first_name %>
+            <div class="invalid-feedback">
+              <%= "Invalid Characters present in first name" %>
+            </div>
+          </div>
+          <div class="field input-group">
+            <div class="input-group-prepend">
+              <span class="input-group-text">
+                Last Name
+              </span>
+            </div>
+            <%= f.text_field :last_name, class: "flex-fill", placeholder: current_user.last_name %>
+            <div class="invalid-feedback">
+              <%= "Invalid Characters present in last name" %>
+            </div>
+          </div>
+
+          <div class="actions">
+            <%= f.submit "Confirm Name Change", class: "submit-name-change btn btn_success", style: "width: 50%;" %>
+          </div>
+        <% end %>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="mr-auto btn btn_secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%
+  values = [
+    { name: '#user_first_name', criteria: { required: true, min_length: 2, max_length: 25, pattern: :name }},
+    { name: '#user_last_name', criteria: { required: true, min_length: 2 , max_length: 25, pattern: :name }},
+  ]
+  function_name = 'modify_name_validity'
+%>
+
+<%= render partial: 'rails_base/shared/custom_form_validation_javascript', locals: { function_name: function_name, values: values } %>
+
+<script type="text/javascript">
+  $('#modifyName').on('shown.bs.modal', function (e) {
+    $('#user_first_name').focus();
+  });
+
+  $('.modify_name_change').submit(function( event ) {
+    if (<%=function_name%>() == true){
+      return
+    }
+    event.preventDefault();
+    event.stopPropagation();
+  });
+</script>

data/app/views/rails_base/user_settings/_modify_password.html.erb

@@ -0,0 +1,101 @@
+<div class="modal fade" id="modifyPasswordModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Modify Password</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body" style="text-align: center;">
+      	<div class="modal-status"></div>
+      	<div class="modal-body-content">
+      		<h4>Confirm your current password</h4>
+      		<div class="field form-group row">
+      		  <div class="col-md-10 offset-md-1">
+      		    <%= password_field_tag :password, nil, autofocus: true, placeholder: "Password", class: 'form-control', required: true %>
+      		    <div class="invalid-feedback">
+      		      Incorrect Password
+      		    </div>
+      		  </div>
+      		</div>
+      		<div class="actions row">
+      		  <div class="col-md-10 offset-md-1 text-center">
+      		    <button type="button" class="btn btn_success" id="confirm-current-password">
+      		      Confirm Password
+      		    </button>
+      		    <button class="btn btn_success" id='confirm-current-password-wait' type="button" disabled style="display: none">
+      		      <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true">
+      		      </span>
+      		      Please wait...
+      		    </button>
+      		  </div>
+
+      		</div>
+      	</div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="mr-auto btn btn_secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+	function password_submit(){
+		var password = $("#password").val()
+		var data = { 'user': { 'password': password } }
+		$('#confirm-current-password').hide()
+		$('#confirm-current-password-wait').show()
+		$.ajax({
+		  type: "POST",
+		  url: "<%= RailsBase.url_routes.confirm_current_password_path(reason: :password_flow) %>",
+		  headers: { 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content') },
+		  dataType: 'json',
+		  data: data,
+		  success: function(data) {
+		    console.log('succsful return from current password')
+				current_password_modal_reset()
+		    html_notice = `<p class="alert alert-success">Password valid. Set your new password</p>`
+		    $('#modifyPasswordModal .modal-status').html(html_notice)
+				$('#modifyPasswordModal .modal-body-content').html(data.html)
+		  },
+		  error: function(xhr, status, error) {
+		    html = `<p class="alert alert-danger">${xhr.responseJSON.msg}</p>`
+				$('#confirm-current-password').show()
+				$('#confirm-current-password-wait').hide()
+		    $('#password').val('')
+		    $('#password').focus();
+		    $('#password').addClass('is-invalid');
+		    $('#modifyPasswordModal .modal-status').html(html)
+		  }
+		})
+	}
+
+	function current_password_modal_reset(){
+		$('#password').val('')
+		$('#confirm-current-password').show();
+		$('#confirm-current-password-wait').hide();
+		$('#password').removeClass('is-invalid');
+		$('#modifyPasswordModal .modal-status').html('')
+	}
+
+	$("#confirm-current-password").click(function(){
+		password_submit();
+	});
+
+	$('#modifyPasswordModal').on('shown.bs.modal', function (e) {
+		$('#password').focus();
+	});
+
+	$('#modifyPasswordModal').on('hidden.bs.modal', function (e) {
+		current_password_modal_reset()
+	});
+
+	$('#password').keypress(function(event){
+    var keycode = (event.keyCode ? event.keyCode : event.which);
+    if(keycode == '13'){
+      password_submit();
+    }
+});
+</script>

data/app/views/rails_base/user_settings/_modify_password_update_password.html.erb

@@ -0,0 +1,2 @@
+<h4>Please set your new Password</h4>
+<%= render partial: 'rails_base/shared/reset_password_form', locals: { url: RailsBase.url_routes.edit_password_path, sign_in_flow: false } %>