Do not close login modal when clicking on the backdrop

CHANGELOG.md

@@ -4,6 +4,7 @@
 - Allow writing short rich descriptions for each subscription plan
 - Allow inserting hyperlinks in customized info messages
 - Use the primary color to display plans' price in the public view
+- Do not close login modal when clicking on the backdrop
 - Improved scripts for mounting volumes
 - Increased verbosity of upgrade script
 - Fix a bug: mounting the payment-schedules volume in the docker-compose file results in an invalid file

app/frontend/src/javascript/controllers/application.js.erb

@@ -408,6 +408,7 @@ Application.Controllers.controller('ApplicationController', ['$rootScope', '$sco
       <% else %>
       return $uibModal.open({
         templateUrl: '/shared/deviseModal.html',
+        backdrop: 'static',
         size: 'sm',
         resolve: {
           settingsPromise: ['Setting', function (Setting) { return Setting.query({ names: "['confirmation_required']" }).$promise; }]

app/frontend/src/stylesheets/app.layout.scss

@@ -695,3 +695,9 @@ body.container {
     display: none;
   }
 }
+
+.close-modal-button {
+  position: absolute;
+  right: 13px;
+  cursor: pointer;
+}

app/frontend/templates/shared/deviseModal.html

@@ -1,6 +1,7 @@
   <div class="" id="loginModal">
     <div class="modal-header">
       <img ng-src="{{logoBlack.custom_asset_file_attributes.attachment_url}}" alt="{{logo.custom_asset_file_attributes.attachment}}" class="modal-logo"/>
+      <i class="fa fa-times close-modal-button" ng-click="dismiss()"></i>
       <h1 translate translate-default="Login">
         {{ 'app.public.common.connection' }}
       </h1>