added login failed message (remains register message); installed flood_control contrib module

composer.json

@@ -46,6 +46,7 @@
         "drupal/field_group": "3.x-dev@dev",
         "drupal/field_permissions": "^1.0",
         "drupal/flag_lists": "^4.0@beta",
+        "drupal/flood_control": "^2.1",
         "drupal/genpass": "^1.x-dev",
         "drupal/graphql": "4.x-dev@dev",
         "drupal/image_delta_formatter": "^1.x-dev",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "4bfbf0626a4aa7d6c658e5482a8259ac",
+    "content-hash": "350fc178a837b5226811e5f48aeff358",
     "packages": [
         {
             "name": "alchemy/zippy",
@@ -7488,6 +7488,58 @@
                 "issues": "https://www.drupal.org/project/issues/flag_lists"
             }
         },
+        {
+            "name": "drupal/flood_control",
+            "version": "2.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/flood_control.git",
+                "reference": "2.1.1"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/flood_control-2.1.1.zip",
+                "reference": "2.1.1",
+                "shasum": "b8384e1673b92b0bdd8630624528c32fb7ef5f54"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.1.1",
+                    "datestamp": "1609933716",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Dave Reid",
+                    "homepage": "https://www.drupal.org/user/53892"
+                },
+                {
+                    "name": "batigolix",
+                    "homepage": "https://www.drupal.org/user/22175"
+                },
+                {
+                    "name": "fabianderijk",
+                    "homepage": "https://www.drupal.org/user/278745"
+                }
+            ],
+            "description": "Allows configuring hidden flood control options and unblocking IP addresses and user ID's that are blocked after multiple failed login attempts.",
+            "homepage": "https://www.drupal.org/project/flood_control",
+            "support": {
+                "source": "https://git.drupalcode.org/project/flood_control"
+            }
+        },
         {
             "name": "drupal/genpass",
             "version": "dev-1.x",

config/sync/core.extension.yml

@@ -83,6 +83,7 @@ module:
   filter_perms: 0
   flag: 0
   flag_lists: 0
+  flood_control: 0
   genpass: 0
   graphql: 0
   help: 0

config/sync/language.types.yml

@@ -23,6 +23,7 @@ negotiation:
       language-url-fallback: 1
   language_interface:
     enabled:
+      language-graphql-operation: -999
       language-url: -20
       language-browser: -18
       language-selected: -17

config/sync/search_api.index.autocomplete.yml

@@ -47,6 +47,9 @@ third_party_settings:
       index_prefix: ''
       collection: ''
       timezone: ''
+    term_modifiers:
+      slop: 10000000
+      fuzzy: 2
 id: autocomplete
 name: 'autocomplete taxonomy'
 description: ''

config/sync/search_api.index.database.yml

@@ -43,6 +43,9 @@ third_party_settings:
         fragsize: 0
     advanced:
       index_prefix: ''
+    term_modifiers:
+      slop: 10000000
+      fuzzy: 2
 id: database
 name: database
 description: ''

config/sync/search_api.server.database_search_autocomplete.yml

@@ -49,6 +49,7 @@ backend_config:
     http_method: AUTO
     jmx: false
     solr_install_dir: ../../..
+    skip_schema_check: false
   disabled_field_types: {  }
   disabled_caches: {  }
   disabled_request_handlers:
@@ -60,10 +61,10 @@ backend_config:
   rows: 10
   retrieve_data: true
   highlight_data: false
-  skip_schema_check: false
   server_prefix: ''
   domain: generic
   environment: default
   optimize: false
   site_hash: true
   index_single_documents_fallback_count: 10
+  fallback_multiple: true

config/sync/search_api.server.materio.yml

@@ -49,6 +49,7 @@ backend_config:
     http_method: AUTO
     jmx: false
     solr_install_dir: ../../..
+    skip_schema_check: false
   disabled_field_types: {  }
   disabled_caches: {  }
   disabled_request_handlers:
@@ -60,10 +61,10 @@ backend_config:
   rows: 10
   retrieve_data: true
   highlight_data: false
-  skip_schema_check: false
   server_prefix: ''
   domain: generic
   environment: default
   optimize: false
   site_hash: true
   index_single_documents_fallback_count: 10
+  fallback_multiple: true

web/modules/custom/materio_user/materio_user.module

@@ -15,15 +15,15 @@ use \Drupal\Core\Link;
  *
  */
 function materio_user_form_user_login_form_alter(&$form, FormStateInterface $form_state, $form_id) {
-  // Drupal::logger('materio_user')->notice(print_r($form, true));
+
   $form['name']['#attributes'] += array(
     "v-model" => "mail",
-    "@keyup.enter" => "login"
+    // "@keyup.enter" => "login"
   );
 
   $form['pass']['#attributes'] = array(
     "v-model" => "password",
-    "@keyup.enter" => "login"
+    // "@keyup.enter" => "login"
   );
 
   $url = Url::fromRoute('user.pass');
@@ -34,6 +34,14 @@ function materio_user_form_user_login_form_alter(&$form, FormStateInterface $for
     "@click.prevent" => "login"
   );
 
+  $form['message'] = array(
+    '#markup' => '
+      <span class="login-message" v-if="loginMessage">
+        {{ loginMessage }}
+      </span>
+    '
+  );
+
 }
 
 function materio_user_form_user_modal_form_alter(&$form, FormStateInterface $form_state, $form_id) {

web/themes/custom/materiotheme/assets/dist/main.css

@@ -1263,7 +1263,7 @@ header[role="banner"] {
       background-color: #fff;
       overflow: hidden;
       width: 11em;
-      height: 0px;
+      max-height: 0px;
       padding: 0.01em 1em;
       box-sizing: content-box;
       transition: all 0.4s ease-in-out;
@@ -1271,10 +1271,11 @@ header[role="banner"] {
       position: absolute;
       right: 0;
       top: 1.7em;
-      box-sizing: content-box; }
+      box-sizing: content-box;
+      z-index: 100; }
     header[role="banner"] #block-userlogin:hover > section {
       transition-delay: 0s;
-      height: 12em;
+      max-height: 20em;
       padding: 1em 1em;
       box-shadow: 0 0 10px #ccc; }
     header[role="banner"] #block-userlogin .form-item {
@@ -1306,6 +1307,12 @@ header[role="banner"] {
         margin: 0; }
         header[role="banner"] #block-userlogin .item-list ul li a {
           font-size: 0.756em; }
+    header[role="banner"] #block-userlogin span.login-message {
+      color: red;
+      font-size: 0.693em;
+      line-height: 1.2;
+      display: block;
+      padding: 0 0 0.8em 0; }
   header[role="banner"] #block-userblock h2 {
     display: none; }
   header[role="banner"] #block-userblock a {
@@ -2375,6 +2382,12 @@ article.card {
         display: block;
         max-width: 16em;
         font-size: 0.693em; }
+      #pricing-modal-login-register #login-register > section form span.login-message {
+        color: red;
+        font-size: 0.693em;
+        line-height: 1.2;
+        display: block;
+        padding: 0 0 0.8em 0; }
 
 #main-content form.commerce-checkout-flow {
   max-width: 641px; }

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -51,7 +51,7 @@ header[role="banner"]{
       background-color: #fff;
       overflow: hidden;
       width:11em;
-      height:0px;
+      max-height:0px;
       padding:0.01em 1em;
       // margin:0 0 0 -1em;
       box-sizing:content-box;
@@ -62,11 +62,12 @@ header[role="banner"]{
       right:0;
       top:1.7em;
       box-sizing: content-box;
+      z-index:100;
     }
     &:hover{
       &>section{
         transition-delay: 0s;
-        height:12em;
+        max-height:20em;
         padding:1em 1em;
         box-shadow: 0 0 10px #ccc;
       }
@@ -113,6 +114,13 @@ header[role="banner"]{
         }
       }
     }
+    span.login-message{
+      color: red;
+      font-size: 0.693em;
+      line-height: 1.2;
+      display: block;
+      padding: 0 0 0.8em 0;
+    }
   }
 
   // non-vue userblock
@@ -1663,6 +1671,14 @@ article.card{
           max-width: 16em;
           font-size: 0.693em;
         }
+
+        span.login-message{
+          color: red;
+          font-size: 0.693em;
+          line-height: 1.2;
+          display: block;
+          padding: 0 0 0.8em 0;
+        }
       }
     }
     section.login{

web/themes/custom/materiotheme/vuejs/components/Block/LoginBlock.vue

@@ -15,9 +15,11 @@ export default {
       password: ''
     }
   },
-  // computed: {
-  //   ...mapState(['User'])
-  // },
+  computed: {
+    ...mapState({
+      loginMessage: state => state.User.loginMessage,
+    })
+  },
   methods: {
     ...mapActions({
       userLogin: 'User/userLogin'

web/themes/custom/materiotheme/vuejs/components/Form/LoginForm.vue

@@ -11,6 +11,11 @@ export default {
     mail:null,
     password:null
   }),
+  computed: {
+    ...mapState({
+      loginMessage: state => state.User.loginMessage,
+    })
+  },
   methods: {
     ...mapActions({
       userLogin: 'User/userLogin'

web/themes/custom/materiotheme/vuejs/store/modules/user.js

@@ -18,6 +18,7 @@ export default {
     mail: '',
     csrf_token: null,
     logout_token: null,
+    loginMessage: '',
     isloggedin: false,
     isAdmin: false,
     isAdherent: false,
@@ -38,6 +39,7 @@ export default {
       state.csrf_token = token
     },
     setToken (state, data) {
+      console.log('setToken', data)
       state.uid = data.current_user.uid
       // state.username = data.username;
       state.mail = data.current_user.mail
@@ -45,6 +47,10 @@ export default {
       state.isloggedin = true
       state.logout_token = data.logout_token
     },
+    setLoginMessage (state, message) {
+      console.log('setLoginMessage', message);
+      state.loginMessage = message
+    },
     setUid (state, uid) {
       state.uid = uid
       state.isloggedin = true
@@ -98,7 +104,7 @@ export default {
       // }
 
       // redirect to home page in every case
-      window.location = window.location.origin 
+      window.location = window.location.origin
     },
     setFlagColls (state, flagcolls) {
       console.log('User pre setFlagColls', state.flagcolls)
@@ -147,13 +153,21 @@ export default {
         dispatch('getToken', credentials)
           // TODO: catch failed login
           .then(() => {
-            dispatch('getUser').then(userdata => {
-              console.log('User Loggedin')
-              if (state.isAdmin) {
-                window.location.reload(true)
-              }
-              resolve()
-            })
+            // there no response here, check the original getToken method
+            // console.log('dispatch getToken response', response);
+            // check if getToken (login) went well
+            if(state.isloggedin){
+              dispatch('getUser').then(userdata => {
+                console.log('User Loggedin')
+                if (state.isAdmin) {
+                  window.location.reload(true)
+                }
+                resolve()
+              })
+            }else{
+              console.log('user loggein failed')
+              Promise.reject('user loggein failed')
+            }
           })
           .catch(error => {
             console.warn('Issue with Dispatch getToken', error)
@@ -162,10 +176,22 @@ export default {
       })
     },
     getToken ({ dispatch, commit, state }, credentials) {
-      return REST.post('/user/login?_format=json', credentials)
-        .then(({ data }) => {
-          console.log('user REST getToken data', data)
-          commit('setToken', data)
+      return REST.post('/user/login?_format=json',
+        credentials,
+        {
+          validateStatus: function (status) {
+              return status >= 200 && status < 500;
+          }
+        })
+        .then((response) => {
+          console.log('user REST getToken response', response)
+          if(response.status === 200){
+            commit('setToken', response.data)
+          }else if(response.data.message){
+            commit('setLoginMessage', response.data.message)
+          }else{
+            console.warn('Issue with getToken', response)
+          }
         })
         .catch(error => {
           console.warn('Issue with getToken', error)